/*
Theme Name: Severin Child
Author: Rough Ride Creations
Author URI: http://roughridecreations.com
Template: severin
*/

@import url("../severin/style.css");

/* ----- Theme customization starts here ----- */	

body {
    background-color: #e5e5e5;
}

/* ----- Fonts ----- */

@font-face {    
font-family: 'proxima_novablack';    
    src: url('fonts/proxima-nova-black-webfont.eot');    
    src: url('fonts/proxima-nova-black-webfont.eot?#iefix') format('embedded-opentype'),         
         url('fonts/proxima-nova-black-webfont.woff') format('woff'),         
         url('fonts/proxima-nova-black-webfont.ttf') format('truetype'),         
         url('fonts/proxima-nova-black-webfont.svg#proxima_novablack') format('svg');    
    font-weight: normal;    
    font-style: normal;
}

.wpb_wrapper h1 {    
    font-size: 30px !important;    
    line-height: 30px !important;    
    margin-top: 0 !important;    
    text-transform: uppercase;
}

.pagetitle h1 {
    background-color: #f1f1f1;
    background-image: url(http://www.severin-films.com/wp-content/uploads/2014/12/severin-pagetitle-h1-bg.jpg);
    border: 2px solid #1b1c1d;
    border-radius: 5px;
    box-shadow: 1px 1px 4px #1b1c1d;
    color: #1b1c1d;
    font-size: 25px;
    font-weight: 300;
    margin: 65px 0 55px;
    padding: 3px 15px 3px 13px;
    text-transform: uppercase;
}

.breadcrumbwrap, .breadcrumbwrap a, .breadcrumbwrap a:hover {
    color: #000000;
}

.blogpost h2 a {    
    text-transform: uppercase;
}

.blogpost h2 a {
    font-weight: 300;
}

h2 {    
    color: #ffffff;
    font-weight: 300;    
    text-transform: uppercase;
}

.footer .footertitle h4 {    
    color: #fff;    
    float: left;    
    font-family: 'proxima_novablack';    
    font-size: 18px;    
    font-weight: 100;    
    line-height: 24px;    
    margin-bottom: 22px;    
    margin-top: 0px;    
    text-transform: uppercase;
}
	
.wpb_wrapper h4 {    
    color: #ffffff;  
    font-size: 33px !important;
    line-height: 40px !important;    
    margin-top: 0 !important;    
    text-transform: uppercase;
}

.homepost h4, .homepost h4 a {    
    font-family: 'Open Sans',sans-serif;    
    font-size: 20px;    
    font-weight: 600;    
    line-height: 26px;    
    margin-bottom: 2px;    
    margin-top: 1px;    
    text-transform: uppercase;    
    width: 100%;
}
	
.sidebar .footertitle h4, .wpb_widgetised_column .footertitle h4 {    
    color: #282a2b;    
    float: left;    
    font-family: 'proxima_novablack';    
    font-size: 20px;    
    font-weight: 100;    
    text-transform: uppercase; 
}

.subfooter a {    
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);    
    color: #e31b0b;
}

.subfooter a:hover {   
    color: #ffffff !important;
}

.wpb_widgetised_column h4 {    
    font-size: 20px !important;
}

.breadcrumbwrap, .breadcrumbwrap a, .breadcrumbwrap a:hover {    
    color: #282a2b;
}

.postinfo a {    
    color: #8a2d00;    
    line-height: 22px;
}

.postinfo a:hover {    
    color: #555 !important;
}

/* ----- Header ----- */

.headertopwrap {
    border-bottom: 0px solid #e5e5e5;
}

.boxedlayout .headertopwrap {    
    background: none repeat scroll 0 0 #FFFFFF;    
    position: fixed;    
    top: 0;
}

.boxedlayout .headerwrap {    
    background: none repeat scroll 0 0 #1b1c1d;    
    float: none;    
    left: 0%;    
    margin-left: 0;    
    margin-top: 30px;    
    position: fixed;    
    width: 100%;
    z-index: -1;
}

.headerwrap {    
border-bottom: 0 solid #e5e5e5;    
    z-index: -1;
}

.headersearch form {
    margin-top: 40px;
}

/* ----- Logo ----- */

#logo {    
    height: 155px;    
    position: fixed;    
    width: 240px;    
    top: 0;    
    z-index: 999999;
}

/* ----- Slider ----- */

.boxedlayout .homesliderwrapper {    
    margin-top: 112px;
}

