/*
Theme Name:     Arctic Institute - Child
Description:    Child theme of Arctic Institute
Author:         Trymoon
Template:       arctic-institute
Version:		1.0

(optional values you can add: Theme URI, Author URI, Version)
*/
@import url("../arctic-institute/style.css");

/* Header and menu adjustments */
header .pure-menu ul li a {font-family: "soleil", arial, sans-serif; color: #6db8d8 !important;}
header .pure-menu ul li a:hover {color: #056294 !important;}
header .pure-menu ul li.current-menu-item >a {color: #056294 !important;}
header .pure-menu ul li>ul li a:hover {color: #056294 !important; opacity:1;}
header .pure-menu ul li>ul li.current-menu-item a {color: #056294 !important; opacity:1;}
header .pure-menu ul li.current-menu-parent >a {color: #056294 !important;}

.tp-bgimg {background-position:center center !important;}

/* Search icon black instead of white by referencing another position within the icon image file */
header.header-2 .pure-menu ul li.btn-search a {background-position:-214px 10px !important;}
header.header-2 .pure-menu-2 ul li.form-search .pure-form input.input-search {color:#000 !important;}

header .pure-menu>ul>li>a
{
font-family: "soleil", arial, sans-serif;
color: #056294;
text-transform: uppercase;
font-weight: 500;
font-size: 12px;
}
header .pure-menu>ul>li+li {margin-left:0px;}
header.header-2 .pure-menu>ul>li>a:hover {color: #056294 !important; opacity:1;}

header.header-2{
background-color: #fff;
}

header .pure-menu ul > li > a {color:#666;}
header .pure-menu ul > li > a:hover {color:#b00;}*

/* General tag styling */

h1 {font: 600 30px/32px "soleil",sans-serif !important;}

h1, .header_font, .widget-title, .entry-title, .portfolio-main .filter h4 {
font-family: "soleil",sans-serif !important;
font-style: normal !important;
font-weight: 600 !important;
color:#05507a;
font-size: 30px;}

.single-post-content h1 {
line-height:1.1em;
}

p, body, li {
font-style: normal !important;
font: 100 16px "soleil",sans-serif !important;
font-weight:100;
}

footer p {color: #fff !important;}
p, body, li, span:not(.header_font), .author-meta-outedg {color: #444444 !important;}

h2, h3 ,h4, h5, h6:not(.widget-title), .single-post-content h1 {font-family: "soleil", arial, sans-serif !important;
font-style: normal !important;
font-weight: 600 !important;
font-size: 22px;}

h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}

button {background: #6DB8C7; color:#fff;
border:1px outset buttonface}

.about-img {width:300px !important; height:200px !important;}

figure.alignleft {
	margin: 30px 40px;
}

figure.alignright {
	margin: 30px 40px;
}


/* Titles for selected pages - add glow for clarity as custom header has background image */
.page-id-3574 .page-header .header_font,
.page-id-7020 .page-header .header_font,
.page-id-6997 .page-header .header_font,
.page-id-7070 .page-header .header_font,
.page-id-8824 .page-header .header_font
{text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff , 0 0 0.2em #fff !important;}

.page-id-8263 .page-header .header_font, 
.parent-pageid-6937 .page-header .header_font,
.parent-pageid-8263 .page-header .header_font
{text-shadow: 0 0 0.2em #000, 0 0 0.2em #000 , 0 0 0.2em #000 !important;}

.main-content a:link, .main-content a, .page-header .descr a:not(.outrdg-button) {
font-family: "soleil" !important;
border-bottom: 1px solid #6db8d8 !important;
color: #6db8d8 !important;
}

.main-content .pure-u-1-6 a, .main-content .pure-u-1-6 a:hover {
border-bottom:1px solid #fff !important;
}

.main-content a:hover, .page-header .descr a:hover {
color: #056294 !important; 
border-bottom-color:#056294 !important; 
}

.outrdg-button {font-family: "soleil" !important;}

.entry-title, .sidebar-content .widget-title {text-align:center; text-transform: uppercase;}
.sidebar-content .widget-title {font-size:18px; border-bottom:1px solid #05507a;}
.entry-header {margin:30px 0 30px !important;}
.date-meta-outedg a:link,.author-meta-outedg a:link, .author-meta-outedg {font-size:16px !important;}

/* Home page adjustments - ensure columns correct */
.home .pure-u-1-2.column, .post-5529 .pure-u-1-2.column {padding-left:20px;padding-right:20px;}
.home .recent-post-carousel {margin-top:-50px;}

/* Home page slider button customisation */
.home_slider_title, .home_slider_title a {font-size:30px !important; line-height:34px !important;}

/* Style customizations for "RPWE" plugin (- Recent posts widget extended) */
/* Align images and text across recent post thumbnails on home page        */
li.rpwe-li {list-style:none !important;}
.rpwe-summary {margin-left:198px;}
.rpwe-block h3 {/*clear:left !important;*/line-height:25px !important; height:unset; overflow:hidden;}
.pure-u-3-4 .rpwe-block h3, 
.column_last .rpwe-block h3,
.pure-u-1 .rpwe-block h3 {clear:none !important;}
.column_last .rpwe-summary {margin-left:98px;}
.rpwe-summary {margin-left:0px;}
.rpwe-block h3 {height:2em !important;}
.rpwe-block li {padding-bottom:30px !important;}
.rpwe-summary {height:3em;}

/* Reduce gap between full width sections */
.shortcode_column {margin-top:20px !important;}

footer {background:#7b7b81;}
footer a {color:#fff !important; border-bottom:none !important; }
footer .widget-title {font-size:18px; text-align:center;}
footer .disclaimer {border-top-color:#aaa;}
footer .wrapper {max-width:1000px;}
.page-header .hole {background-size:70% auto !important; 
background-position:0px !important;
background-color: #eee !important;}

/* Reduce home page recent analysis text */
.home .recent-post-content>h4 + .recent-post-excerpt {height:70px; overflow:hidden;}

/* Contact us map height */
.contact-map-header {height: 430px;}

/* Contact form adjustments */
.wpcf7,  .wpcf7 span, .wpcf7 input {font-family: "soleil",sans-serif !important;}
.wpcf7 .wpcf7-list-item-label {color:#7b7b81; font-size: 14px;}
.wpcf7 .contact-item-label { font-size: 16px; color: #3a3637;}
.wpcf7 {margin-top:-20px !important; margin-bottom:50px !important;}
.wpcf7 .wpcf7-form input[type=submit] {background:#c5d8ec !important; text-transform:capitalize !important;}

/* Submissions text slider - stop vertical page movement */
.happy-testimonials .swiper-wrapper {max-height:300px; min-height:300px;}
.happy-testimonials .swiper-slide {max-height:300px;overflow-y:auto;}

/* Team page adjustments */
.team .userpic {height:0px; overflow:hidden;}
.team .userpic img {width:100%; }
.team h6 {height:2em;}

/* Team on projects page*/
.round-img {
    border-radius: 50% !important;
    height:140px !important; 
}

/* Home page posts carousel/slider - image container limit */
.wp-posts-carousel-image {max-height:350px;}
.default-theme.wp-posts-carousel .wp-posts-carousel-image a {border-bottom-width:0 !important;}

/* Make navigation arrows permanently visible - not solely on hover */
.default-theme.wp-posts-carousel .owl-controls .owl-nav div {opacity:1 !important;}
.default-theme.wp-posts-carousel .owl-controls .owl-nav div:hover {opacity:1 !important;}
.default-theme.wp-posts-carousel .owl-controls .owl-nav .owl-prev {left:0px !important;}
.default-theme.wp-posts-carousel .owl-controls .owl-nav .owl-next {right:0px !important;}


/* Experts portfolio */
.portfolio-img a {max-width:200px; max-height: 200px; margin:0 auto;}

/* Hide events page search bar */
.tribe-bar-disabled {display:none !important;}

/* Portfolio - single page content for expert - image float */
.descr .portfolio-content img {
float:left !important; 
margin:5px 20px 10px 0 !important;
max-width:200px !important;
}

/* Testimonial slider userd for "In the news" */
.happy-testimonials .swiper-wrapper {min-height:unset;}

/* Publications pages use the post grid plugin which requires custom css */
.post-grid-layout .listing-item {width:46% !important; float:left !important;}
.post-grid-layout .listing-item .image {float:left !important; margin-right:20px;}
.post-grid-layout .listing-item {padding-right:20px; margin-bottom:20px;}
.post-grid-layout .listing-item a {border-bottom-width:0px !important;}

/* Author posts on expert pages */
.display-posts-listing .listing-item {margin:1em 0 1em 0;clear:both; height:70px; overflow:hidden;}

.blog article .featured-image img, .blog article .feature-image-container img {max-width:100% !important; width:unset;}

#comments {display:none !important;}
.comment-meta-outedg {display:none !important;}

#synved_social_share-2 {text-align:center;}

/* Event home page listing */
.home li.ecs-event {display:block;}
.home li.ecs-event h4 {text-align:left; font-size:14px; }
.home .ecs-event-list {margin-top:0 !important; padding:0 !important;}
.home .ecs-event-list .ecs-event {float:left; margin:0 20px 30px 20px; width:200px;}

/* Spread home page tabs across the width of the page */
.home .tabbed.horizontal>ul li {min-width:16% !important; text-align:center; margin-left:1.2% !important;margin-right:1.2% !important;}
.home .tabbed.horizontal>ul li a {font-size:20px; padding:5px;}
.home .tabbed.horizontal>ul {width:600px; margin: 0 auto;}

/* Spread horizontal tabs across the width of the countries page */
.page-id-3742 .tabbed.horizontal>ul li {min-width:24%; text-align:center;margin-left:2% !important;margin-right:2% !important;}
.page-id-3742 .tabbed.horizontal>ul li a {font-size:22px;}

.hide_thumbnail .listing-item {margin:20px 0;}
.hide_thumbnail img {display:none;}

.page .pure-u-3-4.shortcode_column  .tabbed>.panels {width:unset;}

.give-form-title {display:none;}

.full-width-content h1, .full-width-content h4,
.blog-content h1, .blog-content h2,.blog-content h3,.blog-content h4,
.descr h2,.descr h3,.descr h4,
.sidebar-content h1, .sidebar-content h4 {color:#05507a !important;}

.maxsocial svg, .maxsocial .mb-label {color: wheat !important;}
 
.full-width-section {
  width: 100vw !important;
  padding: 20px 100px 20px 100px !important;
  box-sizing: border-box !important;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
}

/* Adjust header and main content width according to window width (i.e. full width on mobile) */

@media (min-width: 768px) {}
header .wrapper {width:87% !important;}
.main-not .portfolio-single .wrapper {width:unset !important;}
.main-content .wrapper {width:80% !important;}
.portfolio-page .wrapper {width:80% !important;}
.blog .wrapper {width:75% !important;}
.cbc-img {margin-left:40px;}
iframe {max-width:100%;}

/* General column adjustments */
.pure-u-1-2.column {width:44%;}
.boxed_layout .pure-u-1-2.column {width:48% !important;}
.boxed_layout .pure-u-1-3.column {width:31.9% !important;}
.pure-u-3-4.column {width:72%;}

.main-content.pure-u-2-3, .pure-u-2-3.column {width:65% !important;}
footer .pure-u-1-3.column {width: calc(33% - 25px) !important; margin:0 10px !important;}

@media (max-width: 367px) {
	.home .pure-menu-heading {
		width: 80%;
	}
	.standard-logo, .retina-logo {
		max-width:100% !important;
		height: auto !important;
	}
	.ln-image img {
		height: auto !important;
	}
	html {
		margin-top:10px !important;
	}
}

@media (max-width: 767px) {
	.home .page-header {
		display: none;
	}
	footer .pure-u-1-3.column {width: 100% !important; margin:0 !important;}
	.full-width-section {
		width: 100vw !important;
		padding: 80px 10px 20px 10px !important;
	}
	.column_last .rpwe-summary {
		clear: both;
		margin-left:0px;
	}
	.pure-u-1-3.column {width:100% !important;}
	header .wrapper, .home .main .wrapper, .main .wrapper {width:85% !important;}
	.main .blog .wrapper, .main .page .wrapper, .main .page-header .wrapper {width:95% !important;}
	.home .main .page .wrapper {width:95% !important;}
	.home .tabbed.horizontal>ul li {max-width:100% !important;}
	.home .tabbed.horizontal>ul {width: 100%; margin: 0 auto;}
	.home div.tp-bgimg.defaultimg {background-size:100% auto !important;}
	.full-width-content-wrapper {padding:0 !important;}
	.home_slider_excerpt {display:none !important;}
	.home_slider_title {display:none !important;}
	.main-content.pure-u-2-3, .pure-u-2-3.column, .sidebar-content.pure-u-1-3 {margin:0 10px !important; width:95% !important;}
	.cbc-img {margin-left:40%;}
	.post-grid-layout .listing-item {width:100% !important;}
	iframe {max-width:95%;}
	header.header-2 .pure-menu .pure-menu-link i{background-position:-298px -86px;}
}

@media only screen and (max-width: 1023px)
{.shortcode_column[class *= "pure-u-"] {width:95% !important;}
}