/*
Theme Name: 	Betheme Child
Theme URI: 		http://themes.muffingroup.com/betheme
Author: 		Muffin group
Author URI: 	http://muffingroup.com
Description:	Child Theme for Betheme - Premium WordPress Theme
Template:		betheme
Version: 		1.6.1.1
*/

/* Theme customization starts here
-------------------------------------------------------------- */

@font-face {
  font-family: 'Formula';
  font-weight: 400;
  src: url('./fonts/formula_condensed_bold/FormulaCondensed-Bold.eot');
  src: url('./fonts/formula_condensed_bold/FormulaCondensed-Bold.eot?#iefix') format('embedded-opentype'),url('./fonts/formula_condensed_bold/FormulaCondensed-Bold.woff2') format('woff2'),url('./fonts/formula_condensed_bold/FormulaCondensed-Bold.woff') format('woff'),url('./fonts/formula_condensed_bold/FormulaCondensed-Bold.ttf') format('truetype');
}



@font-face {
  font-family: 'icomoon';
  src:  url('./fonts/icomoon/icomoon.eot?im5ud3');
  src:  url('./fonts/icomoon/icomoon.eot?im5ud3#iefix') format('embedded-opentype'),
    url('./fonts/icomoon/icomoon.ttf?im5ud3') format('truetype'),
    url('./fonts/icomoon/icomoon.woff?im5ud3') format('woff'),
    url('./fonts/icomoon/icomoon.svg?im5ud3#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="ico-"], [class*=" ico-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ico-icon-affaire:before {
  content: "\e900";
}





.modal {
    display: none;
    width: 600px;
    max-width: 95vw;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100000;
    padding: 2rem 1rem 1rem;
    border-radius: 4px;
    box-shadow; 0 0 3px 0 rgba(0, 0, 0, .9);
    background-color: #fff;
    box-sizing: border-box;
overflow-x: hidden;
overflow-y: auto;
max-height: 80vh;
}

.modal-backdrop {
    display: none;
    z-index: 99999;
    background-color: rgba(0, 0, 0, .5);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.modal-show {
    overflow: hidden;
}

.modal-show .modal,
.modal-show .modal-backdrop {
    display: block;
}

.modal-close {
position: absolute;
top: 8px;
right: 0;
/*right: 1rem;*/
/*width: 3rem;*/
/*height: 1.3rem;*/
/*text-align: right;*/
/*display: block;*/
}

button.modal-close {
background: transparent;
border: none;
padding: 0;
display: flex;
width: 26px;
height: 26px;
border-radius: 0;
align-items: center;
justify-content: center;
}

button.modal-close:after {
display: none;
content: "";
}

button.modal-close > * {
color: #b7b7b7;
font-size: 32px;
font-style: normal;
transform: rotate(45deg);
line-height: 0;
}

.modal-close:after {
    cursor: pointer;
    display: inline-block;
    content: "+";
    transform: rotate(45deg);
    color: #b7b7b7;
    font-size: 2rem;
}

.modal .modal-button-close .button {
    margin: 0;
}

.modal-body {
    margin-bottom: 1rem;
}




.progress {
display: none;
position: relative;
margin-bottom: 1em;
}

.progress p {
margin: 0 0 .5rem;
}

.progress-bar {
transition: all .6s;
    height:10px;
    background-color: #ff7824;
    transition: width .6s ease-in;
    width:0;
    border-radius: 0 8px 8px 0;
}


body {
line-height: 22px;
padding-top: 74px !important; /* height logo + padding*/
}
body.boxed2fw {
padding-top: 74px !important; /* height logo + padding*/
}
body.layout-full-width {
padding-top: 74px !important; /* height logo + padding*/
}

#Top_bar.is-sticky {
/*height: 65px;*/
}
/*
#Top_bar.is-sticky #logo {
padding: 8px 0 !important;
}
*/
#Top_bar.is-sticky #logo img.logo-sticky {
max-height: 43px;
}

