/*
Theme Name: Laboratoire de Biarritz - Blog
Theme URI:
Description:
Version: 1.0
Author: ohmyweb
Author URI: http://www.ohmyweb.fr
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Alignements WordPress */
.btn.focus, .btn:focus {box-shadow: none;}
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.gallery a.thumbnail img {
	max-height: 168px;
	width: auto;
}
.wp-caption-text { font-size: 12px; font-style: italic; }
.gform_wrapper .top_label li.gfield.gf_hide_label > label { display:none; }


/*reglages WP ----------------------------------------------------------------------------*/
article .gform_wrapper {padding: 3rem; background-color: #eee; text-align: center;}
article .gform_wrapper form {display: inline-block;}
article .gform_footer.top_label {padding: 15px}

article .gform_wrapper ul.gform_fields  {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

img.size-full {max-width: 100%; width: 100%; height: auto;}

/*jumbotron -------------------------------------------------------*/
.jumbotron { padding: 2rem 1rem; border-radius: 0; background-color: #eee;}
.jumbotron .sub-title {margin-top: 0; font-size: 1rem; font-weight: 400;}
.jumbotron p { margin-bottom: 0rem; font-size: .8rem; line-height: inherit; color: #777;}

/*scrollbar progressbar -----------------------------------------------------*/
.wrapper-progressbar {background-color: #eee; position: fixed; top: 20.2rem; left: 2%; width: 7px; height: 22.5rem}
.progress-bar { background-color: #d85523; top: 0; position: absolute; width: 7px; left: 0; }

/*------ breadcrumb ----------------------------------------------------------*/
.seopress-breadcrumb { padding: 1rem 0 0;}
.seopress-breadcrumb > ol {padding: 0 ; margin: 0px; margin-left: -5px; letter-spacing: 0px; height: auto; border-radius: 0px; font-size: 0; list-style: none;margin:0}
.seopress-breadcrumb > ol > li {
  /**display: inline-block!important;**/ position: relative; padding: 5px 8px;
  font-size: .8rem; color: #222; margin:0; display: inline;
}
.seopress-breadcrumb > ol > li::after {content: "\f105"; display: inline-block; transform: translateX(calc(50% + 5px)); font-family: FontAwesome}
.seopress-breadcrumb > ol > li a {color: #d85523;}
.seopress-breadcrumb > ol > li a:hover {color: #c23f36;}
.seopress-breadcrumb > ol > li:last-child {font-weight: 400; color: #aaa;}
.seopress-breadcrumb > ol > li:last-child::after {display: none;}
.breadcrumb-item + .breadcrumb-item::before { content:''; display: none; }

/*-----forms-------------*/
/* GravityForms */
.gform_wrapper .top_label li.gfield.gf_hide_label > label,
.gform_wrapper .top_label li.gfield.gf_hide_label.field_sublabel_below label { display:none; }
.gform_wrapper.gf_browser_chrome .gform_body {width: 100%!important;}
.form-control {
  display: block;
  width: 100%;
  padding: .375rem .5rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #222; font-family: 'Ubuntu', sans-serif;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #f4f4f4;
  border-radius: 0;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-group input, .form-group  select, .form-group textarea {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #222; font-family: 'Ubuntu', sans-serif;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #f4f4f4;
  border-radius: 0;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-control::placeholder {color: #222;}
/*.form-group select {
  background: url("assets/images/arrow_select.png") no-repeat 98% 50%;
  -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.form-control:focus {
    border-color: rgba(0,0,0,.75);
    outline: 0;
    -moz-box-shadow: 0px 0px 0px 5px #fff;
    -webkit-box-shadow: 0px 0px 0px 5px #fff;
    -o-box-shadow: 0px 0px 0px 5px #fff;
    box-shadow: 0px 0px 0px 5px #fff;
}*/
.form-group > .btn-normal {margin: 0;}






/* slider slick
----------------------------------------------------------------------------------*/

/* .slick-slider .slick-dots {
  position: relative;
  display: block;
  width: 100%;
  padding: 0; margin: .5rem 0;
  list-style: none;
  text-align: center;
}
.slick-slider .slick-dots li {
  position: relative;
  display: inline-block;
  margin: .5rem;
  padding: 0;
  cursor: pointer;
}
.slick-slider .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 4rem;
  height: 1rem;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-slider .slick-dots li[aria-hidden="true"] button::before {
  content: ""; display: block; width: 4rem; height: .2rem; background-color: #d1d1d1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.slick-slider .slick-dots li[aria-hidden="false"] button::before, .slick-slider .slick-dots li[aria-hidden="true"] button:hover::before {
  content: ""; display: block; width: 4rem; height: .2rem;  background-color: #d24e2a;
} */

/*-- slick-slider-----------------------------------------------*/
/* .slick-slider .slick-prev, .slick-slider .slick-next {
  font-size: 0;
    line-height: 0;
    text-align: center;
    position: absolute;
    top: 0%;
    display: inline-block;
    width: 3rem;
    height: 100%;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: #d24e2a;
    z-index: 1;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.slick-slider .slick-prev {left: 0px;} .slick-slider .slick-next {right: 0px;}
.slick-slider .slick-prev:hover, .slick-slider .slick-next:hover {background-color: #cb482f;}
.slick-slider .slick-prev::before {
    content: "\f104";
}
.slick-slider .slick-next::before {
    content: "\f105";
}
.slick-slider .slick-prev:before, .slick-slider .slick-next:before {
    font-family: "FontAwesome";
    font-size: 25px;
    line-height: 1; vertical-align: middle;
    color: #fff;
    z-index: 10;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.slick-slider .slick-prev:hover:before, .slick-slider .slick-next:hover:before {color: #fff;}
 */

/* modal ------------------------*/
.modal-backdrop.show { opacity: 1;}
.modal-dialog { width: 1200px; max-width: 100%; height: auto; margin:0 auto 0; padding: 15px; }
.modal-content {
    width: 100%; float: left;
    background-color: transparent;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    border-radius: 0;
    outline: 0;
    box-shadow: none;
}
.modal-content .close {
    display: block; position: absolute;
    top: 1rem; right: 1rem;
    width: 30px!important; height: 30px!important;
    z-index: 10; opacity: 1;
}
.modal-content .close::before, .modal-content .close::after {
  content: ""; display: inline-block; position: absolute; top: 50%; left: 50%; height: 2px; width: 25px; background-color: #303030;
    transition: all 0.4s ease 0s;
}
.modal-content .close::before {transform: translate(-50%, -50%) rotate(45deg);}
.modal-content .close::after {transform: translate(-50%, -50%) rotate(-45deg);}
.modal-content .close:hover::before, .modal-content .close:hover::after{transform: translate(-50%, -50%) rotate(180deg); }

#modal-search_block_top h4 { font-size: 30px; color: #222;}
#modal-search_block_top #searchbox {
  position: relative;
  width: 100%;
}
#modal-search_block_top .btn-search {
  border: none; margin: 0; width: 60px; max-width: 80px; padding: 0; background-color: transparent;
  display: block; font-size: 21px; text-transform: uppercase; font-weight: 600; color: #303030;
  position: absolute; top: 0px; right: 0px; bottom: 0px;
  transition: all 0.2s ease 0s;
  }
#modal-search_block_top .btn.button-search:hover,
#modal-search_block_top .btn.button-search:active,
#modal-search_block_top .btn.button-search:focus { color: #d85523; transform: scale(1.2); background-color: transparent; box-shadow: none;}

form#searchbox label { color: #222; }
#modal-search_block_top #search_query_top {
  padding: .35rem .25rem;
  padding-right: 60px;
  background-color:transparent;
  color: $gray;
  border: 0;
  border-bottom: 3px solid rgba(0,0,0,.3);
}
#modal-search_block_top input::placeholder {color: #aaa;}
#modal-search_block_top input:focus,
#modal-search_block_top input:hover {
  outline: 0;
  border-bottom-color: $gray;
  box-shadow: none;
}
#modal-search_block_top .button.btn-search {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  margin: 0;
  width: 30px;
  height: 30px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease 0s;
}
#modal-search_block_top .button.btn-search span {
  display: block;
  width: 27px;
  height: 25px;
  background-color: transparent;
  background: url(../img/ico-search.svg) center right no-repeat;
  background-size: contain;
  transition: all 0.3s ease 0s;
}
#modal-search_block_top .button.btn-search:hover span {
  transform: scale(1.1);
}
/*--- options pannel accordion --------------------------------------------*/
.accordion-container { margin: 2rem 0; position: relative;}
.accordion-container .card {
    background-color: #fff;
    border: 0px solid rgba(0,0,0,.125);
    border-radius: 0rem;
}
.accordion-container .card+.card {margin-top: .5rem;}
.accordion-container .card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 0;
}
.accordion-container .card-header > * { margin-top: 0; margin-bottom: 0;}
.accordion-container .card-header > * .btn {
  display: block; position: relative; width: 100%; padding: .5rem 4rem .5rem 1rem; background-color: #e2e3e7;
  color: #222; font-weight: 400; text-transform: none; white-space: normal; text-align: left; text-decoration: none;
  -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}
.accordion-container .card-header > * .btn[aria-expanded="true"] {border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.accordion-container .card-header > * .btn[aria-expanded="false"]::before,
.accordion-container .card-header > * .btn[aria-expanded="false"]::after {
  content: ""; display: inline-block; position: absolute; top: 50%; right: 5px; height: 1px; width: 20px; background-color: #222;
  -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;
}
.accordion-container .card-header > * .btn[aria-expanded="false"]::before {transform: translate(-50%, -50%) rotate(0deg);}
.accordion-container .card-header > * .btn[aria-expanded="false"]::after {transform: translate(-50%, -50%) rotate(-90deg);}
.accordion-container .card-header > * .btn[aria-expanded="false"]:hover::before {transform: translate(-50%, -50%) rotate(90deg);}
.accordion-container .card-header > * .btn[aria-expanded="false"]:hover::after {transform: translate(-50%, -50%) rotate(-0deg);}

.accordion-container .card-header > * .btn[aria-expanded="true"],
.accordion-container .card-header > * .btn[aria-expanded="true"] {background-color: #58595b; color: #fff;}
.accordion-container .card-header > * .btn[aria-expanded="true"]::before,
.accordion-container .card-header > * .btn[aria-expanded="true"]::after {
  content: ""; display: inline-block; position: absolute; top: 50%; right: 5px;  height: 1px; width: 20px; background-color: #fff;
  -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;
}
.accordion-container .card-header > * .btn[aria-expanded="true"]::before {transform: translate(-50%, -50%) rotate(0deg);}
.accordion-container .card-header > * .btn[aria-expanded="true"]::after {transform: translate(-50%, -50%) rotate(0deg);}
.accordion-container .card-header > * .btn[aria-expanded="true"]:hover::before {transform: translate(-50%, -50%) rotate(45deg);}
.accordion-container .card-header > * .btn[aria-expanded="true"]:hover::after {transform: translate(-50%, -50%) rotate(-45deg);}

.accordion-container .card-body { padding: 2rem; border: 1px solid #58595b;}

/* tabs -------------------------------------------------*/
.tabs-container {margin: 2rem 0;}
.nav-tabs {border-bottom: 0px solid #58595b;}
.nav-tabs .nav-item {margin-bottom: 0;}
.nav-tabs .nav-link {
  text-decoration: none!important; color: #222; background-color: #e2e3e7;
  border: 0px solid transparent; padding: .5rem 2rem;
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
  -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;
}
.nav-tabs .nav-link:hover {background-color: #cbccd0;}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #fff !important;
    background-color: #58595b  !important;
		border-color: #58595b  !important;
}
.nav-tabs .nav-link+.nav-link {margin-left: .5rem;}
.tab-pane {padding: 1.5rem; border: 1px solid #58595b; background-color: #fff;}



/*gallery---------------------*/
.gallery .size-thumbnail {
	max-height: 300px;
	min-width: 100px;
	width: auto;
}

/*--- magnifique popup --------------------------------------*/
.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
  transform: scale(0.8);
  opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close  {
    display: inline-block; position: absolute; top: -10px!important; right: -10px!important; width: 60px!important; height: 60px!important;
    border:none; font-size: 0; padding: 0!important;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.mfp-image-holder .mfp-close::before, .mfp-iframe-holder .mfp-close::before, .mfp-image-holder .mfp-close::after, .mfp-iframe-holder .mfp-close::after {
  content: ""; display: inline-block; position: absolute; top: 50%; left: 50%;  height: 2px; width: 30px; background-color: #fff;
  -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.mfp-image-holder .mfp-close::before, .mfp-iframe-holder .mfp-close::before {transform: translate(-50%, -50%) rotate(45deg);}
.mfp-image-holder .mfp-close::after, .mfp-iframe-holder .mfp-close::after {transform: translate(-50%, -50%) rotate(-45deg);}
.mfp-image-holder .mfp-close:hover, .mfp-iframe-holder .mfp-close:hover,
.mfp-image-holder .mfp-close:focus, .mfp-iframe-holder .mfp-close:focus,
.mfp-image-holder .mfp-close:active, .mfp-iframe-holder .mfp-close:active {color: #fff; border-color: #fff;}
.mfp-image-holder .mfp-close:hover::before, .mfp-iframe-holder .mfp-close:hover::before,
.mfp-image-holder .mfp-close:hover::after, .mfp-iframe-holder .mfp-close:hover::after {transform: translate(-50%, -50%) rotate(180deg);}
.mfp-arrow-left:before {
  content: "\f177"; font-family: "FontAwesome"; display: block; width: 40px; height: 40px; background-color: #fff; margin-left: 15px;
  color: #222; border: none; text-align: center; line-height: 40px; opacity: 0.8;
}
.mfp-arrow-right:before {
  content: "\f178"; font-family: "FontAwesome";  display: block; width: 40px; height: 40px; background-color: #fff; margin-right: 15px; right: 0; left: auto;
  color: #222; border: none; text-align: center; line-height: 40px; opacity: 0.8;
}
.mfp-arrow-left:after, .mfp-arrow-right:after {display: none;}



.social-block li.pinterest a:before {
  content: '\f0d2';
  font-family:FontAwesome !important;
}

.share_article-footer a.share-btn.pinterest:before {
  content: '\f0d2';
  font-family:FontAwesome !important;
}

.navbar-custom #navbar_wrapper .nav_content .navbar-nav>.nav-item.dropdown .dropdown-toggle::after,
.navbar-custom #navbar_wrapper .nav_content .navbar-nav>.nav-item.dropdown.show .dropdown-toggle::after {
	margin-top: -1.25rem;
}