/*
Theme Name: L'Othentic Ranch
Description: Ce thème est spécialement conçu pour les besoins du client. Pour information contactez Logicweb
Version: 1.0
Author URI: http://www.logicweb.ca
Author: Logicweb
Template: understrap
*/


/* General */

.entry-title{display:none;}
.brand{color:#d77a27;}
.red{color:#ff0000;}
.brand-font{font-family:"Dancing Script",cursive;font-optical-sizing:auto;font-weight:<weight>;font-style:normal;font-size:60px;}
.brand-font-text{font-family:"Dancing Script",cursive;font-optical-sizing:auto;font-weight:bold;font-style:normal;font-size:24px;}
.test{font-weight:bold;color:#ff0000!important;font-size:10px;padding-left:10px;}

/* GTranslate */
.gtranslate_wrapper a{color:#000000;}

/* Positionning */

.center{text-align:center;}
.mt-25{margin-top:25px;}
.mt-50{margin-top:50px;}

/* Typographi */

.bold{font-weight:bold;}

/* Shadow */

.box-shadow{box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.42);}

/* effect */

@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}
.fade-in{animation:fadeIn 1s;}

/* btn */



.btn-primary{background: linear-gradient(45deg, rgba(215,122,39,1) 0%, rgba(250,186,129,1) 50%, rgba(215,122,39,1) 100%)!important;box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.42);}
.btn-danger{background: linear-gradient(106deg, rgba(255,0,0,1) 0%, rgba(250,111,111,1) 50%, rgba(255,0,0,1) 100%)!important;box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.42);}
.btn-secondary{background-color:#000000;width:100%;}

/* Navigation */

#main-nav{background: linear-gradient(45deg, rgba(215,122,39,1) 0%, rgba(250,186,129,1) 50%, rgba(215,122,39,1) 100%)!important;border-bottom:3px solid #2e2e2e;box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.42)}
#main-nav a{color:#000000;}
.navbar-brand img{width:60%;padding-left:50px;}
.custom-logo-link{width:40%!important;}
.active{color:#ff0000!important;}

/* Woocommerce */

.products li{box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.42)!important;border-bottom:3px solid #000000;}
.products li a{color:#000000;}
ul .product-type-simple{text-align:center;}
.add-to-cart-container{margin-bottom:10px;}
.btn-outline-primary{color:#ffffff;background: linear-gradient(45deg, rgba(215,122,39,1) 0%, rgba(250,186,129,1) 50%, rgba(215,122,39,1) 100%)!important;box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.42);}
.amount{color:#d77a27;font-weight:bold;}
.wc-block-product-new{display:none;}
.onsale{background: linear-gradient(45deg, rgba(215,122,39,1) 0%, rgba(250,186,129,1) 50%, rgba(215,122,39,1) 100%)!important;box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.42);color:#000000!important;padding:0px 10px 0px 10px!important;border:1px solid #c0c0c0;}
.hide{display:none!important;}


/* Footer */

#wrapper-footer{background-color:#2e2e2e;color:#ffffff;text-align:center!important;}
#wrapper-footer-full{background:linear-gradient(90deg, rgba(220, 27, 46, 1) 0%, rgba(116,24,30,1) 50%, rgba(220, 27, 46, 1) 100%);color:#ffffff;text-align:center!important;}
#wrapper-footer-full h3{color:#ffffff;font-size:16px;}
.site-info img{width:6%!important;}
.site-info a, .site-info a:hover{color:#ffffff;text-decoration:none;}


/* Back to top */

.topbutton{width:50px;height:40px;border-radius:50px;background:-webkit-linear-gradient(to top, #456059, #354a44);background:linear-gradient(to top, #456059, #354a44);color:#000000;cursor:pointer;text-align:center;position:fixed;bottom:0px;padding-top:5px;display:none;z-index:999;transition-duration:.2s;transition-property: background-color;}
.topbutton:hover{background-color:#c0c0c0;border:1px solid #224c7c;}
.button-mb{margin-bottom:80px;}

/* Full-size banner */

.bgimage{width:100%;height:300px;background: url('images/full-banner-2.jpg');background-repeat:no-repeat;background-position:center;background-size:cover;box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.42)}
.bgimage h1{color:#ffffff;padding-top:50px;text-shadow:2px 2px #333;text-align:center}
.bgimage h2{color:#ffffff;text-shadow:2px 2px #333;text-align:center}
.bgimage h5{color:#ffffff;text-shadow:2px 2px #333;font-size:2.5rem;padding-top:20px;padding-left:20px;padding-right:20px;}
.bgimage p{color:#ffffff;font-size:20px;text-shadow:2px 2px #333;text-align:center}