.header-fixed #Top_bar {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0 !important;
    z-index: 701;
/*    background: #fff;*/
    opacity: .97;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
}

.tp-button{background:none;font-family:inherit!important;height:auto!important;line-height:inherit!important;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;letter-spacing:0!important;text-shadow:0 0 0!important;box-shadow:
0 0 0!important;font-weight:400!important;border-width:1px!important}
.button,.tp-button,button,input[type="submit"],input[type="reset"],input[type="button"]{display:inline-block;padding:11px 20px;margin-bottom:15px;cursor:pointer;margin-right:7px;border:0;border-radius:5px;position:relative;overflow:hid
den;-webkit-box-shadow:inset 0 0 0 1px rgba(0,0,0,.03);box-shadow:inset 0 0 0 1px rgba(0,0,0,.03);/*background-image:url(../images/box_shadow_button.png);*/background-repeat:repeat-x}
.button_js{padding:0}
.button.button_large,.tp-button.button_large,button.button_large,input[type="submit"].button_large,input[type="reset"].button_large,input[type="button"].button_large{font-size:110%;line-height:110%}
.button .button_label{display:block;float:left;position:relative;z-index:2}


.button.button {
display: inline-flex;
align-items: center;
align-content: stretch;
}

.button.button .button_icon.button_icon {
float: none;
    align-self: stretch;
    display: flex;
    align-items: center;
}

.button.button .button_label.button_label {
align-self: stretch;
    display: flex;
    align-items: center;
}

.button .button_icon{display:block;float:left;background:rgba(0,0,0,.05)}
.button .button_icon i{color:rgba(0,0,0,.5)}

.button.button_left .button_icon,.tp-button.button_left .button_icon{float:left}
.button.button_right .button_icon,.tp-button.button_right .button_icon{float:right}

.button .button_label{
letter-spacing: .07em;
padding:11px 20px; 
text-transform: uppercase; 
font-size: 1.5rem;
line-height: 1.1;
font-family: "Formula", "Roboto", Arial, Tahoma, sans-serif !important;
}
.button .button_icon{padding:11px 12px}
.button.button .button_icon > * {
font-size: 1.2em;
color: inherit;
}
.button_large .button_label{padding:15px 30px}
.button_large .button_icon{padding:15px 13px}

.button.button.button_size_3 .button_label.button_label {
padding-top: 18px;
padding-bottom: 13px;
}

@media only screen and (min-width: 768px){
        .button:after,.tp-button:after,button:after,input[type="submit"]:after,input[type="reset"]:after,input[type="button"]:after{content:"";position:absolute;left:0;top:0;height:100%;width:0;z-index:1;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;background:rgba(0,0,0,.05)}
        a:hover.button,a:hover.tp-button{text-decoration:none}
        .button:hover:after,.tp-button:hover:after,button:hover:after,input[type="submit"]:hover:after,input[type="reset"]:hover:after,input[type="button"]:hover:after{width:100%}
}

/* Buttons sizes */
.button.button_size_1 .button_label{padding:10px 17px}
.button.button_size_1 .button_icon{padding:10px 10px}
.button.button_size_1,
.tp-button.button_size_1,
button.button_size_1,
input[type="submit"].button_size_1,
input[type="reset"].button_size_1,
input[type="button"].button_size_1{font-size:95%;line-height:95%}

.button.button_size_3 .button_label{padding:15px 30px}
.button.button_size_3 .button_icon{padding:15px 13px}
.button.button_size_3,
.tp-button.button_size_3,
button.button_size_3,
input[type="submit"].button_size_3,
input[type="reset"].button_size_3,
input[type="button"].button_size_3{font-size:110%;line-height:110%}

.button.button_size_4 .button_label{padding:18px 33px}
.button.button_size_4 .button_icon{padding:18px 16px}
.button.button_size_4,
.tp-button.button_size_4,
button.button_size_4,
input[type="submit"].button_size_4,
input[type="reset"].button_size_4,
input[type="button"].button_size_4{font-size:120%;line-height:120%}

