/*
Theme Name: CANRecover
Description:    Child theme for the Striking MultiFlex & Ecommerce Responsive WordPress Theme
Author:         <a href="http://themeforest.net/user/Kaptinlin">Kaptinlin</a>
Author URI:     http://themeforest.net/user/Kaptinlin
Template:       recover
Version:        0.1.0
*/


/*HEADER AREA*/

.top-adjust-bar {height:30px;width:100%;}

#header {border-bottom:3px solid #bc992f;}

.viewer-link {color:#bc992f !important;}
.viewer-link a:hover {color:#fff;}

.viewer-popup {font-size: 19px; margin-top: 15px;color:#fff !important;}
.viewer-popup li,.viewer-popup p {color:#fff !important;}
.viewer-popup a:hover {#ccc !important;}

#top_area {width:450px;z-index:1;}
#top_area li {display:inline;list-style-type:none;padding:10px;}
#top_area li a {color:#bc992f !important;}  
#top_area li a:hover {opacity:0.5;} 

.jqueryslidemenu ul {font-weight:800 !important;}

.view-selector {  background: none repeat scroll 0 0 #4f7dbf;
    float: right;
    height: 20px;
    padding: 5px 10px;
    position: absolute;
    top: 0px;
    display: block;
    margin-left:33px;
    z-index:1 !important;
    color:#fff !important;
    } 
    
.heading {
float:right;
    height: 20px;
    position: absolute;
    background: #4f7dbf;
    padding: 5px 10px;
    color:#fff !important;
    font-size:13px;
    left:0;}
    
.options-link {position:absolute;background:#4f7dbf;margin-left:30%;padding:8px;color:#fff;width:350px;text-align:center;text-transform:uppercase;letter-spacing:1px;font-size:13px;}
a.options-link {color:#fff !important;}
    
.widget_social img {height:24px;width:24px;}

.responsive #logo, .responsive #logo_text {margin-top:35px !important;}

#logo {left:-10px;padding:0px;bottom:0px;}
     
.view-selector li {display:inline;float:left;padding-right:10px;}
.view-selector li a {color:#fff;}

#navigation .menu > li > a:hover, #navigation .menu > li {color:#bc992f !important;}

.select-view {color:#fff;}

.content-view a {color:#bc992f;}
.content-view a:hover {text-decoration:underline;color:#bc992f !important;}

h3 a {color:#bc992f !important;}

a.options {font-size:13px;z-index:1;position:relative;float:right;margin-right:300px;color:#fff !important;background-color:#4f7dbf !important;padding:0px 6px 0px 6px;}
a.options:hover {color:#000 !important;}

/*HOME PAGE ELEMENTS*/

.home-callout {background: none repeat scroll 0 0 #191919;
    border: 1px solid #bc992f;
    padding:15px 15px;
    width:160px !important;
    margin:20px auto;
    text-align:center;}
.home-callout:hover {background:#323232;}


.left-home {
background-image:url('/wp-content/uploads/2015/01/SkateWithGradient.jpg');
width:60%;
height:450px;
float:left;
background-repeat:no-repeat;
}


.mission {text-align:center;line-height:30px;font-size:21px;width:70%;margin-top:25px;float:right;}
.mission h2 {color:#fff !important;}
.mission a {color:#fff !important;}
.mission p {color:#fff !important;}

.one_third.last.homepage {width:40%;}

ul.one_third.last.home {margin-left:0px;width:100%;}

.one_third.last.home figure {
overflow: hidden;
position: relative;
width: 100%;
margin-left:10px;
margin-bottom:20px;
} 

.one_third.last.home figcaption {
color: white;
display: table;
height: 100%;
width:450px;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1000;
background:rgba(0,0,0,0.7);
}

.one_third.last.home figcaption p {
display: table-cell;
font-size: 1.5em !important;
position: relative;
vertical-align: middle !important; 
text-align:center !important;
}

.one_third.last.home li {list-style-type:none;float:left;}

.one_third.last.home li:hover figcaption {
opacity: 1;
} 


/*PAGE ELEMENTS*/

table {color:#fff;}

a:hover {color:#ccc !important;}

.button-top5 {
    background: none repeat scroll 0 0 #191919;
    border: 1px solid #bc992f;
    float: left;
    margin: 0 auto;
    padding: 5px;
    text-align: center;
    width: 300px;
    font-size:15px;
    text-transform:capitalize;
}

#comments label {
    float: left;
    opacity: 0.75;
    padding-right: 10px;
}

ul.tabs {border:none !important;}
ul.tabs li a {font-size:22px !important;padding:30px;background-color:#191919 !important;color:#fff !important;border;none;}
.tabs_container .panes {padding:30px 5px 5px 5px;background-color:#323232;color:#fff;border:none;}
ul.tabs li a.current {border-bottom: 10px solid #191919;}

input.wpcf7-submit {background-color:#bc992f !important;padding:8px 30px;text-transform:uppercase;letter-spacing:2px;color:#fff;font-size:13px;border-radius:0px;font-family:'Open Sans';}
input.wpcf7-submit:hover {opacity:0.7;}

input[type="email"], input[type="password"], input[type="text"], select, textarea {background:#fff !important;}

    
input {padding:2px 15px; background:#fff; border:0 none;
cursor:pointer;
-webkit-border-radius: 5px;
border-radius: 5px; }

input.paypal {background:none !important;margin-top:-70px;}
input.paypal:hover {opacity:0.7;}

.image-circle {border-radius:50%;border:3px solid #ccc;}    
img.alignright {margin:20px 0px 20px 20px !important;border:3px solid #ccc !important;}
img.alignleft {margin:20px 0px 20px 20px !important;border:3px solid #ccc !important;}
img.alignnone {margin:20px 0px 20px 20px !important;border:3px solid #ccc !important;}
img.aligncenter {margin:20px 0px 20px 20px !important;border:3px solid #ccc !important;}

.button.small span {
    font-size: 14px;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 0px, rgba(0, 0, 0, 0.05) 100%);
}

.bios {text-align:center;}



.tp-bullets {margin-right:20px;}

.new-button a {color:#bc992f !important;font-weight:800 !important;}
.new-button {border:1px solid gold;padding:8px 20px;color:#fff;background:#323232;letter-spacing:2px;font-weight:800 !important;}
.new-button:hover {background-color:#191919;color:#bc992f !important;}

#page h2,.entry-title,#feature h1 {font-weight:800;}
.fa-5x {font-size: 3em;
    margin-left: 100px;}

#page h3 {line-height:30px;}

.button.small span {letter-spacing:2px;}

.contact-form-bg {background-color:#ccc;padding:15px;color:#191919;border-radius:10px;max-width:400px;}
.contact-form-bg p {margin-bottom:10px;font-size:15px;}
span.wpcf7-form-control-wrap {float:right;}
input.wpcf7-submit {margin-top:50px;}

.footer-logo {text-align:right !important;}


/*LAYOUT CHANGES*/

#sidebar .widgettitle {color:#fff;}  

#sidebar .widget {margin-bottom:20px;}

#footer .inner {text-align:center;}

.widget {margin-bottom: 0em;}

#feature .inner {
    padding-bottom: 15px;
    padding-top: 15px;
}


#page .inner {padding-top:20px;}

#feature h1 {   font-size: 30px;letter-spacing: 2px;color:#fff !important;}
#footer {border-top:3px solid #BC992F;}

.border_right {border-right:1px solid #ccc;padding-right:10px;width:46%;}

#footer .widget_nav_menu li a {background:none;}
#footer .widget_nav_menu li a:after {background:none;}
#copyright {width:100%;text-align:center;}
#footer .inner {padding-bottom:0px;}


@media (max-width:768px) {
.home-callout {margin-bottom:10px;}
.border_right {border-right:none;}
.left-home {width:100%;margin-bottom:10px;}
ul.one_third.last.home {width:100%;height:100%;}
ul.one_third.last.home ul li {margin-left:0px;}
.mission {width:80%;float:none;text-align:center;margin:20px auto;}
}

@media (min-width:768px) and (max-width:1200px) {
.left-home {width:60%;};
.one_third.last.homepage {width:40%;}
.one_third.last.home {width:100%;margin-left:6px !important;}
.one_third.last.home li {width:100%;}
.jqueryslidemenu ul li a {font-size:16px !important;}
}

@media (min-width:1200px) {
.inner {width:1180px !important;}
.right_sidebar #sidebar {width:220px !important;}
.right_sidebar #main, .right_sidebar #main .content {width:850px !important;}
.one_third.last.home figure {height:137px;}
.mission h2 {width:70%;float:right;}
.mission p {width:65%;float:right;margin-right:15px;}
.one_third.buttons.first {margin-left:3%;}
.one_third.buttons {margin-right:1%;margin-top:40px !important;}
}

@media (min-width:1000px) and (max-width:1180px) {
.right_sidebar #sidebar {width:220px !important;}
.right_sidebar #main, .right_sidebar #main .content {min-width:680px !important;}
}

@media (max-width:1200px) {
.one_third.last.home figure {width:90%;margin:0;}
.one_third.last.home figcaption {
color: #fff!important;
display: table;
left: 0;
opacity: 1;
float:right;
background:rgba(0,0,0,0.6);
padding:10px;}

.one_third.last.home figcaption a {color:#fff !important;}

.one_third.last.home figcaption p {
display: table-cell;
font-size: 1.2em !important;
position: relative;
vertical-align: middle;
color:#fff !important;
text-align:left !important; 
}
}

@media (max-width:500px) {
.mission p {font-size:16px;line-height:20px;}
.one_third.last.homepage {width:100%;}
.one_third.last.home figcaption p {color:#fff;text-align:left;}
.button-top5 {display:none;}
.viewer-popup {font-size:11px;line-height:12px;}
.popmake-title {font-size:13px !important;}
a.options {margin-bottom:15px !important;margin-right:0px;}
}


@media (max-width:980px) {
.contact-form-bg {width:100% !important;}
.home-callout {
    padding:5px !important;
    width: 120px !important;
}
}