@charset "UTF-8";
/* CSS Document */
/* Caravan Connection - Custom Stylesheet */


/* Global */
body{
font-family: 'gudearegular';
}
.right{text-align: right;}
.left{text-align: left;}
hr{
height: 1px;
background:#D6D6D6;
border:none;
}

h1, h2, h3, h4, h5, h6{
    color: #941818;
    font-family: 'montserratregular';
    font-weight: 700;
    text-transform: uppercase;
}

h2{font-size:  1.5rem;}

p, ul, ol {
    color: #7A7A7A;
    font-size: 14px;
}

a{color: #941818;}
a:hover, a:active, a:focus{color: #941818; text-decoration: underline;}

strong{
    color: #a4a4a4;
    font-family: 'montserratregular';
    font-weight: 700;
    text-transform: uppercase;
}

button, .button{

    background-color: #941818;
    border-color: #941818;
    font-family: montserratregular;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 3px;
}

button:hover, .button:hover{

    background-color: rgb(102, 102, 102);
    text-decoration: none;
}
input[type="submit"]{border-radius: 3px !important;}


/* Custom Fonts */
@font-face {
font-family: 'montserratregular';
src: url('../assets/design/fonts/montserrat-regular-webfont.eot');
src: url('../assets/design/fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
     url('../assets/design/fonts/montserrat-regular-webfont.woff2') format('woff2'),
     url('../assets/design/fonts/montserrat-regular-webfont.woff') format('woff'),
     url('../assets/design/fonts/montserrat-regular-webfont.ttf') format('truetype'),
     url('../assets/design/fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
    font-family: 'libre_baskervilleitalic';
    src: url('../assets/design/fonts/librebaskerville-italic-webfont.eot');
    src: url('../assets/design/fonts/librebaskerville-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/design/fonts/librebaskerville-italic-webfont.woff2') format('woff2'),
         url('../assets/design/fonts/librebaskerville-italic-webfont.woff') format('woff'),
         url('../assets/design/fonts/librebaskerville-italic-webfont.ttf') format('truetype'),
         url('../assets/design/fonts/librebaskerville-italic-webfont.svg#libre_baskervilleitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gudearegular';
    src: url('../assets/design/fonts/gudea-regular-webfont.eot');
    src: url('../assets/design/fonts/gudea-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/design/fonts/gudea-regular-webfont.woff2') format('woff2'),
         url('../assets/design/fonts/gudea-regular-webfont.woff') format('woff'),
         url('../assets/design/fonts/gudea-regular-webfont.ttf') format('truetype'),
         url('../assets/design/fonts/gudea-regular-webfont.svg#gudearegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* Header */
.mainHeader{
padding-bottom: 30px;
padding-top: 10px;
}

.shop-with-us {
text-transform: uppercase;
color: #A4A4A4;
    text-align: right;
}


/* Navigation */

.top-bar-container{margin-bottom: 1rem;}

.contain-to-grid{
border-bottom: 2px solid #7a7a7a;
}

.contain-to-grid, .top-bar, .top-bar-section li:not(.has-form) a:not(.button){
background: #fff;
}

.top-bar-section ul li>a{
color: #A4A4A4;
text-transform: uppercase;
font-family: 'montserratregular';
font-weight: 500;
letter-spacing: 1px;
}

.top-bar-section>ul>.divider{
display:none;
}

.top-bar-section li:not(.has-form) a:not(.button){
padding: 0 1.5rem;
webkit-transition: color 0.2s, background-color 0.2s, border-color 0.2s;
-moz-transition: color 0.2s, background-color 0.2s, border-color 0.2s;
-o-transition: color 0.2s, background-color 0.2s, border-color 0.2s;
-ms-transition: color 0.2s, background-color 0.2s, border-color 0.2s;
transition: color 0.2s, background-color 0.2s, border-color 0.2s;
}

.top-bar-section li.active:not(.has-form) a:not(.button){
padding: 0 2rem;
}

.top-bar-section li:not(.has-form) a:not(.button):hover{
background: #f7f7f7;
color: #94181F;
text-decoration: none;
}

.top-bar-section li.active:not(.has-form) a:not(.button), .top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button) {
background: #fff;
color: #A4A4A4;
}

.top-bar-section li.active:not(.has-form) a:not(.button):hover, .top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button):hover{
background: #f7f7f7;
color: #94181F;
text-decoration: none;
}

.top-bar-section ul li:hover:not(.has-form)>a{
background: #f7f7f7;
color: #94181F;
}


.top-bar-section ul li ul li.active:not(.has-form) a:not(.button){

    background: #f7f7f7;
    color: #94181F;
}

/* Home Page Hero Banner */
#homepage-hero{
background:url(/wp-content/themes/CaravanConnect/assets/design/images/banner.jpg);
height:714px;
margin: -1rem 0 2rem;
}

#homepage-hero h1, #homepage-hero h3{
text-align:center;
font-family: 'montserratregular';
font-weight: 700;
}

#homepage-hero h1{
color: rgba(255,255,255,.5);
text-transform: uppercase;
font-size: 95px;
letter-spacing: 19px;
line-height: 1.3;
margin-top:50px;
}

#homepage-hero h3{
color: #fff;
font-size: 43px;
font-family: 'libre_baskervilleitalic';
font-weight: 400;
    text-transform: none;
}

#homepage-hero .arrow{
height: 82px;
width: 82px;
margin:50px auto 0 auto;
}

