/*
Theme Name: Identity Studio
Template:     Divi
*/

@import url("../Divi/style.css");
@import url("https://use.typekit.net/nib5hqb.css");

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

/* 
Page background overrides
-------------------------------------------------------------- */

/* Colours
Turq: #00aa9e
Sky: #00aae6
Darker Blue: #0073bf
Lime: #7fc11e
Dark Grey: #333
Light Grey: #f6f6f6
*/


/* Text */
body, h1, h2, h3, h4, h5, h6, p {font-family: "proxima-nova", sans-serif!important; font-weight: 400!important; font-style: normal!important;}

body, p {font-weight: 400!important;}
h1, h2, h3, h4, h5, h6,
.et_pb_text_inner h2, .et_pb_text_inner h2, .et_pb_text_inner h3, .et_pb_text_inner h4, .et_pb_text_inner h5, .et_pb_text_inner h6,
footer h2, footer h2, footer h3, footer h4, footer h5, footer h6 {font-weight: 700!important;}

h1 {font-size: clamp(50px, 8vw, 80px) !important; line-height: 1.1em;}
h2 {font-size: clamp(40px, 8vw, 70px) !important; line-height: 1.3em;}
h3, .single-post h1  {font-size: clamp(35px, 7vw, 60px) !important; line-height: 1.3em;}
h4, .home-blocks h1 {font-size: clamp(24px, 6vw, 40px) !important; line-height: 1.3em;}
h5, .home-blocks h2, .single-post h2 {font-size: clamp(20px, 5vw, 30px) !important; line-height: 1.3em;}
h6, .home-blocks h3, .single-post h3 {font-size: clamp(18px, 4vw, 24px) !important; line-height: 1.3em;}
body {font-size: clamp(16px, 2vw, 18px)!important;}
.page-excerpt, .single-post .et_pb_post_content h2 + p, .single-post .et_pb_post_content p:first-child {font-size: clamp(22px, 2vw, 28px)!important; line-height: 1.6em;}
.page-excerpt-smaller {font-size: clamp(16px, 2vw, 20px)!important; line-height: 1.6em;}

.single-post .et_pb_post_content blockquote h2 + p, .single-post .et_pb_post_content blockquote p:first-child  {font-size: clamp(16px, 2vw, 18px)!important; line-height: 1.6em;}


h1, h2, h3, h4, h5, h6, .et_quote_content blockquote p, .et_pb_slide_description .et_pb_slide_title, .entry-title {line-height:1.1em!important}
.single-post p + h2, .page-template-default p + h1, .page-template-default p + h2, .page-template-default p + h3, .page-template-default p + h4, .page-template-default p + h5, .page-template-default p + h6 {margin-top:40px!important;}
.page-template-default .home-blocks p + h3 {margin-top:10px!important;}


/* Nav resize fix 
#page-container {padding-top:70px!important} */

