/**
Theme Name: Longshot
Author: Graphical
Author URI: http://www.graphical-media.com
Description: Theme for Longshot
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: longshot
Template: astra
*/


/*Enlever les controle du video player WP 
.wp-video .mejs-container .mejs-controls {
    visibility: hidden;
}

.mejs-container .mejs-controls:hover {
 display:block;
}
*/


/* Header */
.ast-custom-button-link .ast-button {
  border-radius: 0;
  padding: 10px 20px;
  color: #ffffff;
  border-color: #bb2b32;
  background-color: #bb2b32;
}

.car-wine-feature h3 {
  font-family: "Baskerville",Verdana, Arial, sans-serif;
  font-weight: 100;
  letter-spacing: 2.5px;
  font-size: 1.5rem;
}

.car-wine-feature .fl-callout-icon-above-title .fl-icon {
  display: block;
  margin-bottom: 5px !important;
}


.ls-varietal-section h2 {transition: 0.3s;}
.ls-varietal-section h2:hover {color: #ffffff;}

.ls-col-60 {width: 70%; margin: 0 auto;}

.ls-footer h3 {font-size: 1.6rem;}
.ls-footer img {max-width: 200px;}

/* Texte d'intro sur page about us */
.car-fancy-text {
  font-family: "Baskerville",Verdana, Arial, sans-serif;
  font-weight: 100;
  text-transform: uppercase;
  letter-spacing: 4px;
  font-size: 40px;
  text-align: center;
  line-height: 0.9em;
}

/* Boite Where to buy */
.car-wtb h3 a {font-size: 1.25rem; text-transform: uppercase;}
.car-wtb h3 {line-height: 0.5em;}

/*Custom css pour les intros de varietal*/
.car-varietal-intro-section p {}

/* MENU MOBILE 
.ast-header-break-point .main-header-menu {
    background: solid #202020;
    }

.ast-header-break-point .main-navigation ul li a {
  border-bottom: 1px solid #202020;
}ß
*/

.menu-toggle {
  background-color: transparent !important;
}


/*  ------ Varietal page
-------------------------------------------------------------*/
.car-next-wine-link a {line-height: 20px;}
.car-next-wine-link span {text-decoration: underline;}
.car-next-wine-link .ua-icon-arrow-right::before {animation: sliding-arrow 1s ease-in-out infinite;}
.car-narrow-container {max-width: 625px; margin: 0 auto;}
.varietal-meat-pairing-link a {}

@keyframes sliding-arrow {
  0%,
  100% {
    transform: translate(0, 0);
  }

  50% {
    transform: translate(4px, 0);
  }
}

/*
.car-next-wine-link .fa {
 width: 60px;
 display: block;
 text-align: center;
 color:#990000;
 font:normal 45px 'FontAwesome';
 line-height:60px;
 text-rendering: auto;
 -webkit-font-smoothing: antialiased;
 font-weight: 900;
}
.fa-angle-double-down:before {content: "\f103";}
 
.bounce {
 position: absolute;
 width: 60px;
 height: 60px ;
 border: 2px solid #990000;
 -webkit-border-radius:50%;
 -moz-border-radius:50%;
 -ms-border-radius:50%;
 border-radius:50%;
 animation: bounce 2s infinite;
 -webkit-animation: bounce 2s infinite;
 -moz-animation: bounce 2s infinite;
 -o-animation: bounce 2s infinite;
}
 
@-webkit-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
 40% {-webkit-transform: translateY(-30px);}
 60% {-webkit-transform: translateY(-15px);}
}
 
@-moz-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
 40% {-moz-transform: translateY(-30px);}
 60% {-moz-transform: translateY(-15px);}
}
 
@-o-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
 40% {-o-transform: translateY(-30px);}
 60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
 40% {transform: translateY(-30px);}
 60% {transform: translateY(-15px);}
}
*/

/* Styling pour degrade row homepage*/
.car_gradient_overlay .fl-row-content-wrap:after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 0;
    }
  .car_gradient_overlay .fl-row-content {
      position: relative;
      z-index: 1;
    }
  .car_gradient_overlay .fl-row-content-wrap:after {
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 38%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 38%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 38%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    }

/* Styling pour degrade row page interne*/
.car_black_overlay .fl-row-content-wrap:after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 0;
    }
  .car_black_overlay .fl-row-content {
      position: relative;
      z-index: 1;
    }
  .car_black_overlay .fl-row-content-wrap:after {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+50,000000+100&0.8+0,0.4+50,0.95+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.95) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.95) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#f2000000',GradientType=0 ); /* IE6-9 */
    }