/* Button full-width */
.button.button_full_width,
button.button_full_width,
input[type="submit"].button_full_width,
input[type="reset"].button_full_width,
input[type="button"].button_full_width { width: 100%; text-align: center; }
.button.button_full_width .button_icon{ display: inline-block;float:none;background: none;}
.button.button_full_width .button_label{ display:inline-block;float:none;}

.button_left.button_full_width .button_label {padding-left:0}
.button_right.button_full_width .button_label {padding-right:0}







#Footer .custom-html-widget {
text-align: center;
}

.image_frame,
.wp-caption {
border-width: 0;
}

.wp-caption-text {
padding-bottom: 12px;
}

.center-video iframe {
display: block;
margin: 0 auto;
width:100%;
}


.petition-form {
background-color: #dce2d6;
padding: 1.2rem;
box-sizing: border-box;
}

.petition-form .form-group {
margin-bottom: .9rem;
}

.petition-form .form-group input {
width: 100%;
margin-bottom: 0;
}

.petition-form label {
display: none;
}

.petition-form .form-checkbox label {
display: flex;
font-size: .8rem;
font-weight: normal;
}

.petition-form input[type="checkbox"] {
width: auto;
align-self: flex-start;
margin-top: 8px;
}

.petition-form .button {
width: 100%;
margin-bottom: 0;
background-color: #ff7824;
color: #fff;
}
.petition-form .disclaimer {
margin-top: 1em;
}

.petition-form .mandatory {
font-size: .8rem;
line-height: 1.2;
}

.petition-form .disclaimer p {
font-size: .8rem;
line-height: 1.2;
margin: 0;
}
.petition-form .button .button_icon {
padding: 10px 10px;
}

.petition-form .button.button .button_icon > * {
font-size: 26px;
}
.petition-form  .button .button_label {
float: none;
}

h1,
h2,
h3,
.title,
#Subheader .title {
font-style: normal;
letter-spacing: .04em !important;
font-family: "Formula", "Roboto", Arial, Tahoma, sans-serif !important;
}


.footer-initiative {
font-family: "Formula", "Roboto", Arial, Tahoma, sans-serif !important;
font-size: 20px;
letter-spacing: .08rem;
}

.logos {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin: 0 -8px;
}

.logos > * {
flex-grow: 1;
flex-basis: 50%;
padding: 8px;
box-sizing: border-box;
}

@media screen and (min-width: 480px) {
.logos > * { flex-basis: 50%;}
}

@media screen and (min-width: 640px) {
.logos > * { flex-basis: 25%;}
}


.logos img {
display: block;
margin: 0 auto;
max-height: 100px;
max-width: 100%;
}

.menu-footer-container .menu {
    display: flex;
    justify-content: space-between;
}

.menu-footer-container ul {
    background-color: transparent;
    padding: 0;
    list-style-type: none;
}


.menu-footer-container .menu > .menu-item {
    flex-grow: 1;
    flex-basis: 30%;
}

.menu-footer-container a {
    
}

.icon_box .icon_wrapper.icon_wrapper {
color: #519CD6;
}

#Footer .footer_copy .social-menu.social-menu a:hover {
color: #65666C;
}

.openspace {
min-height: 65vh;
display: flex;
flex-direction: column;
justify-content: center;
}

.openspace > * {
width:100%;
box-sizing: border-box;
}


.promo_box_wrapper {
display: flex;
align-items: center;
}

.promo_box_wrapper .photo_wrapper {
max-width: 188px;
float: none;
}

.promo_box_wrapper .desc_wrapper {
float: none;
flex-grow: 1;
}

@media screen and (max-width: 767px) {
.modal .icon_box .icon_wrapper {
	font-size: 44px;
	width:auto;
	padding: 0;
	margin: 0;
}


.modal .mcb-wrap-inner {
	display: flex;
	justify-content: space-between;
}

.modal .section_wrapper .column {
	margin-bottom: 0;
}
}