/* Home Page Image Area */
.imageArea .tagline{
font-family: 'montserratregular';
font-weight: 700;
font-size: 20px;
text-align: center;
color: #a4a4a4;
letter-spacing: 5px;
margin-bottom: 30px;
    text-transform: none;
}

.imageArea img{
height: 264px;
width: 100%;
overflow: hidden;
}

/* Home Content Area */
.homeContent{
margin-top:50px;
margin-bottom:50px;
}

.homeContent .leftArea{
margin-top: 20px;
}

.homeContent .leftArea h3{
color:#941818;
font-family: 'montserratregular';
font-weight: 700;
font-size: 28px;
text-transform: uppercase;
}

.homeContent .leftArea p{
color: #a4a4a4;
font-size:14px;
font-family: 'libre_baskervilleitalic';
font-weight: 400;
}

.homeContent .rightArea h2{
font-family: 'montserratregular';
font-weight: 700;
font-size: 20px;
color: #a4a4a4;
letter-spacing: 5px;
    text-transform: none;
}

.homeContent .rightArea p{
color:#7A7A7A;
font-size: 14px;
}

/* Video Area */
.videoArea{
margin-top:50px;
margin-bottom:50px;
}

.ourRugs{
height: 339px;
width:100%;
background:url(/wp-content/themes/CaravanConnect/assets/design/images/our-rugs.jpg);
background-size: contain;
display:block;
background-size: cover;
background-repeat: no-repeat;
padding-top: 123px;
}
.ourRugs:hover{
    text-decoration: none !important;
}
.ourRugs p{
color: #fff;
font-size:14px;
font-family: 'libre_baskervilleitalic';
font-weight: 400;
text-align:center;
margin-bottom:0;
}

.ourRugs h3{
text-align:center;
font-family: 'montserratregular';
color: rgba(255,255,255,.5);
text-transform: uppercase;
font-size: 45px;
letter-spacing: 2px;
font-weight: 700;
margin-top:0;
line-height: 1;
}

/* Home Contact Area */
.homeContact{
margin-top:50px;
margin-bottom:50px;
}

.homeContact h2{
font-family: 'montserratregular';
font-weight: 700;
font-size: 20px;
color: #a4a4a4;
letter-spacing: 5px;
text-align: center;
    text-transform: none;
}

.homeContact p{
color:#7A7A7A;
font-size: 14px;
text-align: center;
}

.homeContact .gform_wrapper h3.gform_title{display:none;}

.homeContact .gform_wrapper .top_label .gfield_label{
margin-bottom:0;
color: #a4a4a4;
}