.tp-bannershadow.tp-shadow2 {
    margin-bottom: 10px;
}

/* ----- Menu ----- */

.navigation ul li.menu-item a.menu-link, .navigation ul li.menu-item a.menu-link:visited {    
    border-bottom: medium none;    
    color: #fff;
    float: left;    
    font-family: 'proxima_novablack';    
    font-size: 18px;    
    font-weight: 100;    
    line-height: 15px;    
    padding: 36px 10px 30px;    
    text-decoration: none;    
    text-transform: uppercase;    
    transition: none 0.6s ease 0s ;
}

/* ----- Sub Menu ----- */

.navigation ul ul.sub-menu li.menu-item a.menu-link, .navigation ul ul.sub-menu li.menu-item a.menu-link:visited {    
    background: none repeat scroll 0 0 #1b1c1d;    
    border-top: 0 none !important;    
    box-sizing: border-box;    
    color: #fff !important;    
    font-size: 13px;    
    font-weight: 200;    
    padding: 6px 20px 5px !important;
}

.navigation ul ul.sub-menu {    
    border-top: 2px solid #e31b0b !important;
}

.navigation ul ul.sub-menu li.menu-item a.menu-link:hover {   
    background: none repeat scroll 0 0 #1b1c1d;
}

/* ----- Search ----- */

.headersearch input {
    border-radius: 3px;
    width: 40px;
}

.headersearch input:hover {    
    background-color: #fff;
}

/* ----- Content ----- */

.boxedlayout .pagetitlewrap {    
    margin-top: 112px;
}

.vc_separator .vc_sep_holder .vc_sep_line {    
    border-top: 1px solid #000000 !important;
}

.allwrapper {
    background: url(http://www.severin-films.com/wp-content/uploads/2014/09/severin-content-bg.gif) no-repeat scroll bottom right #ffffff;
    padding-bottom: 80px;
}

.nopagetitle #firstcontentcontainer {
    padding-top: 65px !important;
}

#firstcontentcontainer {
    background: none repeat scroll 0 0 transparent;
}

.pagetitlewrap {
    background: url(http://www.severin-films.com/wp-content/uploads/2014/09/severin-page-title-bg.jpg) repeat scroll center top #e31b0b;
}

/* ----- VHX Widget ----- */

#vhx-widget-nav {
    top: 115px !important;
}

/* ----- Featured Products ----- */

.shadow {
    border: 1px solid rgba(51,51,51, 0.2);
    box-shadow: 1px 3px 3px #666666;
}

/* ----- Sidebars ----- */

.sidebar {    
    margin-top: 0;
}

/* ----- Recent Posts Widget ----- */

.rpwe-block ul {
    list-style: outside none none !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}
.rpwe-block li {
    border-bottom: 1px solid #eee;
    list-style-type: none;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.rpwe-block a {
    display: inline !important;
    text-decoration: none;
}
.rpwe-block h3 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    clear: none;
    font-size: 12px !important;
    font-weight: 400;
    line-height: 1.5em;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}
.rpwe-thumb {
    border: 1px solid #eee !important;
    box-shadow: none !important;
    margin: 2px 10px 2px 0;
    padding: 3px !important;
}
.rpwe-summary {
    font-size: 12px;
}
.rpwe-time {
    color: #bbb;
    font-size: 11px;
}
.rpwe-alignleft {
    display: inline;
    float: left;
}
.rpwe-alignright {
    display: inline;
    float: right;
}
.rpwe-aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.rpwe-clearfix:before, .rpwe-clearfix:after {
    content: "";
    display: table !important;
}
.rpwe-clearfix:after {
    clear: both;
}
.rpwe-clearfix {
}

/* ----- Footer ----- */

.footerwrap {    
    background: url(http://www.severin-films.com/wp-content/uploads/2014/09/footer-bg.jpg) repeat-y scroll center 10px #1b1c1d;
    padding: 30px 0 0;
}

.subfooterwrap {
    background-color: #1b1c1d;
    border-top: 1px solid #666;
}

.footer .widget_text, .sidebar .widget_text {
    width: 270px;
}

/* ----- Social Widget ----- */

.social li a {
    border: 0 solid rgba(255, 255, 255, 0.15);
}

.social li a:hover .s_icon {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
}

.headertop .social li a {
    margin: 0;
}

.headertop .social .s_icon {
    color: #fff;
}

.sidebar .social .s_icon {
    color: #fff;
}

.social ul li a.so_facebook {
    background: none repeat scroll 0 0 #4672b3;
}

.social ul li a.so_facebook:hover {
    background: none repeat scroll 0 0 #587db4;
}

.social ul li a.so_twitter {
    background: none repeat scroll 0 0 #099bcc;
}

.social ul li a.so_twitter:hover {
    background: none repeat scroll 0 0 #3ca8cc;
}

.social ul li a.so_gplus {
    background: none repeat scroll 0 0 #da4a38;
}

.social ul li a.so_gplus:hover {
    background: none repeat scroll 0 0 #d96455;
}

.social ul li a.so_pinterest {
    background: none repeat scroll 0 0 #c32524;
}

.social ul li a.so_pinterest:hover {
    background: none repeat scroll 0 0 #c24645;
}

.social ul li a.so_vimeo {
    background: none repeat scroll 0 0 #8bb225;
}

.social ul li a.so_vimeo:hover {
    background: none repeat scroll 0 0 #b1c776;
}

.social ul li a.so_youtube {
    background: none repeat scroll 0 0 #cb322c;
}

.social ul li a.so_youtube:hover {
    background: none repeat scroll 0 0 #cb625e;
}

.social ul li a.so_linkedin {
    background: none repeat scroll 0 0 #2e8cc2;
}

.social ul li a.so_linkedin:hover {
    background: none repeat scroll 0 0 #549ac2;
}

.social ul li a.so_rss {
    background: none repeat scroll 0 0 #e97633;
}

.social ul li a.so_rss:hover {
    background: none repeat scroll 0 0 #ea925f;
}

.social ul li a.so_instagram {
    background: none repeat scroll 0 0 #33648f;
}

.social ul li a.so_instagram:hover {
    background: none repeat scroll 0 0 #52738f;
}

.social ul li a.so_foursquare {
    background: none repeat scroll 0 0 #19a7e2;
}

.social ul li a.so_foursquare:hover {
    background: none repeat scroll 0 0 #50b7e2;
}

/* ----- Call To Action ----- */

.wpb_call_to_action {
    background-color: transparent !important;
    border: 0px solid #f0f0f0 !important;
}

.wpb_btn-danger {
    background-color: #d61e05 !important;
}

/* ----- WooCommerce ----- */

.woocommerce h2 {
    color: #1b1c1d;
}

.woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message {    
    border-top: 3px solid #b81c23;
}

.woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-message:before {   
    background-color: #b81c23;    
    content: "✓";
}

.woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-info:before {    
    background-color: #b81c23;
}

.woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message {    
    border-top: 3px solid #b81c23;
}

.woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info {    
    border-top: 3px solid #b81c23;
}

.woocommerce span.onsale, .woocommerce-page span.onsale {
    background: -moz-linear-gradient(center top , #bd3e00 0%, #d61e05 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

/*----- Films Page -----*/

.wmle_container .wmle_item {
    border: 0px solid #e5e5e5 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #959595 !important;
    box-shadow: 0px 0px 0px 0px #959595 !important;
}

.wmle_container .wmle_item .wmle_post_meta {
	color: #ffffff;
        display: none;
        font-size: 12px;
	line-height: 1.5; 
	padding-bottom:6px;
}

.wmle_container .wmle_item .wmle_post_title {
    display: none;
}

.wmle_container .wmle_item .wmle_post_excerpt {
    display: none;
}

.wmle_loadmore .wmle_loadmore_btn { 
    background-color:#d61e05 !important;
    border: 0px solid #e5e5e5 !important;
    border-radius: 5px !important;
    box-shadow: 0px 0px 0px 0px #959595 !important;
    color:#ffffff !important;
    font-weight: bold !important;
    margin-top: 30px !important;
    padding: 10px 20px !important;
    -webkit-box-shadow: 0px 0px 0px 0px #959595 !important;
    -webkit-border-radius: 5px !important;
}

/* ----- Media Queries ----- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

    .allwrapper {
        border-left: 0px solid #1b1c1d;
        border-right: 0px solid #1b1c1d;
        padding-left: 22px;
        }

    .allwrapper {
        padding-bottom: 50px;
        }

    #logo {
        height: auto;
        left: 10px;
        position: fixed;
        top: 0;
        width: 180px;
        z-index: 9000;
	}

    .boxedlayout .homesliderwrapper {
        margin-top: 92px;
        }

    .navigation > ul > li.menu-item > a.menu-link, .navigation > ul > li.menu-item > a.menu-link:visited {
        padding-left: 5px;
        }

    .navigation ul li.menu-item a.menu-link, .navigation ul li.menu-item a.menu-link:visited {
        font-size: 14px;
	}

    .navigation {
        margin: -1px 25px 0 0;
        }

    .headersearch {
        top: -29px !important;
        margin-right: -15px;
        }   

    .boxedlayout .pagetitlewrap {
        margin-top: 92px;
	}

    .headerwrap {
        border-bottom: 0 solid #e5e5e5 !important;
        z-index: -1;
        }

    .wpb_wrapper h2 {
        text-align: center;
        }

    .footer .widget_text, .sidebar .widget_text  {
        width: auto;
        }

    .footerwrap {
        padding: 40px 0 0;
        }

    .footer .footertitle h4 {
        font-size: 13px;
        font-weight: 300;
        line-height: 18px;
        margin-bottom: 24px;
        }

    .footer .widget {
        margin-bottom: 30px;
	}

    .scroll-back-to-top-wrapper {
        bottom: 45px !important;
        right: 0px !important;
        }
}

@media only screen and (max-device-width: 640px) {
 
   .allwrapper {
        padding-left: 20px;
    }

    body {
        padding-left: 0;
    	padding-right: 0;
	    }

    .headertop .social ul li {
    margin-top: -1px;
    }

    #logo {
        height: auto;
        left: 10px;
        position: fixed;
        top: 0;
        width: 140px;
        z-index: 9000;
	}

    .pagetitle h1 {
        background-color: #f1f1f1;
        border: 2px solid #1b1c1d;
        border-radius: 0;
        box-shadow: 1px 1px 4px #1b1c1d;
        color: #1b1c1d;
        font-size: 25px;
        font-weight: 300;
        margin: 45px 0 35px;
        padding: 3px 0;
        text-transform: uppercase;
    }

    .boxedlayout .homesliderwrapper {
    	margin-top: 80px;
	}

    .boxedlayout .headertopwrap {
        background: none repeat scroll 0 0 #ffffff;
        position: fixed;
        top: 0;
        }

    .nopagetitle #firstcontentcontainer {
    	padding-top: 40px !important;
	}

    #firstcontentcontainer {
        padding: 30px 10px 0;
         }

    .tp-bannershadow.tp-shadow2 {
	bottom: -55px;
	}

    .headerrightwidget ul {
        text-align: right;
        }

    .headertopwrap {
        line-height: 0px;
        }

    .social {
        margin-right: 10px;
	}

    .headerwrap .header, .boxedlayout .headerwrap .header {
    	height: 50px;
	}

    .boxedlayout .pagetitlewrap {
        margin-top: 80px;
        }

    .boxedlayout footer {
        margin-left: 0;
        margin-right: 0;
        }

    .footerwrap.wide, .subfooterwrap.wide, .footerwrap, .subfooterwrap {
        padding-left: 0;
        }

    .footerwrap {    
        background: url(http://www.severin-films.com/wp-content/uploads/2014/09/footer-bg.jpg) repeat-y scroll right top #333637;
        }

    .footer .widget .widget {
        margin-bottom: 20px;
        padding: 0 20px;
        }

    .footer .widget_text {
        width: auto;
        }

    .footer .footertitle h4 {
        font-size: 18px;
        }

    .sidebar .widget_text {
        width: 100%;
        }

    .wpb_wrapper h4 {
        font-size: 29px !important;
        line-height: 29px !important;
        }

    .scroll-back-to-top-wrapper {
        bottom: 70px !important;
        right: 0px !important;
        }

	/* HEADER RESPONSIVE MENU FORM */
	/* ------------------------------------ */
	
	.mobilemenu { margin-right: 0; }
	.mobilemenu form { opacity: 0; float: left; height: 50px !important; width: 50px; position: relative; margin: 0px; padding: 0px;}
	.mobilemenu	select {  -webkit-appearance: none; border: 1px solid #ddd; outline: none; overflow: hidden; font: 13px "Open Sans", sans-serif; color: #555; margin: 0; width: 50px;  max-width: 50px; display: block; height: 50px !important; padding: 0 0;}
	.mobilemenu	select:before { content: '\2630'; }
	.mobilemenu	option { outline: none; border: 0; overflow: hidden; font: 13px "Open Sans", sans-serif; color: #555; margin: 0; width: 100%; max-width: 100%; display: block; padding-left: 15px; position: relative;}
	.mobilemenu .icon-menu { cursor: pointer; position: absolute; font-size: 30px; background: #666; color: #fff; padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
}