/*
Theme Name: L'Armée du Salut
Theme URI: https://armeedusalut.be
Description: L'Armée du Salut | Organisation humanitaire en Belgique
Author: AJ Clarke
Author URI: http://totalwptheme.com
Template: Total
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

.salut-home, .salut-adresses, .salut-page {margin:-100px 0 50px 0;min-height:400px;background-position:center center;} 
.salut-sites {margin:-100px 0 0px 0;min-height:400px;background-position:center center;} 
.salut-sitenav {text-transform: uppercase;}
.salut-sites #portfolio-single-media, #portfolio-single-related {display: none;}
.salut-title {font-family:Roboto;font-size:1.6em;line-height:1.4em;}
.divider img {
    width: 40%;
    position: relative;
    top: -45px;
}

#top-bar-wrap {border-bottom: none;}

.toggle-bar-btn {

    display: block;
    position: fixed;
    top: 0px;
    right: 0;
    border-left: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-right: 20px solid #252525;
    border-right-color: rgb(37, 37, 37);
	border-top: 20px solid #252525;
    border-top-color: rgb(37, 37, 37);
	z-index: 10002;
	color: #fff;
 	width: 150px;
	background: #e21e26;
    padding: 7px 0px;

}

#site-navigation-wrap {
    position: relative;
    top: -50px;
	z-index: 100;
}

.wpb_single_image_caption {
    position: absolute;
    bottom: 233px;
    color: #fff;
	   background:transparent;
    opacity: 1;
    width: 100%;
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: bold;

}

.help .wpb_single_image_caption {
    position: absolute;
    bottom: 233px;
    color: #fff;
	background:transparent;
    opacity: 1;
    width: 100%;
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: bold;

}

#eapps-google-maps-1 .eapps-google-maps-marker-title-wrapper, #eapps-google-maps-1 .eapps-google-maps-bar-container, #eapps-google-maps-1 .eapps-google-maps-bar-header, #eapps-google-maps-1 .eapps-google-maps-bar-filters-item span::after, #eapps-google-maps-1.eapps-google-maps-small .eapps-google-maps-bar-toggle {
    background-color: #191919 !important;
}

.eapps-google-maps-bar-button {
    background-color: #333 !important;
}

.theme-button-icon-footer {
    padding-left: 0;
    margin-right: 4px;
}

.theme-button.clean.red, .theme-button.outline.red, .theme-button.minimal-border.red, .theme-txt-link.red {
    color: #ed1c2b !important; border: 1px solid #ed1c2b !important;}

.theme-button.outline.red:hover, .theme-button.outline.red.active, .active > .theme-button.outline.red, .theme-button.minimal-border.red:hover, .theme-button.minimal-border.red.active, .active > .theme-button.minimal-border.red {color: #fff !important;}

.vc_toggle_default .vc_toggle_title h4 {
    font-size: 16px;
}
.sf-menu ul.sub-menu {
    top: 85%;
}

.donateur {
	float: left;
	background: #E42E3B;
	height: 100%;
	display: block;
	padding: 10px 50px 15px 20px;
	position: absolute;
	left: -30px;
	top: 0px;
	color: #fff;
	font-weight: bold;
	background-image:url("img/favicon.png");
	background-repeat:no-repeat;
	background-position: 133px center; 
}

.donateur-nl {
	float: left;
	background: #E42E3B;
	height: 100%;
	display: block;
	padding: 10px 50px 15px 20px;
	position: absolute;
	left: -30px;
	top: 0px;
	color: #fff;
	font-weight: bold;
	background-image:url("img/favicon.png");
	background-repeat:no-repeat;
	background-position: 93px center; 
}

.wpb-js-composer .vc_tta.vc_general .vc_tta-title-text:not(:empty):not(:first-child), .wpb-js-composer .vc_tta.vc_general .vc_tta-title-text:not(:empty) ~ * {
    margin-left: 0px;
    display: block;
}

#salut-faison .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab > a {
    color:#666;
}

#salut-faison .vc_tta.vc_general .vc_tta-title-text:not(:empty):not(:first-child), .wpb-js-composer .vc_tta.vc_general .vc_tta-title-text:not(:empty) ~ * {
margin-left: 0px;margin-top: 10px;font-weight: normal;

}

#salut-faison .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading {


}

#salut-faison .vc_tta.vc_tta-gap-3.vc_tta-tabs-position-top .vc_tta-tabs-container {
    margin-bottom: 35px;
}

#salut-faison .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab.vc_active > a {
    background-color: #e21e26;
    color:#fff !important;}

/* Polylang Flags Inline */

.polylang-flags {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: right;
    position: relative;
    top: 5px;
}

.polylang-flags li {
    display: inline;  
	margin-right: 4px;
}

.polylang-flags li a {
    color: #1b1b1b !important;
	border:none;
}

.polylang-flags li:first-child  {
    border-right: 1px solid #1b1b1b;
    padding-right: 5px;
    padding-left: 5px;
}

.polylang-flags li:nth-child(2) {
    border: none !important;
  
}


/* iPhone 10 */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
	  
.mobile {position: absolute;right: 70px !important;top: 4px;}
.polylang-flags {top: -2px;}
.header-five {z-index: 100;}
#site-logo {float:none !important;}
#site-logo-inner {position:relative;left:65%;}
#site-header-inner {padding-top: 20px;padding-bottom: 20px;}
#mobile-menu {top: 23% !important;}

}

/* iPhone 10 */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
	  
.mobile {position: absolute;right: 70px !important;top: 4px;}
.polylang-flags {top: -2px;}
.header-five {z-index: 100;}
#site-logo {float:none !important;}
#site-logo-inner {position:relative;left:65%;}
#site-header-inner {padding-top: 20px;padding-bottom: 20px;}
#mobile-menu {top: 23% !important;}

}

/* iPhone 6 */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 375px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

.mobile {position: absolute;right: 70px !important;top: 4px;}
.polylang-flags {top: -2px;}
.header-five {z-index: 100;}
#site-logo {float:none !important;}
#site-logo-inner {position:relative;left:65%;}
#site-header-inner {padding-top: 20px;padding-bottom: 20px;}
#mobile-menu {top: 23% !important;}

}