.homeContact .gform_wrapper .gfield_required{color: #a4a4a4;}

.homeContact .gform_wrapper .top_label input.medium, .homeContact .gform_wrapper textarea.medium{
width:100%;
border-radius: 6px !important;
-webkit-border-radius: 6px !important;
-moz-border-radius: 6px !important;
background-color: transparent;
border: 1px solid rgb(164, 164, 164);
box-shadow:none;
}

.homeContact .gform_wrapper .gform_footer input.button{
font-family: 'montserratregular';
font-weight: 700;
font-size: 16px;
text-transform: uppercase;
background: #fff;
color:#a4a4a4;
border-radius: 6px !important;
-webkit-border-radius: 6px !important;
-moz-border-radius: 6px !important;
border: 1px solid rgb(164, 164, 164);
float:right;
letter-spacing: 1px;
}

/* Footer Area */
footer{
text-align: center;
padding-bottom: 20px;
}

footer p.contact-info{
margin-bottom:0;
color:#7A7A7A;
font-size: 14px;
}

footer p.branding{
margin-bottom:0;
color:#a4a4a4;
font-size: 14px;
}

footer p.branding a{
color:#941818;
}

footer p.branding a:hover{
text-decoration: underline;
}

footer .fa{
font-size: 30px;
margin: 0 10px;
}

footer .social-icons{
    margin-top: 40px;
}

footer .social-icons a{
color: #a4a4a4;
webkit-transition: color 0.2s;
-moz-transition: color 0.2s;
-o-transition: color 0.2s;
-ms-transition: color 0.2s;
transition: color 0.2s;
}

footer .social-icons a:hover{
color:#941818;
}

.pagetitle header{
    border-bottom: 1px solid #D6D6D6;
    margin-bottom: 2rem;
}
.pagetitle header h1.entry-title{
font-size: 20px ;
    color: #a4a4a4;
    margin-bottom: 1rem;
}


.ngg-navigation a.page-numbers:hover, .ngg-navigation a.next:hover, .ngg-navigation a.prev:hover, .ngg-navigation span.page-numbers:hover, .ngg-navigation span.next:hover, .ngg-navigation span.prev:hover
{background:#941818 !important; border: 1px solid #941818;}

.ngg-gallery-thumbnail img:hover {
    background-color: #941818 !important;
    border: 1px solid #941818;
}

.ngg-gallery-thumbnail img, .ngg-navigation a.page-numbers, .ngg-navigation a.next, .ngg-navigation a.prev, .ngg-navigation span.page-numbers, .ngg-navigation span.next, .ngg-navigation span.prev
{
    -webkit-transition: color 0.2s, background-color 0.2s, border-color 0.2s;
    -moz-transition: color 0.2s, background-color 0.2s, border-color 0.2s;
    -o-transition: color 0.2s, background-color 0.2s, border-color 0.2s;
    -ms-transition: color 0.2s, background-color 0.2s, border-color 0.2s;
    transition: color 0.2s, background-color 0.2s, border-color 0.2s;
}

#sidebar .gform_wrapper .top_label .gfield_label{
color: #a4a4a4;
margin: .625em 0 0;
}

#sidebar .gform_wrapper .top_label input.large, #sidebar .gform_wrapper textarea.small, #sidebar .gform_wrapper .gform_footer input[type=submit]{width: 100%; font-size: 14px;}
#sidebar input[type="text"]{margin-bottom: 0;}
#sidebar .gform_wrapper .gform_footer {
    padding: 0em 0 .625em;
    margin: 1em 0 0;}


.woocommerce div.product .product_title {
    font-size: 22px;
}

#tab-description, #reviews {
    padding: 1rem;
    color;#941818;
}

#tab-description h2, #reviews h2{color:#941818; font-size: 18px;
    font-family: 'montserratregular';
    font-weight: 700;
    text-transform: uppercase;
}


h1.entry-title{    font-size: 1.5rem;}