/* Links */
a {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.et_pb_text a, .et_pb_toggle_content a {border-bottom: solid 1px #00aa9e!important; font-weight:700!important;}
.single-post .et_pb_post_content a {color:#333!important; border-bottom: solid 1px #333!important; font-weight:700!important;}
.single-post .et_pb_post_content a:hover {color:#00aa9e!important; border-bottom: solid 1px #00aa9e!important;}
.single-post .category-news .et_pb_post_content a {color:#333!important; border-bottom: solid 1px #333!important;}
.single-post .category-news .et_pb_post_content a:hover {color:#00aae6!important; border-bottom: solid 1px #00aae6!important;}
.et_pb_text a:hover, .et_pb_toggle_content a:hover {color: #00aae6; border-bottom: solid 1px #00aae6!important; font-weight:700!important;}
footer .et_pb_text a, .light-link a {color:#a0daf8!important; /*text-decoration:underline;*/ border-bottom: solid 1px #a0daf8!important; font-weight:700!important;}
.id-open-mobile-menu .et_pb_menu__menu>nav>ul>li a, .id-open-mobile-menu2 .et_pb_menu__menu>nav>ul>li a {text-decoration: underline!important; /*border-bottom: solid 1px #fff!important;*/ font-weight:700!important; line-height:1.3em!important;}
.id-open-mobile-menu  .et_pb_menu__menu>nav>ul>li a:hover, .id-open-mobile-menu2 .et_pb_menu__menu>nav>ul>li a:hover {/*border-bottom: solid 1px #ffffff50!important;*/}
footer .et_pb_text a, .mid-white-links a {color:#ffffff!important; border-bottom: solid 1px #ffffff!important;}
footer .et_pb_text a:hover, .mid-white-links a:hover {color:#ffffff90!important; border-bottom: solid 1px #ffffff90!important;}
.light-link a:hover {color:#fff!important; border-bottom: solid 1px #fff!important;}
img a {border-bottom: solid 0px #dbdcdc!important}
a.icon {border-bottom: none!important;}
.block-feedback a {color:#00aae6!important; border-bottom: solid 1px #00aae6!important;}
.block-feedback a:hover {color:#333!important; border-bottom: solid 1px #333!important;}
.mid-turq-links a {color:#7fd4ce!important; border-bottom: solid 1px #7fd4ce!important;}
.mid-turq-links a:hover {color:#FFF!important; border-bottom: solid 1px #FFF!important;}

/* Menu */
#main-header, #main-header.et-fixed-header {-webkit-box-shadow: 0 0 0 rgba(0,0,0,0)!important; box-shadow: 0 0 0 rgba(0,0,0,0)!important;}
.menu-icon {font-size: 1.6em!important;}
#main-header .et_mobile_menu {background-color: #FFFFFF!important; left: 0; padding: 0!important;}
.et_mobile_menu .menu-item a {font-size: 1.2em!important;}
.et_mobile_menu .menu-icon a {font-size: 1em!important;}
/* Text left of hamburger in Theme Builder */
.et_mobile_nav_menu:before  {content: 'MENU';position: absolute;right: 60px;margin-top:5px;color: #00aa9e;font-size:16px; font-family: 'Manrope',Helvetica,Arial,Lucida,sans-serif; font-weight:bold;}
/* Text left of hamburger in Divi 3 */
#et_mobile_nav_menu:before  {content: 'MENU';position: absolute;right: 33px;bottom:30px;color: #00aa9e;font-size:16px; font-family: 'Manrope',Helvetica,Arial,Lucida,sans-serif;}
/* X icon in expanded mobile menu */
.mobile_nav.opened .mobile_menu_bar:before {content: '\4d';}
/* Remove the top line in the mobile menu*/
.et_mobile_menu {border-top:0;}
/* Center-align moble menu items */
.et_mobile_menu li {text-align:center !important;}
.et_mobile_menu li li, .et_mobile_menu li ul {padding-left:0 !important;}
/* Make mobile menu full width & height */
.et_mobile_menu {min-width: 100vw;margin-left: -10vw;}
.et_mobile_menu {/* min-height:100vh !important;min-height: -webkit-fill-available;  */padding-top:0px !important;}
html {height: -webkit-fill-available;}
/* Remove the animation to avoid delay */
.mobile_nav.opened .et_mobile_menu {display:block !important;}

.et_pb_menu .et-menu-nav>ul ul, .nav li li {padding: 0!important;}
.nav li ul {width:240px}
.et-menu li li a {width:240px}

.et_mobile_menu a {font-weight: 400!important;}
.id-open-mobile-menu .et_pb_menu__menu>nav>ul>li,
.id-open-mobile-menu2 .et_pb_menu__menu>nav>ul>li {display: block!important; width:100%;}

.et_pb_menu ul.sub-menu li a {font-weight: 400!important; line-height:1.2em!important}
.et_pb_menu ul.sub-menu ul.sub-menu li a {font-weight: 400!important; font-size: 1.1rem!important; line-height:1.1em!important;}


.et-menu-nav li.mega-menu>ul {
padding: 10px 0px!important;
position: absolute!important;
width: 130% -10px;
/*left: -30%!important;*/ right: 20%!important; top: 34px!important;}
.et-menu-nav li.mega-menu>ul a {font-weight:700!important;}

/*.et-menu-nav li.mega-menu>ul>li {
width: 20%;
margin: 0 4% 0 0;
}*/

/* Divi Mega Menu */
.admin-bar .de-mega-menu {margin-top: 34px!important;}
.de-mega-menu .et_pb_section {padding: 0 0!important;}
.menu-dropdowns a, .menu-dropdowns-services a, .de-mega-menu h3 {font-size: clamp(16px, 2vw, 22px)!important; line-height: 1.4em;}
.menu-dropdowns-services a {color:#00aae6!important;}
.menu-dropdowns a:hover, .menu-dropdowns-services a:hover, .menu-dropdowns-text a:hover {color:#333!important;}
.de-mega-menu .text-menu-blocks .et_pb_text_inner a:hover, .menu-dropdowns-text a:hover {border-bottom: solid 1px #333!important;}

.de-mega-menu .post-latest-col .et_pb_post {margin-bottom: 25px!important;}

@media (max-width: 1640px) {
.admin-bar .de-mega-menu {margin-top: 8px!important; }
}

@media (max-width: 1400px) {
.admin-bar .de-mega-menu {margin-top: 12px!important; }
}

@media (min-width: 980px) {
.menu_button {
color: #00aae6!important;
padding: 0 24px 0 0!important;
margin: -5px 12px 0 8px!important;
border-radius: 4px!important;
background: #fff;
border: solid 2px #00aae6;}
.et-menu .menu_button>a:first-child:after {/*content: "o"; */ content: "+"; right: -12px!important; top: 12px!important; color: #00aae6!important; font-family: "proxima-nova", sans-serif!important;font-style: normal!important; font-weight: 700!important; font-size:28px;}	
	
.et_pb_menu_1_tb_header.et_pb_menu ul li.menu_button a {color: #00aae6!important; }
.et_pb_menu_1_tb_header.et_pb_menu ul li.menu_button a:hover {color: #FFF!important; }
.menu_button:hover {background: #00aae6!important; border: solid 2px #00aae6;}
.et-menu .menu_button:hover>a:first-child:after {color: #FFF!important;}
	
/* Grey Hover
 * .menu_button:hover {background: #fff!important; border: solid 2px #333333;}
.et-menu .menu_button:hover>a:first-child:after {color: #333333!important;}	*/
	
.menu_button a {
color: #00aae6!important; 
padding: 12px 12px 12px 15px!important; }

.et_pb_menu_0_tb_header.et_pb_menu ul li.menu_button a, .et_pb_menu_0_tb_header.et_pb_menu ul li.menu_button a:hover, .et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu ul li.menu_button a, .et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu ul li.menu_button a:hover
{color: #FFFFFF!important;}
}


@media (max-width: 980px) {
	.id-open-mobile-menu .et_pb_menu__menu, .id-open-mobile-menu2 .et_pb_menu__menu {display: flex!important;}
	.id-open-mobile-menu .et_mobile_nav_menu, .id-open-mobile-menu2 .et_mobile_nav_menu {display: none!important;}
	.id-open-mobile-menu  .et_pb_menu__menu>nav>ul>li {width: initial!important; display: -webkit-box!important; display: -ms-flexbox!important;  display: flex!important;}
	.id-open-mobile-menu2  .et_pb_menu__menu>nav>ul>li {width:100%!important; text-align: left!important;}
	.et_pb_menu .et_mobile_nav_menu {margin: 0 -10px;}
	.et_pb_menu .et_mobile_menu {margin-top: 20px!important;}
	#nav-top {display:none!important;}
}

/* Blog */
/* Divi Builder */

.et_overlay {background: hsla(0,0%,100%,0);}

.et_pb_posts .et_overlay:before, 
.et_pb_blog_grid .et_overlay:before {color: #FFFFFF; font-family: ETmodules!important; font-weight: 200!important; font-size: 54px; border-radius: 50%; padding: 28px; background: #00aae6; border: solid 3px #fff;}
.category-case-studies .et_overlay:before {background: #00aa9e;}

.entry-featured-image-url {background-size: 100%; transition: all 0.3s ease-in-out;}

.entry-featured-image-url:hover {background-size: 150%; transition: all 0.3s ease-in-out;}
.et_pb_post .entry-featured-image-url {display: block; position: relative; width: 30%; float: left; height: 200px; overflow: hidden; transition: all .3s;}
.et_pb_post .entry-featured-image-url img {margin: 0 0}
.et_pb_post .entry-featured-image-url:hover img {transform: scale(1.05); -webkit-transform: scale(1.2);transition: all .3s;}

.et_pb_post .entry-title,
.et_pb_post .post-meta,
.et_pb_post .post-content {margin-left: 35%;}

.post-latest-col .et_pb_post .entry-title,
.post-latest-col .et_pb_post .post-meta,
.post-latest-col .et_pb_post .post-content {margin-left: 0!important;}
.post-latest-col .et_pb_post {margin-bottom: 2px!important;}

.section-latest-news a {color:#00aae6!important; border-bottom: solid 1px #00aae6!important;}
.section-latest-case a {color:#00aa9e!important;}
.section-latest-news a:hover, .section-latest-case a:hover {color:#333!important; border-bottom: solid 1px #333!important;}


h3.entry-title a, h4.entry-title a {color: #333!important; text-decoration:underline!important;}
h3.entry-title a:hover, h4.entry-title a:hover {color:#00aae6!important;}
.category-case-studies h3.entry-title a:hover, .category-case-studies h4.entry-title a:hover {color: #00aa9e!important;}

.category-case-studies .entry-featured-image-url {border-color: #00aa9e!important;}
.post-meta a[rel~="tag"], .post-meta a[rel~="category tag"], .de-mega-menu .category-news .post-meta a[rel~="tag"] {border-bottom: solid 1px #00aae6!important; font-weight:700!important; color:#00aae6!important; /*text-transform:uppercase;*/}
.category-case-studies .post-meta a[rel~="tag"], .category-case-studies .post-meta a[rel~="category tag"] {border-bottom: solid 1px #00aa9e!important; font-weight:700!important; color:#00aa9e!important;}
.post-meta a[rel~="tag"]:hover {border-bottom: solid 1px #333!important; color:#333!important;}

.single-post .et_pb_post_content h2 + p, .single-post .et_pb_post_content p:first-child {width: 70%;} 

.single-post .et_pb_post_content blockquote h2 + p, .single-post .et_pb_post_content blockquote p:first-child {width: 100%;} 
.category-news blockquote {border-color: #00aae6;}
blockquote { margin: 5px 0 20px 0!important; padding-top:0!important;}
blockquote p {padding-top: 0.5em!important; padding-bottom: 0.5em!important;}

@media (min-width:981px) {
.et_pb_row .et_pb_row_0_tb_body .row-tight .et_pb_equal_columns {padding:0!important;}
}

.single-post #main-content {margin-bottom:-2%!important;}

@media screen and (max-width: 1239px) {
	.et_pb_post .entry-featured-image-url {
margin-bottom: 10px;
width: auto;
height:200px;
float: none; }
.et_pb_post .entry-featured-image-url img {margin: -50% 0}
.et_pb_post .entry-title,
.et_pb_post .post-meta,
.et_pb_post .post-content {margin-left: 0;}
.single-post .et_pb_post_content h2 + p, .single-post .et_pb_post_content p:first-child {width: 100%;} 
}

/* Bullets */
.et_pb_text ul, .single-post .et_pb_post_content ul {list-style: none;}
.et_pb_text li, .single-post .et_pb_post_content li {padding: 5px 0 5px 20px!important;}
.et_pb_text li::before, .single-post .et_pb_post_content li::before {content: "➤"; color: #00aae6; margin: 0 16px 0 -32px; }
.post-case-study li::before {content: "➤"; color: #00aa9e!important;}
.et-l--body ul ul {padding-bottom:0px!important; padding-top:5px!important;} 

/* Toggles */
.et_pb_toggle_close, .et_pb_toggle_open {padding: 16px 0!important;}
.et_pb_toggle_close .et_pb_toggle_title:before {right: -7px!important;}

/* Misc */
.et_pb_member_position {font-weight:700!important; margin-bottom:20px!important;}
.et_pb_image .et_overlay:before {font-weight: 200!important; font-size: 54px;background: #00aa9e; border-radius: 50%; padding: 28px;}



/* Side Nav */
#menu-sidenav-services .et_pb_menu ul li a, .side-nav-blue .et-menu a {color:#00aae6;}
.et_pb_menu_3.et_pb_menu ul li.nav-title a, 
.side-nav-blue ul li.nav-title a,
.id-open-mobile-menu .et_pb_menu__menu>nav>ul>li.nav-title a
{color:#333333!important; text-decoration:none!important; font-size: 18px!important; font-weight:400!important;}

.et-menu li {font-size: 18px!important;}

.nav-title a, 
.side-nav-blue .nav-title a
{pointer-events: none!important; cursor: default!important; color: #333333!important; border-bottom: 1px solid #333333; margin-top: 0px!important; margin-bottom: 10px!important; padding-top: 0px!important; padding-bottom: 0px!important;}

.nav-title a:hover, 
.side-nav-blue .nav-title a:hover 
{ color: #333333!important; border-bottom: 1px solid #333333!important;}



/* Footer */
.footer-logo img {max-width:180px!important;}

@media only screen and (max-width:767px) {
.et_pb_image_0_tb_footer .et_pb_image_wrap img {max-width: 180px!important;}
}