/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
/*Taille du hambourger menu mobile + couleur des traits noirs*/
.g-offcanvas-toggle .fa-bars {
  font-size: 30pt;
}
.g-offcanvas-toggle {
  color: #000;
}
/*.g-menu-item-title	{
  font-size:13px;
}*/
#g-page-surround {
  background: none;
  overflow: hidden;
  background-image: url('../../../../images/montemplate/page.png');
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-size: cover;
  background-position: top;
}
/*retiré filtre sombre sur le diaporama de la page home + ajouté un filtre sombre sur texte + arrondi les angles et remonté le bouton "Entrez"*/
.g-owlcarousel-slideshow .g-owlcarousel .g-owlcarousel-content {
  background-color: rgba(0, 0, 0, 0);
}
.g-owlcarousel-padding {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 20px;
  /*background-size: 100% auto;*/
}
/* remonter bouton class button*/
.g-owlcarousel-slideshow .g-owlcarousel .g-owlcarousel-content .button {
  margin: 25px 0 25px 0;
  /*margin-bottom: 10px;*/
}
/*Assombri le fond transparent du padding de quelques items, modifié les couleurs des flèches de directions droite et gauche de tous les items, changé la couleur du bouton Entrez*/
.g-owlcarousel-item-3 .g-owlcarousel-padding {
  background-color: rgba(0, 0, 0, 0.6);
}
.g-owlcarousel-item-1 .g-owlcarousel-padding {
  background-color: rgba(0, 0, 0, 0);
}
.g-owlcarousel-item-2 .g-owlcarousel-padding {
  background-color: rgba(0, 0, 0, 0.6);
}
.g-owlcarousel-slideshow .g-owlcarousel .owl-nav button.owl-next {
  background: url('../../images/utilities/bottom-right.png') no-repeat center center #f0171b;
}
.g-owlcarousel-slideshow .g-owlcarousel .owl-nav button.owl-prev {
  background: url('../../images/utilities/bottom-left.png') no-repeat center center #f0171b;
}
/*modification de la forme ronde rendue ovale des boutons de direction*/
.g-owlcarousel-slideshow .g-owlcarousel .owl-nav button.owl-prev, .g-owlcarousel-slideshow .g-owlcarousel .owl-nav button.owl-next {
  border: 2px solid #fff !important;
  width: 0;
  height: 30px;
}
/*dimension des ancres*/
.g-totop a {
  width: 50px;
  height: 50px;
}
.g-owlcarousel-slideshow .g-owlcarousel .owl-nav button.owl-prev:hover, .g-owlcarousel-slideshow .g-owlcarousel .owl-nav button.owl-next:hover {
  border: 2px solid #fff000 !important;
}
/*.g-owlcarousel-slideshow .g-owlcarousel .g-owlcarousel-content .readon {
    background: #e2001b;    
}*/
/*code pour bouton class button*/
.button:hover, .button2:hover, .readon:hover, .readon2:hover, readon3:hover, a.readmore:hover, button.validate:hover, p.readmore a:hover, #member-profile a:hover, #member-registration a:hover, .formelm-buttons button:hover, .controls .btn:hover, .logout-button .btn:hover, .sprocket-readmore:hover, .roksearch_results a.clr:hover, input.g-newsletter-button-submit:hover {
  background: #f0171b;
  border: 1px solid #ffff00;
}
.button, .button2, .readon, .readon2, readon3, a.readmore, button.validate, p.readmore a, #member-profile a, #member-registration a, .formelm-buttons button, .controls .btn, .logout-button .btn, .sprocket-readmore, .roksearch_results a.clr, input.g-newsletter-button-submit {
  padding: 6px 10px;
  font-size: 16px;
  border-radius: 10px;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  border: 1px solid #f0171b;
  background: none;
  color: #1782EE;
  font-weight: bold;
}
/*couleur fond descriptif strips slider page Activités, ne fonctionnait pas, puis subitement a fonctionne*/
.g-owlcarousel-strips-slider .g-owlcarousel .rt-strips-desc {
  background: #f0171b;
  border: 0px;
}
/*Centrage du copyright-bloc branding*/
.rt-powered-by {
  display: inline-block;
}
/*Couleur de police menu mobile choisis noire sur fond jaune*/
#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container, #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover > .g-menu-item-container {
  color: #000;
}
/*Couleur de police titre du menu sélectionné*/
#g-navigation .g-main-nav .g-toplevel > li.active > .g-menu-item-container {
  color: #ffff00;
}
/*couleur du trait au passage sur le menu principal*/
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container .g-menu-item-title:before {
  background: #f0171b;
}
/*formulaire de contact*/
.nav-tabs {
  border-bottom: 1px solid #ddd;
  background-color: #f0171b;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.tab-content {
  background-color: rgba(0, 0, 0, 0.05);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
  border-color: rgba(255, 255, 255, 0.15) #f0171b #ff0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
/*Fermeture du formulaire en jaune (close) + grossi le border pour erreur des cases obligatoires non renseignées*/
.ba-forms-modal .ba-modal-close {
  color: #ffff00 !important;
}
.ba-form textarea.ba-alert, .ba-form input.ba-alert, .ba-form select.ba-alert {
  border: 2px solid #f0171b !important;
}
/*bouton page erreur*/
#g-showcase .readon {
  color: rgba(255, 255, 255, 0.75);
  background: rgba(255, 255, 255, 0);
}
#g-showcase .readon:hover {
  background: rgba(0, 0, 0, 0.47);
}
/*Remplacer certains icônes FA par une image classique*/
.fa-home::before {
  content: url('https://joomla.schulthess-toiture.ch/images/Karen/rouleau-linode.png');
  width: 90px;
  height: auto;
}
.fa-indent::before {
  content: url('https://joomla.schulthess-toiture.ch/images/Karen/couverture_indent.png');
  width: 90px;
  height: auto;
}
.fa-fonticons::before {
  content: url('https://joomla.schulthess-toiture.ch/images/Karen/ferblanterie_fonticons.png');
  width: 90px;
  height: auto;
}
.fa-eraser::before {
  content: url('https://joomla.schulthess-toiture.ch/images/Karen/entretien-eraser.png');
  width: 90px;
  height: auto;
}
.fa-truck::before {
  content: url('https://joomla.schulthess-toiture.ch/images/Karen/interventions_truck.png');
  width: 90px;
  height: auto;
}
.fa-leanpub::before {
  content: url('https://joomla.schulthess-toiture.ch/images/Karen/expertise-leanpub.png');
  width: 90px;
  height: auto;
}
.fa-inbox::before {
  content: url('https://joomla.schulthess-toiture.ch/images/Karen/membrane-inbox.png');
  width: 160px;
  height: auto;
}
.fa-flickr::before {
  content: url('https://joomla.schulthess-toiture.ch/images/Karen/resine_flickr.png');
  width: 100px;
  height: auto;
}
.fa-database::before {
  content: url('https://joomla.schulthess-toiture.ch/images/Karen/chalumeau-database.png');
  width: 100px;
  height: auto;
}
.rt-grey-box {
  line-height: 90px;
  background: #000000;
}
/*module slideshowCK couleur de la barre de progression, la balise étant <span class="camera_bar_cont"*/
.camera_bar_cont span {
  background-color: #ffff00 !important;
}
/* Faire sautiller la flèche de défilement */
/*@-webkit-keyframes bounce {
0%, 100% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
60% {
-moz-transform: translateY(-10px)!important;
-ms-transform: translateY(-10px)!important;
-webkit-transform: translateY(-10px)!important;
transform: translateY(-10px)!important;
}
}
@keyframes bounce {
0%, 100% {
-moz-transform: translateY(0) !important;
-ms-transform: translateY(0)!important;
-webkit-transform: translateY(0)!important;
transform: translateY(0)!important;
}
60% {
-moz-transform: translateY(-10px)!important;
-ms-transform: translateY(-10px)!important;
-webkit-transform: translateY(-10px)!important;
transform: translateY(-10px)!important;
}
}
#totopcentre{
-webkit-animation-name: bounce!important;
animation-name: bounce!important;
-webkit-animation-duration: 1s!important;
animation-duration: 1s!important;
-webkit-animation-fill-mode: both!important;
animation-fill-mode: both!important;
-webkit-animation-iteration-count: infinite!important;
animation-iteration-count: infinite!important;
}*/
/*#ancre1{
  display: flex;
}*/
/*hauteur formulaire newsletter de la page de maintenance*/
#rt-subscription-form {
  padding: 30px 0 !important;
}
/*# sourceMappingURL=custom_30.css.map */