.woocommerce ul.products li.product h3{height: 80px !important;}
.woocommerce ul.products li.product .price{font-weight: bold; font-size:.9rem;}
.woocommerce a.remove{color: #941818 !important; line-height: .95 !important;}
.woocommerce a.remove:hover{background: #941818 !important;}
.woocommerce-cart .cart-collaterals .cart_totals table{border-left: 1px solid #DDD !important; width: 100% !important;}
.woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th{
padding: 6px 5px !important;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #941818;
    font-family: 'montserratregular';
    font-weight: 700;
    text-transform: uppercase;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{

    background-color: #666;
}


.woocommerce div.product .woocommerce-tabs ul.tabs li a{
    font-family: 'montserratregular';
    font-weight: 700;
    text-transform: uppercase;}

.woocommerce #reviews h3 {
    margin: 0;
    font-size: 18px;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
    color: #fff;
    background-color: #941818;
    font-family: 'montserratregular';
    font-weight: 700;
    text-transform: uppercase;
}

.sidebar h3{
    font-size: 1rem;
}

.sidebar .gform_wrapper .top_label .gfield_label {
    color: #a4a4a4;
    margin: .625em 0 0;
}

.sidebar input[type="text"] {
    margin-bottom: 0;
}

.sidebar .gform_wrapper .top_label input.large, .sidebar .gform_wrapper textarea.small, .sidebar .gform_wrapper .gform_footer input[type=submit] {
    width: 100%;
    font-size: 14px;
}

.sidebar .gform_wrapper .gform_footer {
    padding: 0em 0 .625em;
    margin: 1em 0 0;
}


.sidebar ul.menu{
list-style-type: none;
    margin-left: 0;
}
.sidebar ul.menu li
{  border-bottom: 1px solid #D6D6D6;   padding: 5px;}

.sidebar ul.menu li a:hover{color: #666; text-decoration: none;}

.sidebar ul.menu li:first-child
{  border-top: 1px solid #D6D6D6;}

.sidebar ul.menu ul.sub-menu{
    list-style-type: none;
    padding-left: 5px;
    font-size: .8rem;
}
.sidebar ul.sub-menu li:last-child
{  border-bottom: 0 !important;}

.woocommerce .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product {
    width: 22%;
}

.ngg-breadcrumb{
    color:#941818;
    font-family: montserratregular;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.5rem;
}
.ngg-album-compactbox{border-radius: none !important;}
.ngg-album-compactbox:before, .ngg-album-compactbox:after{border-bottom:0 !important;}

.slideshowlink {
    padding: 10px 0;
}
.slideshowlink a{

    background-color: #941818;
    border-color: #941818;
    font-family: montserratregular;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 3px;
    color:#fff;
    padding: 5px;
    transition: background-color 300ms ease-out;
}

.slideshowlink a:hover{

    background-color: rgb(102, 102, 102);
    text-decoration: none;
}

.sidebar .gform_wrapper .gform_footer input[type=submit]{
    background-color: #941818;
    border-color: #941818;
    font-family: montserratregular;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 3px;
    color:#fff;
    padding: 5px;
    transition: background-color 300ms ease-out;
}
.sidebar .gform_wrapper .gform_footer input:hover{

    background-color: rgb(102, 102, 102);
    text-decoration: none;
}

#respond {
    background-color: rgba(0,0,0,0.1);
    padding: 20px;
    border-radius: 3px;
}

#atospp-terms, #atospp-privacy{display: none;}
.callUsToday{
    width: 100%;
    margin-bottom: 0;
    margin-top: 20px;
}


// Small screens
@media only screen {
    .shop-with-us{
        text-align: center !important;
    }
    .tab-bar{
        background: #941818;
        margin-bottom: 1rem;
    }
    .left-small{
        border-right: solid 1px rgba(0,0,0,0.02);
    }
    .left-off-canvas-menu{
        background: #941818;
    }
    ul.off-canvas-list li a{
        border-bottom: 1px solid rgba(0,0,0,0.16);
        color: #fff;
    }
    ul.off-canvas-list li a:hover{
        text-decoration: none;
    }
    .woocommerce .related ul li.product, .woocommerce .related ul.products li.product{
        width: 45%;
    }
    .gform_wrapper .top_label input.medium,
    .gform_wrapper textarea.medium,
    .gform_wrapper .gform_footer input[type=submit]{
        width: 100% !important;
    }
    ul.ngg-breadcrumbs{
        list-style-type: none;
        margin-left: 0;
    }
    .ngg-gallery-thumbnail-box {
        width: 43%;
        position: relative;
        margin: 10px;
        float: left;
    }
    .ngg-navigation {
        clear: both;
        text-align: center;
    }
    a.page-numbers {
        margin: 5px;
    }
    .ngg-gallery-thumbnail img{
        width: 100%;
    }
    .sidebar {
        margin-top: 30px;
    }
    img.alignright{
        float:none;
        margin-bottom:10px;
    }
    #homepage-hero h1{
        font-size: 28px;
        color: rgba(255,255,255,.8);
    }
    #homepage-hero{
        height: 475px;
        background-position: bottom center;
    }
    .homeContent {
        margin-top: 0px;
    }
    .ourRugs{
        margin-top:30px;
        padding-bottom: 123px;
    }
    .widgetwidget_nav_menu{
        margin-bottom: 30px !important;
    }
    .woocommerce nav.woocommerce-pagination ul{
        margin-bottom: 30px;
    }






} /* Define mobile styles */

@media only screen and (max-width: 40em) {
    .shop-with-us{
        text-align: center !important;
    }
    .tab-bar{
        background: #941818;
        margin-bottom: 1rem;
    }
    .left-small{
        border-right: solid 1px rgba(0,0,0,0.07);
    }
    .left-off-canvas-menu{
        background: #941818;
    }
    ul.off-canvas-list li a{
        border-bottom: 1px solid rgba(0,0,0,0.16);
        color: #fff;
    }
    ul.off-canvas-list li a:hover{
        text-decoration: none;
    }
    .woocommerce .related ul li.product, .woocommerce .related ul.products li.product{
        width: 45%;
    }
    .gform_wrapper .top_label input.medium,
    .gform_wrapper textarea.medium,
    .gform_wrapper .gform_footer input[type=submit]{
        width: 100% !important;
    }
    ul.ngg-breadcrumbs{
        list-style-type: none;
        margin-left: 0;
    }
    .ngg-gallery-thumbnail-box {
        width: 43%;
        position: relative;
        margin: 10px;
        float: left;
    }
    .ngg-navigation {
        clear: both;
        text-align: center;
    }
    a.page-numbers {
        margin: 5px;
    }
    .ngg-gallery-thumbnail img{
        width: 100%;
    }
    .sidebar {
        margin-top: 30px;
    }
    img.alignright{
        float:none;
        margin-bottom:10px;
    }
    #homepage-hero h1{
        font-size: 28px;
        color: rgba(255,255,255,.8);
    }
    #homepage-hero{
        height: 475px;
        background-position: bottom center;
    }
    .homeContent {
        margin-top: 0px;
    }
    .ourRugs{
        margin-top:30px;
        padding-bottom: 123px;
    }
    .widget.widget_nav_menu{
        margin-bottom: 30px !important;
    }
    .woocommerce nav.woocommerce-pagination ul{
        margin-bottom: 30px;
    }




} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

// Medium screens
@media only screen and (min-width: 40.063em) {
    .tab-bar{
        background: #941818;
        margin-bottom: 0rem;
    }
    .left-small{
        border-right: solid 1px rgba(0,0,0,0.07);
    }
    .left-off-canvas-menu{
        background: #941818;
    }
    ul.off-canvas-list li a{
        border-bottom: 1px solid rgba(0,0,0,0.16);
        color: #fff;
    }
    ul.off-canvas-list li a:hover{
        text-decoration: none;
    }
    .woocommerce .related ul li.product, .woocommerce .related ul.products li.product{
        width: 45%;
    }
    .ourRugs{
        padding-top: 135px;
    }
    .ourRugs h3{
        color: rgba(255,255,255,.8);
    }
    #homepage-hero h1 {
        color: rgba(255,255,255,.8);
        font-size: 45px;
    }
    #homepage-hero {
        height: 495px;
        background-position: bottom;
    }
    .gform_wrapper .top_label input.medium,
    .gform_wrapper textarea.medium,
    .gform_wrapper .gform_footer input[type=submit]{
        width: 100% !important;
    }



} /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    .tab-bar{
        background: #941818;
        margin-bottom: 0rem;
    }
    .left-small{
        border-right: solid 1px rgba(0,0,0,0.07);
    }
    .left-off-canvas-menu{
        background: #941818;
    }
    ul.off-canvas-list li a{
        border-bottom: 1px solid rgba(0,0,0,0.16);
        color: #fff;
    }
    ul.off-canvas-list li a:hover{
        text-decoration: none;
    }
    .woocommerce .related ul li.product, .woocommerce .related ul.products li.product{
        width: 45%;
    }
    .ourRugs{
        padding-top: 135px;
    }
    .ourRugs h3{
        color: rgba(255,255,255,.8);
    }
    #homepage-hero h1 {
        color: rgba(255,255,255,.8);
        font-size: 45px;
    }
    #homepage-hero {
        height: 495px;
        background-position: bottom;
    }
    .gform_wrapper .top_label input.medium,
    .gform_wrapper textarea.medium,
    .gform_wrapper .gform_footer input[type=submit]{
        width: 100% !important;
    }





} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

// Large screens
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

// XLarge screens
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

// XXLarge screens
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */