/* LICENSE & DETAILS
   ==================================================

	Theme Name: Cardinal Child Theme
	Theme URI: http://cardinal.swiftideas.com
	Description: An Incredible Responsive Multi-Purpose WordPress Theme - Designed & Developed by Swift Ideas ( www.swiftideas.net )
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Template: cardinal
	Version: 1.0
	Author: Swift Ideas
	Author URI: www.swiftideas.net

	All files, unless otherwise stated, are released under the GNU General Public License
	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

   ==================================================
*/

/* --------------------------------------------
	CHILD THEME CSS
-------------------------------------------- */

@font-face {
    font-family: 'S71 Bold';
    src: url('https://cdn.studio71.com/fonts/studio71/ProximaNova-Extrabold.eot') format('woff2'),
         url('https://cdn.studio71.com/fonts/studio71/ProximaNova-Extrabold.woff') format('woff'),
         url('https://cdn.studio71.com/fonts/studio71/ProximaNova-Extrabold.ttf') format('truetype'),
         url('https://cdn.studio71.com/fonts/studio71/ProximaNova-Extrabold.svg#ProximaNova-Extrabld') format('svg');
    font-weight:700;
    font-style:normal;
}

@font-face {
    font-family: 'S71 Light';
    src: url('https://cdn.studio71.com/fonts/studio71/ProximaNova-Light.eot') format('woff2'),
         url('https://cdn.studio71.com/fonts/studio71/ProximaNova-Light.woff') format('woff'),
         url('https://cdn.studio71.com/fonts/studio71/ProximaNova-Light.ttf') format('truetype'),
         url('https://cdn.studio71.com/fonts/studio71/ProximaNova-Light.svg#ProximaNova-Extrabld') format('svg');
    font-weight:400;
    font-style:normal;
}

h1, h2, h3, h4, h5, h6 {font-family:'S71 Bold' !important;margin:0 0 40px;color:#111;}
h4 {margin-bottom:20px;}
body, p, li, sf-button  {font-family:'S71 Light' !important;}
p {margin:0 0 20px;}

body, p {
    line-height: 24px;
    font-size: 18px;
}

h5 {
    font-size: 24px !important;
}

h5  a {
	color: #333;
}

.white {color:#fff !important;}

.narrow-content {width:80%;max-width:600px;margin-left:auto;margin-right:auto;}

.flags {position:absolute;top:5px;right:300px;}
.flags li,
.flags li a {display:block;float:left;}
.flags li a span {display:none;}
.flags li a {width:32px;height:18px;margin-left:5px;background:url(images/flags.png) no-repeat;background-size:180px 17px;transition:none; border: 1px solid #ddd;}
.flags li a.flag-de {background-position:0 0;}
.flags li a.flag-us {background-position:-30px 0;}
.flags li a.flag-uk {background-position:-60px 0px;}
.flags li a.flag-ca {background-position:-90px 0px;}
.flags li a.flag-fr {background-position:-120px 0px;}
.flags li a.flag-it {background-position:-150px 0px;}

#mobile-header {
  padding: 20px 20px 35px 20px;
}

#mobile-header ul.flags {
  top: 55px;
  left: 15px;
  right: inherit;
}

.overlay-menu-open #overlay-menu nav {
  top: 15%;
  opacity: 1;
}

/* Used to prevent JS menu resizing. */
#overlay-menu ul.menu li.menu-item {
    font-size: 20px !important;
    height: 35px !important;
}

.home-nav {display:none !important;}
.home .home-nav {display:block !important;}
.home .other-nav {display:none !important;}