/* -------- CSS Recette -----------*/

/* Order list style */
ol.ast-content-ol-list {
  counter-reset: my-ol-counter;
  margin-left:0.1em;
}
ol.ast-content-ol-list li {
  position: relative;
  padding-left: 35px;
  list-style: none;
  padding-bottom: 20px;
}

ol.ast-content-ol-list li:before {
  position: absolute;
  top:15px;
  left: 0;
  width: 25px;
  height: 25px;
  margin-top: -10px;
  color: #fff;
  text-align:center;
  background-color: #bb2b32;
  content: counter(my-ol-counter,decimal);
  counter-increment: my-ol-counter;
  font-size: 14px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
 
/* Unordered list style */
ul.ast-content-ul-list {
  margin-left:0.1em;
}
ul.ast-content-ul-list li {
  position: relative;
  padding-left: 30px;
  list-style: none;
  line-height: 1.5em;
  padding-bottom:3px;
}
ul.ast-content-ul-list li:after{
  position: absolute;
  top: -webkit-calc( 50% - -1px);
  top: calc( 50% - -1px);
  left: 0;
  width: 23px;
  height: 23px;
  margin-top: -14px;
  padding-top: 0px;
  color: #fff;
  text-align:center;
  background-color: #bb2b32;
  content: "\e900";
  font-size: 10px;
  font-family: 'Astra';
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

/*Titre recipe archive */
.fl-post-grid-title a {
  font-size: 1.5rem !important;
}

/* next recipe button section 
.single.ast-page-builder-template .post-navigation {
    max-width: 2560px;
    margin-left: 0 !important;
}

.single .post-navigation {
  border: 0px;
  padding: 0;
}
.post-navigation .nav-previous {display: none;}
.post-navigation .nav-next {text-align: left !important;}

.single .post-navigation a {
  height: 60px;
    line-height: 1.1em;
    padding: 20px 20px 15px 20px;
    background: #bb2b32;
    color: #ffffff !important;
}
*/

/* FIN Recette ---*/

/* Change background image on mobile view*/
@media (max-width: 767px) {
  .fl-builder-content .car-hero > .fl-row-content-wrap  {
    background-image:url(https://www.carnivorwine.ca/wp-content/uploads/carnivor-hero-mobile.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center top;
  }
  .fl-builder-content .car-hero .fl-bg-video {
      display: none;
      visibility: hidden;
  }
/* changement image sur About us en mobile */
    .fl-builder-content .ls-beth > .fl-row-content-wrap  {
    background-image:url(https://www.carnivorwine.ca/wp-content/uploads/carnivor-hero-mobile.jpg);
      background-repeat: no-repeat;
      background-size: cover;
  }
  .fl-builder-content .ls-beth .fl-bg-video {
      display: none;
      visibility: hidden;
  }

  /*Centré logo du footer en mobile */
  .ls-footer .fl-photo-align-left {
  text-align: center;
}
  .ls-varietal-section h2 {font-size: 50px !important;}
  .ls-col-60 {width: 90%; margin: 0 auto;}
  .car-fancy-text {font-size:36px;}
  .car-hero .slogan h1 {font-size: 70px !important; letter-spacing: 0px !important;}
}

/*Class a targeter pour la largeur du hero entre desktop et mobile 
@media (min-width: 768px) and (max-width: 1024px) {
.ls-hero-left-col {width: 45% !important;}
.ls-hero-right-col {width: 55% !important;}
}
*/
@media (min-width: 768px) {
/*Aligné les bouteilles sur le bas des colonnes */
.fl-node-5b0c3b8944657 .fl-row-content .fl-col-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.fl-node-5b0c3b8944657 .fl-row-content .fl-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

}

/*For browser/screen widths less than 768px*/
@media screen and (max-width: 768px) {
  /* Header bouton CTA*/
.ast-custom-button-link .ast-button {
  padding: 2px 7px !important;
  letter-spacing: -0.5px;
}

.ast-masthead-custom-menu-items {
  padding: 0 0em;
}

.car-fancy-text {font-size:30px; letter-spacing: -0.5px;}

}

@media screen and (max-width: 340px) {
.ast-theme-transparent-header #masthead .site-logo-img .transparent-custom-logo img {
  max-width: 100px;
}
/* Fin */