/*
Theme Name: ALE
Author: Intégration Olivier Coudre  Design Webullition
Author URI: http://underscores.me/ http://foundation.zurb.com/
Description: theme pour le site ale.fr basé sur foundation
Version: 1.0
Text Domain: ale
*/
/*
Global & Structure
*/
body {font-family:  'open sans',sans-serif}
.site {max-width:1920px; margin: 0 auto;}
.content-area {margin-top: 127px /* fixed header*/}
.button--bgprimary {background: white; color:#1e1e1e;}
.button--bgprimary:focus,
.button--bgprimary:hover {background-color: #dcdded;}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
/*
Wordpress styles
*/
.alignleft {float: left}
.alignright {float: right}
.aligncenter {display: block;margin-left: auto;margin-right: auto}
figure.wp-caption.alignleft,img.alignleft {margin: 5px 20px 5px 0}
.wp-caption.alignleft {margin: 5px 10px 5px 0}
figure.wp-caption.alignright,img.alignright {margin: 5px 0 5px 20px}
.wp-caption.alignright {margin: 5px 0 5px 10px}
img.aligncenter {margin: 5px auto}
img.alignnone {margin: 5px 0}
.wp-caption .wp-caption-text,.entry-caption,.gallery-caption {color: #220e10;font-size: 18px;font-style: italic;font-weight: 300;margin: 0 0 24px}
div.wp-caption.alignright img[class*="wp-image-"] {float: right}
div.wp-caption.alignright .wp-caption-text {padding-left: 10px}
.wp-caption.alignleft + ul,.wp-caption.alignleft + ol {list-style-position: inside}

/*
Icons
*/
.icon-location-arrow {background: url(img/location-arrow.svg) no-repeat; background-size: contain;display: inline-block;width: 14px;height: 14px;margin-right: .5em}
.no-svg .icon-location-arrow {background-image: url(img/location-arrow.png)}

/*
  Accessibility
*/
#skip a {position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}
#skip a:focus { position:static; width:auto; height:auto; }

.bg-primary {background-color: #19a3eb; color:white}
.bg-secondary {background-color: #161616; color:white}
.bg-gray{background-color: #6d6a69;color:white}
.bg-gray a{color:inherit;}
.bg-gray a:active,
.bg-gray a:hover{color:#b20838}
.bg-gray34{background-color: #343434;color:white}
.bg-secondary h1{color: inherit}
/*
  Header
*/
.top-bar .toggle-topbar.menu-icon {top: 53px;right: -10px;margin-top: 0;}
.top-bar .toggle-topbar.menu-icon a span::after {
  -webkit-box-shadow: 0 0px 0 1px black, 0 7px 0 1px black, 0 14px 0 1px black;
  box-shadow: 0 0px 0 1px black, 0 7px 0 1px black, 0 14px 0 1px black;
}
.site-header {background: white;margin-top: 1em}
.site-header>.row{position: relative;}
.site-header .top-bar {background:none;padding-bottom: 0;position: relative;}
.site-header .top-bar ul {background:none }

.home-link {display: block;}
.sidebar-top-area .widget {display: table-cell; vertical-align: middle;padding-left: 0.5em;}
#lang_sel_list {font-family: verdana, arial, sans-serif;}
#lang_sel_list ul {padding: 0; margin: 0 ; list-style-type: none; }
#lang_sel_list li {float: left; padding: 0; margin: 0; }
#lang_sel_list ul a {padding:8px 4px 4px;display: block; font-size: 11px;text-decoration: none;line-height: 1em; color:#333}
@media only screen and (max-width: 40em) {
  #lang_sel_list a.lang_sel_sel {display: none;}
}
#lang_sel_list img.iclflag {top: -1px;}
.sidebar-top-area .menu >li>a {background: #b20838; color: white; border-radius: 6px; padding: 8px; font-size: 12px;}

/*.top-bar-section ul li {background: none;}
.top-bar-section li:not(.has-form) a:not(.button) {background:none;padding: 1em;}
.top-bar-section ul li > a {color:#6f6f6f;text-transform: uppercase;font-family:'open sans',sans-serif;font-size: .875rem;}
.top-bar-section li:not(.has-form) a:not(.button):hover {background-color: #3399cc;}
*/

.site-header .bar-right .sidebar-top-area{float: right;}
/*.site-header .bar-right .top-bar-section {clear: both;padding-top: 1em}*/
.site-header .top-bar-section {margin-top: 1em}
.main-menu a {color:#6d6a69}
.main-menu a:hover,
.main-menu>.current-menu-item,
.main-menu>.current-menu-item>a {background-color: #0066a4;color:white}
.main-menu >ul>li {border:#e8e8e8 solid 1px;border-right-width:0;border-top-width:0}

.top-bar .toggle-topbar.menu-icon a {color:#6f6f6f}

/*
  Home sections
*/

.onepage-section .entry-content {text-align: left;}
.section--title-underline,
.onepage-section >.row {text-align: center;}

.home .onepage-content .onepage-section:first-of-type .section-ribbon {background-color: #99c2db}
.home .onepage-content .section-ribbon {position: relative;z-index: 2;}
.home .onepage-section .entry-title a {color: inherit;}
.home .onepage-section .entry-title a:focus,
.home .onepage-section .entry-title a:hover {color: #b20838}
.home .onepage-section {background-repeat: no-repeat;background-size: cover}
.home .onepage-section .panel {background:#6d6a69; color:white;padding: 1em;}
.home .onepage-section .panel a,
.home .onepage-section .panel h3{ color:white;}
.home .onepage-section .panel h3{margin-top: 0}
.home .onepage-section .panel a:focus,
.home .onepage-section .panel a:hover {color:#b20838;text-decoration: none;}

.list-square-orange {list-style: none;margin: 0;padding: 0;}
.list-square-orange li {margin-bottom: .5em}
.list-square-orange li:before {content:'';background-color: #f49712;display: inline-block;width: .8em;height: .8em;border-radius: 3px;margin-right: .5em}


.onepage-section.title-white .section-ribbon {color:white}
.onepage-section.text-white {color:white}
.onepage-section.has-bg .section-ribbon {background-color: rgba(255,255,255,.4); }


.contact-section .entry-content .logo {margin-bottom: 1em}
.contact-section .entry-content a {color:#0066a4;font-weight: bold}
.contact-section .wpcf7 {margin-top: 1em}



/*
nos produits
*/

.items-grid figure{overflow: hidden;margin: 0;}
.items-grid >li .more,
.items-grid >li{color:#343434}
.items-grid a {color: inherit}
.items-grid h2,
.items-grid p{text-align: center;}
.items-grid h2 {text-transform: uppercase;font-size: 1.375rem;margin-top: 1em;color:inherit}
.items-grid p {font-size: .875rem;color:#686868}
.items-grid img {width: 100%; -webkit-transition: all .5s ease;transition: all .5s ease;}
.items-grid >li:hover a {color:#19a3eb}
.items-grid >li:hover a img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.items--rounded figure {border-radius: 500px; -webkit-transition: all .5s ease;transition: all .5s ease;margin: 10%}
.items--rounded  >li:hover figure {border:#19a3eb solid 6px}
.items--primary figure {background-color:#19a3eb}
ul.gallery {list-style: none}
.realisations--grid,.gallery--grid {color:#323232;margin: 0 1rem;}
.gallery__item {color:inherit;background: white;border:none;display: block;overflow: hidden;transition: background .5s ease;    margin-bottom: 14px;}
.gallery__item:hover{background: #19a3eb; color:white }
.gallery__item a {display: block;overflow: hidden}
.gallery__item:hover img{-webkit-transform: scale(1.1); transform: scale(1.1); }
.gallery__item img {width: 100%;margin: 0; -webkit-transition: all .5s ease; transition: all .5s ease; }
.gallery__item .item_title {font-size: 1em;margin: .8rem .8rem .7rem;display: block;}
.gallery__item .item_desc,
.gallery__item .real-desc {color:#888888;margin: 0 .8rem 0;display: block;font-size: .8em;padding: .2em}
.gallery__item:hover .real-desc {color:inherit}

.gal-content .gallery__item .item_title {display: none;}

/*
Page
*/
.page-header {width: 100%;padding-top: 0em}
.page-header .sticky-container {position: absolute;width: 100%; max-width: 1920px;}
.page-header .ribbon {background: rgba(255,255,255,0.8);padding: 1.4em 0 1em;transition: all .25s ease;}
.page-header .ribbon.sticky,
.page-header .ribbon.is-anchored {height: 7em;z-index: 10}
.page-header .ribbon.is-stuck { height:auto; padding: .8em 0 .5em;background:rgba(255,255,255,0.9);    box-shadow: rgba(0, 0, 0, 0.498039) 0px 3px 5px;}
.page-header .ribbon.is-stuck .section-menu{margin-top: .1em}

.page-title {font-size: 1.65em;line-height: 1;margin: 0.3em 0 0;}
.ribbon .page-title {color:#0066a4;}
.is-stuck .page-title {margin-top: 0;}
.meta-date,
#breadcrumbs,
#breadcrumbs a {color:#999999;font-size: .75rem}
.section-menu {margin-top: 1em;transition: padding .25s ease;}
.section-menu a {color:#3399cc;}
.section-menu a:hover {text-decoration: underline;}

.header-feat-image {margin-top: -1em;margin-bottom: 0;    width: 100%;}

.page.not-home .hentry {margin-top: 2em}
.not-home .entry-content a:not(.button) {color: #b20838;}
.not-home .entry-content a:not(.button):focus,
.not-home .entry-content a:not(.button):hover {text-decoration: underline;}

.onepage-section {padding-top: 2em}
.onepage-section .section-ribbon {background-color: rgba(204,204,204,.8);padding: 1em 0;margin-bottom: 1em}
.onepage-section .entry-title {text-align: center;font-weight: bold;margin: 0 auto;color:inherit}

.onepage-section .entry-content {padding: 1em 0}
.onepage-section .entry-content h2,
.onepage-section .entry-content h3 {color:#b20838}
body:not(.home) .onepage-section .entry-content strong {font-weight: 600}
.page-societe .onepage-section:nth-of-type(2) {background-color: #cccccc}
.page-societe .onepage-section:nth-of-type(2) .section-ribbon{background-color: white}
.page-societe .onepage-section:nth-of-type(3) .section-ribbon{background-color: #0066a4;color:white}
.page-societe .onepage-section:nth-of-type(4) .section-ribbon{background-color: #b20838;color:white}

/*
categorie de produits
*/
.bloc-section {padding: 0}
.bloc-section:nth-of-type(4n+1) .bg-bloc-feat:after,
.bloc-section:nth-of-type(4n+1) {background-color: #b20838}
.bloc-section:nth-of-type(3n) .bg-bloc-feat:after,
.bloc-section:nth-of-type(3n) {background-color: #f89829}

.bloc-section .row {position: relative;}
.bloc-section .bloc-wrap {position: relative; z-index: 2; margin-top: 6em; margin-bottom: 6em;}
.bloc-section .bg-bloc-feat {    position: absolute; background-size: cover;
    left: 0; top: 0; right: 0; bottom: 0;
    /*  http://bennettfeely.com/clippy/ */
    /*-webkit-clip-path: polygon(45% 0, 100% 0, 100% 100%, 45% 100%);
    clip-path: polygon(45% 0, 100% 0, 100% 100%, 45% 100%);*/
    }
.bloc-section .bg-bloc-feat:after {content:''; position: absolute; left: 0; top: 0; width: 45%; bottom: 0; background-color: white; }
.bloc-section:nth-of-type(even) .bg-bloc-feat {
    /*-webkit-clip-path: polygon(0 0, 55% 0, 55% 100%, 0% 100%);
    clip-path: polygon(0 0, 55% 0, 55% 100%, 0% 100%);*/
    background-position: 200% center;
}
.tax-product_cat.tax-top-term .bloc-nano-monoblocs.onepage-section .bg-bloc-feat  {background-position: 1810% center;}

.bloc-section:nth-of-type(even) .bg-bloc-feat:after {left: 55%;}
.bloc-section .entry-content a:not(.button),
.bloc-section .entry-content h2 {color:#0066a4}
.bloc-section .entry-content h2 {font-size: 1.5em; font-weight: bold;}
.bloc-section .entry-content {background: rgba(255,255,255,.9); padding: 1em 2em ;text-align: justify; min-height: 24em}
.bloc-section .more-link {text-align: right;}

.product-section .entry-content >ul>li {margin-bottom: 1em}

/*
 Page produits
*/
.tax-feat-image {position: relative;min-height: 360px}
.tax-feat-image .taxonomy-description  {
  background: rgba(20,20,20,0.8); padding: 1em 1em 0;transition: background .5s ease;color:white
}
.tax-feat-image .taxonomy-description:hover  {background: rgba(20,20,20,0.95); }
.tax-feat-image .taxonomy-description * {color: inherit;}
.product-section .row {border-top:solid 1px #f06;}
.product-section .entry-title {color:#f06;text-transform: uppercase;font-size: 2rem;margin-top: .7em}


.side-nav {padding-top: 0;}
.side-nav li.heading {font-size: 1.75rem;font-weight: normal;margin-bottom: 2.125rem}
.side-nav li a:not(.button) {color:#272727}
.side-nav li.active > a:first-child:not(.button) {color:#1da8f0}

/*
liste des actus
*/
.category .page-header .ribbon.sticky,
.category .page-header .ribbon.is-anchored {height: 5em}
.page-header .entry-meta {margin-bottom: 0.5em;}

.post-section {margin-top: 2em}
.post-section .entry-content h1,
.post-section .entry-content h2,
.post-section .entry-content h3 {color:#f06;}
.post-section .entry-content {text-align: justify;}
.post-section .wp-post-image {margin-bottom: 1em}
.post-section .gallery--grid {margin-top: 2em}
.post-section .gallery .item_title {display: none;}
.pagination {margin-top: 2em;}

.single .entry-content .site_lightbox img{transition: opacity .5s;}
.single .entry-content .site_lightbox:hover img { opacity: .8;}

.widget-area {background: #eee ;padding: 1em;margin-top: 2em;} /* #F9F7F7 */
.widget {margin-bottom: 2em;}
.widget-title {font-size: 20px;font-weight: bold; margin-bottom: .5em}
.products-widget .widget-title {margin-bottom: 1em;}
/*
faq
*/
.accordion-title {font-size: 1rem}

/*
events
*/
.event-item {margin-bottom: 1em;border-top: solid 1px #f06;padding-top: 2em}
.event-item .event-title {margin-bottom: 1em;    color: #f06;font-weight: bold;font-size: 1.2em}
.event-item .event-img {margin-bottom: 1em}

.event-item .event-date {    display: flex; flex-direction: column;}
.event-item .event-month { background: #eee; padding: 0.5rem ; text-align: center; }
.event-item .event-day {border: 1px solid #eee; padding: 0 2rem; text-align: center; font-size: 2rem;}
.event-item .event-year {text-align: center;}
.event-item .event-pays {text-align: center;}

/*
distributeur download section
*/
.page-template-page_distributeur .header-feat-image {}
.page-template-page_distributeur #loginform .input {max-width: 12em}
.SC_login_form .callout.login {/*box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);*/background-color:  rgba(204,204,204,.2)}
.SC_login_form .callout.warning {line-height: 2;}
/*
Contact
*/

.wpcf7-form-control-wrap {margin-bottom: 1rem; display: block;}
.wpcf7-form-control {margin-bottom: 0;}
.wpcf7-not-valid-tip {background-color: #F2DEDE;border-color: #EED3D7;color: #B94A48;padding: 0.2em 0.4em;display: block;font-family: arial,sans-serif;font-size: 0.8em;}
.wpcf7-textarea {height: 9.4em}
.form-submit {position: relative;text-align: center;}
.ajax-loader {position: absolute; top: 0.8em; right: 1em;background-image: url('img/loading.gif');}
.wpcf7-mail-sent-ok {border: 2px solid #398f14;}
.wpcf7-mail-sent-ng {border: 2px solid #ff0000;}
.wpcf7-spam-blocked {border: 2px solid #ffa500;}
.wpcf7 .ajax-error {display: none;}
.wpcf7-display-none {display: none;}
.wpcf7-validation-errors {border: 2px solid #f7e700;}
.wpcf7-validation-errors {padding: 1em;background-color: #F2DEDE;border-color: #EED3D7;color: #B94A48;border-radius: 4px;margin-bottom: 2em;}
.wpcf7-mail-sent-ok {padding: 1em;background-color: #DFF0D8;border-color: #D6E9C6;color: #468847;border-radius: 4px;}
.wpcf7 .screen-reader-response {position: absolute;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);height: 1px;width: 1px;margin: 0;padding: 0;border: 0;}

/*
404
*/
.error-404.page-content {padding: 2em 0}
/*
Footer
*/
.site-footer {/*font-size: 12px;*/padding: 2em 0}
.site-footer .footer1 {margin-bottom: 2em}
.site-footer ul {margin-bottom: 1em;font-size: 1em}
.site-footer .menu.simple li:last-child {margin-right: 0}
.footer-menu a {padding: .7rem 1rem;}
.footer-menu .current-menu-item>a {text-decoration: underline;}
#menu-footer {font-size: 80%}
/*
Plugins
*/
.simple-image {margin: 0;}
.simple-image img{max-width: none;width: 100%;}
.site_feat_post_widget {padding: 1em 1em 4em; background: #fff; color: black;max-width: 50em}
.site_feat_post_widget a {color:inherit;}
.site_feat_post_widget .feat-title {text-transform: uppercase;margin-bottom: .5em;display: block;font-size: 120%}
.site_feat_post_widget p {margin-bottom: 0.2em;}
.site_feat_post_widget .button {margin-bottom: 0;background-color: #0d8aca;}
.site_feat_post_widget .button:hover {color:black}
.site-contact-widget [itemprop="addressLocality"],
.site-contact-widget [itemprop="addressCountry"],
.site-contact-widget [itemprop="name"] {text-transform: uppercase;}
.site-contact-widget [itemprop="name"],
.site-contact-widget [itemprop="streetAddress"] {display: block;}
.site-contact-widget .call-numbers,
.site-contact-widget [itemprop="name"],
.site-contact-widget [itemprop="address"] {margin-bottom: .5em}

.flex-viewport {}
.flex-control-nav {/*width: 100%;position: absolute;bottom: 0;*/text-align: center;line-height: 16px;}
.flex-control-nav li {margin: 0 12px;display: inline-block;zoom: 1;}
.flex-control-paging li a {width: 14px;height: 14px;display: block;cursor: pointer;text-indent: -9999px;-moz-border-radius: 20px;-o-border-radius: 20px;border-radius: 20px;border: #EEE solid 2px;background-color: #fff}
.flex-control-paging li a:hover {border: #f28c00 solid 2px;}
.flex-control-paging li a.flex-active {background: #f28c00 ;cursor: default;border: #f28c00 solid 2px;}
.site-posts_carousel {background: white; overflow: hidden; height: 750px;width: 100%;position: relative;visibility: hidden;}
.site-posts_carousel__ready {visibility: visible;}
.site-posts_carousel .slides {height: 500px;margin: 0}
.site-posts_carousel .slides >li{list-style: none;margin: 0;padding: 0;}
.site-posts_carousel .slide-post {height: 750px;background:black;background-size: cover;background-position: center;}
/*.site-posts_carousel .slide-link {display: block;height: 100%;position: relative;}*/
.site-posts_carousel .slide-container {background:rgba(255,255,255,.8);margin-top: 2em;padding: 2em}
.site-posts_carousel .slide-title {font-weight: bold;color:#0066a4;font-size: 1.2em;line-height: 1.2;margin-bottom: .5em}
.site-posts_carousel .post-more {margin-top: 1em;text-align: right;}
.site-posts_carousel .flex-control-nav {position: absolute;bottom: 24px;left: 0;right: 0  }

.widget .lsi-social-icons li {margin: 0 !important;}
.widget .lsi-social-icons li a {padding: 4px}

.elfinder-button-search input {margin: 0;}


/* video */


.video-lightbox {display: block;position: relative;}
.video-lightbox>img {display: block;width: 100%;}

.video-lightbox .video-play-button {
    position: absolute;
    display: grid;
    border-radius: 100px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) ;
    transition: .3s;
    padding:1rem 44px;
    background-color: white;
}

.video-play-button svg {width: 32px;height: 33px;}
.video-lightbox:where(:hover,:focus,:active) .btn:not([disabled])::after {transform: translateY(-10%); }
.slbElement .slbCloseBtn {border-radius: 60px; background-color: var(--primary); color: rgb(255 255 255);width: 1.3em; height: 1.3em; line-height: 1.3em; right: 1rem;}

/*
  Shortcodes
*/
.SC_site_youtube {display: block; width: 100%; margin-bottom: 1em;position: relative;}
.SC_site_youtube > img{    width: 100%; max-height: 310px; object-fit: cover;}
.SC_site_youtube .arrow-play {
  position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    background-color: rgba(0,0,0,.5);
    font-size: 40px;
    width: 70px;
    height: 50px;
    text-align: center;
    color: white;
    border-radius: 8px;
    line-height: 44px;
    margin-left: -35px;
    margin-top: -25px;
  }
.SC_site_youtube:hover .arrow-play {background-color:red}
.SC_products_terms {display: grid;gap:2rem;    grid-template-columns: repeat(2, 1fr);}
@media (min-width: 40.063em)  {
  .SC_products_terms {grid-template-columns: repeat(3, 1fr);}
}
.SC_products_terms .term-link {display: block;margin-bottom: 2em}
.SC_products_terms .term-name {display: block;text-align: center;height: 2em;color:inherit;line-height: 1;margin-bottom: .5em}
.SC_products_terms .term-thumb {border-radius: .5em;transition: opacity .5s}
.SC_products_terms .term-link:hover .term-thumb{opacity: .8}
.home .SC_products_terms .term-link {color:white;}
.home .entry-content .term-link {color:white;text-decoration: none;}
.home .entry-content .term-link:focus,
.home .entry-content .term-link:hover {color:#b20838;text-decoration: none;}

.entry-content .SC_page_list .page-link {display: inline-block;width: 100%;height: 250px;
  background-repeat: no-repeat;background-size: auto 100%;background-position: center center;color: #333;
transition: all .5s ease;}
.SC_page_list .page-link:hover {color:#b20838;background-size: auto 110%}
.SC_page_list .page-name {display: inline-block;width: 100%; padding: .5em 0;background:rgba(255,255,255,.8);margin-top: 1em;text-align: center;font-weight: bold;}

.SC_page_grid .page-link {color:white;display: block;margin-bottom: 2em}
.SC_page_grid .page-name {display: block;text-align: center;height: 2em;color:inherit;line-height: 1;margin-bottom: .5em}
.SC_page_grid .page-thumb {border-radius: .5em;transition: opacity .5s}
.SC_page_grid .page-link:hover .page-thumb{opacity: .8}
.home .entry-content .page-link {text-decoration: none;}
.home .entry-content .page-link:focus,
.home .entry-content .page-link:hover {color:#f28c00;text-decoration: none;}


.SC_page_content {font-size:.875rem ;}
.SC_page_content p {line-height: 1.4;margin-bottom: 1em;font-size: 1em;}
.SC_page_content em {font-style: normal; color: #19a3eb}
.SC_call_action {padding:  .5em 0 .5em;}
.SC_call_action--compact {padding:  1.3em 0 1em;}
.SC_call_action .bt_container{vertical-align: middle;}
.SC_call_action_title {color:inherit;font-size: 30px;margin: 0;line-height: 1;font-weight: normal;margin-bottom: .5em}
.SC_call_action--compact .SC_call_action_title {margin-bottom: 0}
.SC_call_action .button {margin: 0;text-transform: uppercase;line-height: normal;padding:1.1rem 2rem .9rem;border: 2px solid #2AA1EC;}

.SC_schema_org  {font-size: 1.125rem;margin-bottom: 40px;}
.SC_schema_org [itemprop="name"] {text-transform: uppercase;font-size: 1.5rem;margin-bottom: 1rem;color:black}
.SC_schema_org [itemprop="name"] {background-image: url(/wp-content/uploads/2016/02/logo-ale.png);
overflow: hidden; text-indent: -99em; background-size: contain; background-position: 0 0; background-repeat: no-repeat; height: 4em;}
.SC_schema_org .call-numbers,
.SC_schema_org [itemprop="address"] {margin-bottom: 1rem;}
.SC_schema_org [itemprop="addressCountry"],
.SC_schema_org [itemprop="addressLocality"] {text-transform: uppercase;}
.SC_one-quart {margin-bottom: 0;margin-top: 1em;}

.SC_site_icon {margin-top: 2em; margin-bottom: 4em; position: relative; }
.SC_site_icon figure{background-color: #0066a4;font-size: 16px; width:12em;height:12em;line-height: 8em;
  border-radius: 2em ;padding:2em; text-align: center;margin: 0; position: absolute; top: -27px; left: 0; }
.SC_site_icon-right figure{ left:auto;right:0 }
.SC_site_icon figure:after {content: ''; /* arrow right */
    display: block;
    width: 0;
    height: 0;
    border-left: solid #0066a4 1.8em;
    right: -2.5em;
    top: 35%;
    position: absolute;
    border-top: solid 1.8em transparent;
    border-bottom: solid 1.8em transparent;}

.SC_site_icon-right figure:after { /* arrow left */
    right: auto;
    left: -2.5em;
    border-right: solid #0066a4 1.8em;
    border-left:0;}
.SC_site_icon .text-wrap{background-color: #5991B3;color:white;padding: .5em 15em ;margin: auto 0;flex: 1 0;  min-height: 130px;
display: flex; flex-direction: column; justify-content: center;}
.SC_site_icon .text{font-size: 1.3em;text-align: center;}

/*
Responsive
*/

/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) {
  .home-link {margin-bottom: 1em;}

  .top-bar .title-area {height: 100px;}
  .top-bar.expanded .title-area {background: transparent}
  .menu > li {display: block;}

  .page-header .sticky-container {position: static;height: auto!important}
  .sticky.is-anchored {position: static;}
  .page-header .ribbon.sticky, .page-header .ribbon.is-anchored {height: auto;}
  .header-feat-image {margin-top: 0;}
  .page-title {font-size: 2rem;}
  .site_feat_post_widget .feat-desc {display: none;}
  .SC_call_action .button {margin-top: 1em;}
  .alignleft ,
  .alignright {float: none;width: 100%;}

  .home .entry-content iframe {width: 100%}
  .onepage-section .alignright {max-width: none}
  figure.wp-caption.alignright, img.alignright {margin-left: 0;margin-right: 0}

  .SC_site_icon {margin-top: 1em; margin-bottom: 1em;}
  .SC_site_icon figure {
    width: 10em;
    height: 10em;
    line-height: 6em;
    padding: 1em;
    top: 24px;
    position: relative;
    margin: 0 auto;
  }
  .SC_site_icon figure:after {content:none}
  .SC_site_icon .text-wrap { /*padding: .5em 0 .5em 14em;*/padding: 1em;}
  .SC_site_icon-right  .text-wrap { /*padding: .5em 14em .5em 1em;*/padding: 1em;}
  .SC_site_icon .text {text-align: left;font-size: 1em}

  .tax-feat-image .taxonomy-description  {padding: 1em ;margin-top: 1em}

  .event-item .event-date { max-width: 150px;margin: auto;}
  .event-item .event-pays {margin-bottom: 1em}
}

/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em)  {

  .header-feat-wrap {position: relative;}
  .header-feat-image {margin-top: 1em;}
  .page-excerpt {width: 34em; background: rgba(255,255,255,.8); margin-top: 2em; padding: 2em;
      top: 7em; position: absolute;}
  .page-excerpt p {margin: 0;}
  .anchors {font-size: 1px;height: 1px;overflow: hidden;position: relative;top: -105px;}

  .site-posts_carousel .slide-container {width: 50%;}
  .site-posts_carousel .slide-title {font-size: 1.5em;}
  .home .SC_page_list {position: relative;top: -9.56em;margin-bottom: -10.55em}
  .home .SC_page_list .page-name {margin-top: 9em;}
  .entry-content .SC_page_list .page-link {height: 550px;}
  .event-item .event-date { max-width: none;}
  .event-item .event-pays {margin-top: 1em}
}

@media only screen and (min-width: 870px) {
  .site-header #responsive-menu {display: block;}
  .site_feat_post_widget {position: absolute;  background: rgba(255,255,255,.9); top: 1em; left:1em; right: 1em; padding: 1em}
  .tax-feat-image .taxonomy-description  {position: absolute; bottom: 0; z-index: 5;     width: 62.5rem;}
}

/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {
  .onepage-section .alignright {max-width: 100%}
  .bg-graph3-tb:before {height: 80px}
  .realisations--grid {margin: 0 6em;}
  figure.wp-caption.alignleft,img.alignleft {margin-right:50px}
  figure.wp-caption.alignright,img.alignright {margin-left: 50px}
  .single .hentry,
  .page-template-page-list-php .hentry {margin-left: 2%}
  .SC_col.column-count-4 {
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;}
  .SC_one-quart {width:25%;}
}

@media only screen and (min-width: 1070px)
{
  .site_feat_post_widget {left:auto;width: 50%;}
}