a.transparent-dark {border:1px solid #111 !important;color:#fff !important;}
a.transparent-dark span {color:#111 !important;}
a.transparent-dark:hover,
a.transparent-dark:hover span {color:#fff !important;}

a.transparent-light {border:1px solid #fff !important;color:#fff !important;}
a.transparent-light span {color:#fff !important;}
a.transparent-light:hover,
a.transparent-light:hover span {color:#222 !important;}

.h1.entry-title {font-size:30px;margin:0 !important;padding:0 !important;}
.section-title,
h1.entry-title {text-align:center;text-transform:uppercase;font-style:normal !important;}
h1.entry-title span {font-style:normal !important;}
.section-title span,
h1.entry-title span {display:inline;padding-right:18px;position:relative;}
.section-title span:after,
h1.entry-title span:after {content:".";position:absolute;bottom:0;right:0;color:#111;}
span.section-title-pink:after,
h1.entry-title span:after{color:#e83379;}
span.section-title-blue:after {color:#23cdfc;}
span.section-title-yellow:after {color:#fdb34d;}
span.section-title-green:after {color:#82f0b7;}

.section-subtitle {font-size:26px;text-transform:uppercase;position:relative;padding-top:25px;font-weight:500;}
.section-subtitle:before {content:"";position:absolute;top:0;left:47.5%;width:5%;height:3px;background:#111;}

.social-icons {text-align:center !important;}
.social-icons li {display:inline-block !important;margin:0 5px 5px;background:#393939;border-radius:100%;}
.social-icons li:hover,
.social-icons li a:hover {border-radius:100%;}

.post-info,
.post-item-details .author,
.blog-item-details .author {display:none;}

a.sf-button.large {
    line-height: 1.7em;
    font-family: 'S71 Bold';
    text-transform: uppercase;
    font-size: 1.5em;
}

/* Work */
.article-share {text-align:left;}
.related-projects {display:none;}
.spb_image.image-max img {display:block !important;width:auto !important;max-width:100% !important;height:auto !important;}

/* Creators */
.page-id-433 .spb_text_column,
.page-id-433 .spb_image {margin-bottom:0 !important;}
.page-id-433 .spb_image {padding:0 !important;}

/* Contact */
.contact-block .spb-asset-content {padding:40px;min-height:360px;}
.contact-block .sf-button span {color:#fff;}
.contact-block .sf-button:hover span {color:#111;}

/* Services */
.service-row .img-wrap img {width:80%;max-width:400px;}

.mini-items .blog-item h3 {margin-top:5px;}
@media (max-width:1440px) {
    .contact-block .spb-asset-content {min-height:400px;}
}

@media (max-width:1200px) {
    .contact-block .spb-asset-content {min-height:450px;}

}

@media (max-width:960px) {
    h2,
    h2 span {font-size:30px !important;line-height:40px !important;}
    .contact-block .spb-asset-content {min-height:550px;}
}

@media (max-width:768px) {
    .contact-block .spb-asset-content {min-height:0;}
}

@media (max-width:550px) {
    h2,
    h2 span {font-size:20px !important;line-height:30px !important;}
}

/*CUSTOM STYLES FOR THE US PAGE*/
@import url("//p7s1.sharepoint.com///hello.myfonts.net/count/34e76e");
@font-face {font-family: 'Geogrotesque-Lt';src: url('fonts/34E76E_0_0.eot');src: url('fonts/34E76E_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/34E76E_0_0.woff2') format('woff2'),url('fonts/34E76E_0_0.woff') format('woff'),url('fonts/34E76E_0_0.ttf') format('truetype');}

.flexible-acf #logo img.retina, .flexible-acf #logo img.standard { width:auto !important; }
.flexible-acf #main-navigation { display:none !important; }

.flexible-acf #main-container > .container {
    width:100% !important;
    padding-right:0 !important;
    padding-left:0 !important;
}
.flexible-acf .inner-page-wrap {
    margin:0 !important;
}
.flexible-acf-section {
    padding:50px 30px;
}
.flexible-acf-section * {
    font-family:'Geogrotesque-Lt', sans-serif !important;
}
.flexible-acf-container {
    max-width:850px;
    margin:0 auto;
}

@media screen and (min-width:601px){
    .flexible-desktop { display: block !important; }
    .flexible-mobile { display: none !important; }
}
@media screen and (max-width:600px){
    .flexible-desktop { display: none !important; }
    .flexible-mobile { display: block !important; }
}

.flexible-acf-container > h1 {
    text-transform: uppercase;
    position: relative;
    margin-bottom:.25em;
    font-family:'S71 Bold', sans-serif !important;
}
.flexible-acf-container > h1.line { padding-top:.25em; }
.flexible-acf-container > h1.line::after {
    position: absolute;
    content:'';
    height:4px;
    background-color:currentColor;
    width:15%;
    bottom:100%;
    left:0;
}

.flexible-content {
    margin:.5em 0 2em;
}
.flexible-content a {
    text-decoration: underline;
}
.flexible-content:last-child {
    margin-bottom:0;
}

.flexible-content .gform_fields {
    display: flex !important;
    justify-content: space-between;
    flex-wrap: wrap;
}
.flexible-content .gform_fields label { display: none !important; }
.flexible-content .gform_fields li { padding:0 !important; }
.flexible-content .gform_fields li.half { width:48% !important; }
@media screen and (max-width:600px){
    .flexible-content .gform_fields li.half { width:100% !important; }
}
.flexible-content .gform_fields li.full { width:100% !important; }
.flexible-content .gform_fields li input, .flexible-content .gform_fields li textarea {
    width:100% !important;
    margin:0 !important;
    padding:10px !important;
    border:1px solid currentColor !important;
    background:white !important;
}
.flexible-content .gform_footer { text-align:right; }
.flexible-content .gform_footer p { display: none; }
.flexible-content .gform_footer input[type=submit], .flexible-content .gform_footer input[type=submit]:hover {
    border:1px solid white !important;
    color:white !important;
    padding:10px 30px;
    min-width:200px;
    display: inline-block;
    text-decoration: none;
    /*background:#553278 !important; */
    background:#777777 !important;
    border-radius:0;
    margin:0 !important;
    text-transform: uppercase;
    transition: all .3s;
    font-family:'S71 Light', sans-serif !important;
}
.flexible-content .gform_footer input[type=submit]:hover, .flexible-content .gform_footer input[type=submit]:focus {
    background:white !important;
    border:1px solid #553278 !important;
    color:#553278 !important;
}

.flexible-link {
    margin:2em 0 0;
    text-align: center;
    text-transform: uppercase;
}
.flexible-link a {
    border:1px solid currentColor;
    padding:10px 30px;
    min-width:200px;
    display: inline-block;
    text-decoration: none;
    background:none;
    border-radius:0;
    transition: all .3s;
    font-family:'S71 Light', sans-serif !important;
}
.flexible-link a:hover {
    text-decoration: none;
}


.flexible-gallery ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; /*fallback for older browsers*/
    justify-content: space-evenly;
}
.flexible-gallery li {
    padding:15px;
}
.flexible-gallery img {
    display: block;
    width:100%;
}
.flexible-gallery.tinted li {
    position: relative;
}
.flexible-gallery.tinted li::after {
    pointer-events: none;
    position: absolute;
    content:'';
    background:#553278;
    top:10px; /*matches padding to avoid cover overhang*/
    right:10px;
    bottom:10px;
    left:10px;
    mix-blend-mode:overlay; /*fallback for older browsers*/
    mix-blend-mode:color;
}
.flexible-gallery.tinted li:hover img {
    opacity:1;
}
.flexible-gallery.tinted img {
    filter:grayscale(1);
    opacity:.7;
    transition:opacity .3s;
}

.flexible-video, .flexible-image, .flexible-slideshow { padding:0; }
.flexible-video .flexible-acf-container, .flexible-image .flexible-acf-container, .flexible-slideshow .flexible-acf-container { max-width:none; }
.flexible-video video, .flexible-video img, .flexible-image img, .flexible-slideshow img {
    display: block;
    width:100%;
    height:100%;
}

.flexible-slideshow {
    background:#696371;
}
.flexible-slideshow-container {
    width:100%;
    overflow: hidden;
    position: relative;
}
.flexible-slideshow-container ul {
    display: flex;
    flex-wrap:nowrap;
    margin:0 !important;
    transition:transform 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.flexible-slideshow-container li {
    margin:0 !important;
}

.footer-override-menu ul { text-align: center; }
.footer-override-menu li {
    display: inline-block;
    margin:0 .5em;
    text-transform: uppercase;
    font-family:'Geogrotesque-Lt', sans-serif !important;
}
.footer-override-menu ul li:last-child { display: block; }

.flexible-acf #logo > a {
    display: inline-block;
    vertical-align: middle;
}
.flexible-acf #logo .flags {
    opacity:1;
}
.flexible-acf .flags {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-bottom:0;
    margin-left:10px;
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
    cursor: pointer;
    opacity:0;
    transition:opacity .5s;
}
.flexible-acf .flags::after {
    content:"\25BD";
    color:white;
    position: absolute;
    left:120%;
    top:50%;
    transform:translateY(-50%);
}
.flexible-acf .flags li {
    float: none;
}
.flexible-acf .flags li:nth-child(n+2){
    display: none;
    position: absolute;
    left:0;
}
.flexible-acf .flags li:nth-child(n+2){ top:18px; }
.flexible-acf .flags li:nth-child(n+3){ top:38px; }
.flexible-acf .flags li:nth-child(n+4){ top:58px; }
.flexible-acf .flags li:nth-child(n+5){ top:78px; }
.flexible-acf .flags.open li:nth-child(n+2){
    display: block;
}

.flexible-acf #header-social-icons {
    margin-bottom:0;
    font-size:21px;
    float: right;
    margin-right:20px;
    line-height:21px;
    margin-top:3px;
}
.flexible-acf #header-social-icons li {
    display: inline-block;
    opacity:.7;
    transition:opacity .3s;
}
.flexible-acf #header-social-icons li:hover { opacity:1; }
.flexible-acf #overlay-menu {
    background-color:#2f2a35;
}

.flexible-acf #overlay-menu li {
    font-family:'S71 Bold';
}

.flexible-acf #overlay-menu nav ul li a, .flexible-acf .overlay-menu-open a.overlay-menu-link {
    color:white;
    text-transform: uppercase;
}
.flexible-acf #overlay-menu nav li:hover > a {
    color:white !important;
}