/*
Theme Name:     Circle T
Description:    Child theme for the Lambda WP Theme
Author:         Andreas Borg
Author URI:     https://elevated.to
Template:       lambda
Version:        1.0
*/
/* Test workflow */ 
/* Clone test workflow Hayden */

html, body {
    font-family: Overpass, sans-serif;
    font-size: 22px;
    line-height:32px;
    font-weight:200;
}
h1, h2, h3, h4, h5, h6 {
    color:#1a263f !important;
}

h1 {
    font-size: 45px;
    line-height:55px;
    font-weight:900;

}

h2 {
    font-family: Arbutus Slab, serif !important;
    font-size: 80px;
    line-height:100px;
    font-weight:400 !important;
}

h3 {
    font-family: Arbutus Slab, serif !important;
    font-size: 100px;
    line-height:120px;
    font-weight:400 !important;
    color:#1f2b46;
}

.h3-sm{
    font-size: 60px;   
    line-height:70px;
    display: inline-block;
}
.h3-xsm{
    font-size: 40px;   
    line-height:50px;
    display: inline-block;
}

.sources{
	font-size: 15px; 
	line-height: 18px;
	display: inline-block;
}


h4 {
    font-size: 45px;
    line-height:55px;
    font-weight:900;
    color:#1f2b46;
}

h5 {
    font-size: 24px;
    line-height:30px;
    font-weight:900;
    color:#1f2b46;
}

.navy {
    color:#1a263f !important;
}

blockquote {
    font-size: 22px;
    line-height:32px;
    font-weight:900;
}

p {
    font-size: 22px;
    line-height:32px;
    font-weight:200;
}

.callout p {
    font-size: 18px;
    line-height:26px;
    font-weight:600;
}

.captions p {
    font-size: 16px;
    line-height:28px;
    font-weight:900;
}

.video_panel * h1 {
    font-family: Arbutus Slab, serif !important;
	font-size: 60px;
	line-height:70px; 
	letter-spacing:0px;
    font-weight:400  !important;
    color: #FFF !important;
	text-shadow: 0px 0px 8px rgba(0,0,0,0.39);
}

.video_panel * p {
	font-family: Arbutus Slab, serif !important;
    font-size: 40px;
    line-height:60px;
    font-weight:400  !important;
    letter-spacing:0px;
    color: #FFF !important;
	text-shadow: 0px 0px 8px rgba(0,0,0,0.39);
}

.size-60{
	font-size:60px;
}

img.pointer, img.pointer:hover {
    cursor: pointer;
}

/* masthead is menu area */
#masthead .nav > li > a {
    font-size: 14px;
    line-height:30px;
    font-weight:600 !important;
}


#masthead {
    box-shadow: none !important;
}

/*odd fix for top margin bug on sticky menu*/
.sticky-wrapper{
    height:120px !important;
}




/*
.menu {
   background: rgba(0,0,0,0.2) !important;
}
*/

.dropdown:hover .dropdown-menu {
    display: block;
}

.transparent-header #masthead:not(.navbar-scrolled),
.transparent-header #masthead.navbar-scrolled  {
    /*background: rgb(28,43,72) !important;
    background: linear-gradient(180deg, rgba(28,43,72,1) 0%, rgba(255,255,255,0) 100%) !important;*/
	
	background: rgb(28,43,72);
	background: linear-gradient(180deg, rgba(28,43,72,0.3085609243697479) 0%, rgba(28,43,72,0) 100%) !important;
}



.transparent-header #masthead:not(.navbar-scrolled) .nav > li > a:hover, .transparent-header #masthead:not(.navbar-scrolled) .nav > .active > a, .transparent-header #masthead:not(.navbar-scrolled) .nav > .active > a:hover, .transparent-header #masthead:not(.navbar-scrolled) .nav > .current-menu-parent > a, .transparent-header #masthead:not(.navbar-scrolled) .nav > .current-menu-ancestor > a, .transparent-header #masthead:not(.navbar-scrolled) .nav > .current-menu-item > a, .transparent-header #masthead:not(.navbar-scrolled) .nav > .current-menu-item > a:hover, .transparent-header #masthead:not(.navbar-scrolled) .nav > .current-menu-item > a:focus, .transparent-header #masthead:not(.navbar-scrolled) .nav > .active > a:focus, .transparent-header #masthead:not(.navbar-scrolled) .nav li.dropdown.open > .dropdown-toggle, .transparent-header #masthead:not(.navbar-scrolled) .nav li.dropdown.active > .dropdown-toggle, .transparent-header #masthead:not(.navbar-scrolled) .nav li.dropdown.open.active > .dropdown-toggle, .current-menu-item a{
    color: #FE994B !important;
    background: none !important;
}

/*drop down text color*/
.menu .dropdown-menu .menu-item a {
    /*color: #B8BCC4 !important;*/
	/*color: #FFF !important;*/
    color:#1a263f !important;
	/*text-shadow: 0px 0px 6px rgba(0,0,0,0.39);*/
}


.menu .dropdown-menu .menu-item.active a {
    color: #FE994B !important;
}


/*Dropdown bg*/
.dropdown-menu-left, .menu .dropdown-menu{
    /*background: none !important;*/
	/*background: rgba(28,43,72,0.02) !important;*/
	/*background: linear-gradient(0deg, rgba(28,43,72,0.1) 0%, rgba(28,43,72,0) 100%) !important;*/
    border: none;
    box-shadow: none !important;
   	margin-top:-36px !important;
	/*margin-bottom:72px !important;*/

    background: rgba(255, 255, 255, 0.6) !important;
}

.menu .dropdown-menu .menu-item:last-of-type{
	margin-bottom:15px !important;
}





.menu .nav > .active > a, 
.menu .nav > .current-menu-parent > a, 
.menu .nav > .current-menu-ancestor > a, 
.menu .nav > .current-menu-item > a, 
.menu .nav > .current-menu-item > a:focus, 
.menu .nav > .current-page-parent > a, 
.menu .nav > .active > a:focus, 
.menu .nav li.dropdown.open > .dropdown-toggle, 
.menu .nav li.dropdown.active > .dropdown-toggle, 
.menu .nav li.dropdown.open.active > .dropdown-toggle,
.menu .dropdown-menu .menu-item a:hover, 
.menu .dropdown-menu .menu-item a:focus, 
.menu .dropdown-menu .menu-item a.active{
    color: #FE994B !important;
    background: none !important;
}


.current-menu-item .dropdown-menu-left * a {
    color: #FFF !important;
    background: none !important;
} 

/*hard to find, orange line above virtual element ..also transitions : all set */
.menu .nav > li > a.fake:before{
    opacity: 1;
    width: 100%;
    background-color: #fe994b;
}
.transparent-header #masthead:not(.navbar-scrolled) .nav > li > a:before {
    background: #fe994b !important;
}


.text_orange {
    color: #FE994B !important;
}


.menu .navbar-nav {
    margin-right: 3vw;
}

.hidden{
    display:none;
}

.dropdown-menu>li{
    height: 25px;
}

.menu-item a{
    font-weight: 600;
    font-size: 14px;
}

.menu .dropdown-menu .menu-item a:hover:after{
    content:"→"
}



.navbar-header {
    margin-left: 30px;
}

.fullwidth * img, img.fullwidth{
    width: 100%;
    height:auto;
}

.fullwidth * {
	padding-left: 0 !important;
    padding-right: 0 !important;
}
.bg-white{
	background:#FFF;
	z-index:2000;
}

.no-side-padding{
    padding-left:0 !important;
    padding-right:0 !important;
}

.orange-horisontal-design{
    margin-left:-27%;
}

.orange-horisontal-design * img {
    width:20vw;
    height:2px;
}

.divider-wrapper {
    opacity: 0 !important;
}

.map-overlay-text{
    position: relative;
    top:-120vw;

}

.subcampus * .overlay_map_marker_container{
	margin-top:-37vw;
}

.row_on_top{
    position: absolute;
    top:0;
    z-index: 1001;
}


.wpcf7-form * label {
    font-size: 15px !important;
}

.wpcf7-text{
    width:30vw;
}

.wpcf7-textarea{
    height:20vw;
    width:30vw;
}

.wpcf7-submit{
    width:30vw;
    background:  #1a263f !important;
}

input[type=submit].wpcf7-submit{
    font-family: Overpass, sans-serif;
    font-size: 15px;
    font-weight:400;
    color:#FFF;
    text-transform: uppercase;
}

.disable_interaction, .disable_interaction *{
    pointer-events: none; 
}
/* mobile logo home */ 
@media (min-width:768px){
	div.mlh-wrapper > img.mobile-logo-home{display:none!important;}
}
/* end mobile logo home */ 
.jump_button {
   /* background-color: #FFF;*/
    border: none;
    text-align: center;
    display: inline-block;
    /*margin: 4px 2px;*/
    cursor: pointer;
    height:48px;
    border-radius: 48px;
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/

    display:flex;
    flex-flow: column;
    align-items: center;
    z-index: 1000;

    position: fixed;
    top:calc(1080/1920 * 100vw - 4vw);
    left:46.6vw;
}
.jump_button p{
    font-size: 14px;
    font-weight: 900;
    text-decoration: none;
    color: #FFF;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 16px;
    padding-right: 16px;
    margin:0;
    margin-bottom:-7px;
}

.video_legend{
    position:fixed;
    top: 35vh;
    left:46px;
    z-index: 900;
}

.video_legend_indicator{
    background: rgba(255,255,255,0.4);
    border: none;
    padding: 0;
    width:4px;
    height:24px;
    border-radius: 4px;
    margin:10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.video_legend_indicator.active{
    background: rgba(255,255,255,1);
}

.fixed_bl{
    position: fixed;
    bottom: 3vw;
    left:8vw;
}



/* footer */
#footer * {
    text-align: left;
    font-size: 14px;
    line-height:20px;
    font-weight:600;
    color: #FFF;
}

#footer {
    background-image: url('/wp-content/themes/circlet/assets/img/footer_bg.jpg ');
    background-size: cover;

    background-color: #000;
}

#footer * .menu-item {
    border:none;
}

#footer .subfooter * .footer-columns-1 [class*=col-sm-] {
    text-align:left;
}

.subfooter .sidebar-widget li {
    padding-left: 0 !important;
}

#footer .subfooter * .menu-item a::before, #footer .subfooter * .menu-item:last-child a::after {
    content: " | ";
}

#footer .sidebar-widget {
    margin-bottom:0;
}

#footer .sidebar-widget {
    margin-bottom:0;
    margin-top:10px;
}

/*
Bootstrap breakpoints
Small	sm	≥576px
Medium	md	≥768px
Large	lg	≥992px
Extra large	xl	≥1200px
*/

/* main content */
@media (min-width: 1200px) {
    .container {
        width: calc(100vw - 280/1920*100vw) !important;
        max-width: 1440px;
    }
}


.bg_blue{
    background: #1C2B48;
}




.mt_neg1{
	margin-top: -1vw;
}

.mt_neg2{
	margin-top: -2vw;
}

.mt_neg3{
	margin-top: -3vw;
}

.mt_neg5{
	margin-top: -5vw;
}

.mt_neg10{
	margin-top: -10vw;
}

.mt_neg15{
	margin-top: -15vw;
}

.mt_neg20{
	margin-top: -20vw;
}
.mt_neg25{
	margin-top: -25vw;
}

.mt_neg30{
	margin-top: -30vw;
}

.mb_neg1{
	margin-bottom: -1vw;
}
.mb_neg2{
	margin-bottom: -2vw;
}
.mb_neg3{
	margin-bottom: -3vw;
}
.mb_neg5{
	margin-bottom: -5vw;
}

.mb_neg10{
	margin-bottom: -10vw;
}
.mb_neg10{
	margin-bottom: -15vw;
}
.mb_neg20{
	margin-bottom: -20vw;
}

.mb_neg25{
	margin-bottom: -25vw;
}


.mb_neg30{
	margin-bottom: -30vw;
}

.m_2{
    margin: 2vw;
}
.m_3{
    margin: 3vw;
}
.m_5{
    margin: 5vw;
}
.m_10{
    margin: 10vw;
}
.m_20{
    margin: 20vw;
}
.m_30{
    margin: 30vw;
}
/* tailwind */

.mb-0	{margin-bottom: 0px !important;}

.mt-0	{margin-top: 0px;}
.mt-px	{margin-top: 1px;}
.mt-1	{margin-top: 0.25rem;}
.mt-2	{margin-top: 0.5rem;}
.mt-3	{margin-top: 0.75rem;}
.mt-4	{margin-top: 1rem;}
.mt-5	{margin-top: 1.25rem;}
.mt-6	{margin-top: 1.5rem;}
.mt-7	{margin-top: 1.75rem;}
.mt-8	{margin-top: 2rem;}
.mt-9	{margin-top: 2.25rem;}
.mt-10	{margin-top: 2.5rem;}
.mt-11	{margin-top: 2.75rem;}
.mt-12	{margin-top: 3rem;}
.mt-14	{margin-top: 3.5rem;}
.mt-16	{margin-top: 4rem;}
.mt-20	{margin-top: 5rem;}
.mt-24	{margin-top: 6rem;}
.mt-28	{margin-top: 7rem;}
.mt-32	{margin-top: 8rem;}
.mt-36	{margin-top: 9rem;}
.mt-40	{margin-top: 10rem;}
.mt-44	{margin-top: 11rem;}
.mt-48	{margin-top: 12rem;}
.mt-52	{margin-top: 13rem;}
.mt-56	{margin-top: 14rem;}
.mt-60	{margin-top: 15rem;}
.mt-64	{margin-top: 16rem;}
.mt-72	{margin-top: 18rem;}
.mt-80	{margin-top: 20rem;}
.mt-96	{margin-top: 24rem;}
.mt-auto	{margin-top: auto;}

.-mt-0	{margin-top: 0px;}
.-mt-px	{margin-top: -1px;}
.-mt-1	{margin-top: -0.25rem;}
.-mt-2	{margin-top: -0.5rem;}
.-mt-3	{margin-top: -0.75rem;}
.-mt-4	{margin-top: -1rem;}
.-mt-5	{margin-top: -1.25rem;}
.-mt-6	{margin-top: -1.5rem;}
.-mt-7	{margin-top: -1.75rem;}
.-mt-8	{margin-top: -2rem;}
.-mt-9	{margin-top: -2.25rem;}
.-mt-10	{margin-top: -2.5rem;}
.-mt-11	{margin-top: -2.75rem;}
.-mt-12	{margin-top: -3rem;}
.-mt-14	{margin-top: -3.5rem;}
.-mt-16	{margin-top: -4rem;}
.-mt-20	{margin-top: -5rem;}
.-mt-24	{margin-top: -6rem;}
.-mt-28	{margin-top: -7rem;}
.-mt-32	{margin-top: -8rem;}
.-mt-36	{margin-top: -9rem;}
.-mt-40	{margin-top: -10rem;}
.-mt-44	{margin-top: -11rem;}
.-mt-48	{margin-top: -12rem;}
.-mt-52	{margin-top: -13rem;}
.-mt-56	{margin-top: -14rem;}
.-mt-60	{margin-top: -15rem;}
.-mt-64	{margin-top: -16rem;}
.-mt-72	{margin-top: -18rem;}
.-mt-80	{margin-top: -20rem;}
.-mt-96	{margin-top: -24rem;}



.text-black	{
    color:#000 !important;
}

.text-white, h1.text-light, h2.text-light, h3.text-light, h4.text-light, h5.text-light, h6.text-light, .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6	{
    color: #FFF !important;
}

/*midsize*/
@media (min-width: 768px) and (max-width: 1200px)  {
    .video_panel * h1 {
        font-size: 30px;
        line-height:34px; 
        letter-spacing:0px;
    }
    
    .video_panel * p {
        font-size: 24px;
        line-height:28px;
        letter-spacing:0px;
    }
    
}

/*ipad*/
@media 
(min-device-width: 768px) and (max-device-width: 1024px)  {

    
}


/*mobile*/
@media 
only screen and (max-width: 768px){

.sticky-wrapper{
    height:0 !important;
}
#masthead{
    position: fixed !important;
    top:0;
    right:0;
}

.navbar-sticky .navbar-collapse {
    max-height: unset;
}

.menu .navbar-brand img{
    width: 50px !important;
    top: 70px;
    left: -30px;
}
.dropdown {
    display: inline-table !important;
}

.dropdown .dropdown-menu {
    position: static;
    padding-left: 30px;
    padding-top: 30px;
    display: block !important;
}

.dropdown .dropdown-menu>li {
    height: unset;
}


.dropdown-menu-left, .menu .dropdown-menu{
    background:none !important;
}

.menu .dropdown-menu .menu-item a{
    color: #FFF !important;
}
/*page header section*/
.mobile_double_height {
    height: 50vh !important;
    width: auto !important;
}

.slide_up_header{
    margin-left: 15px;
    margin-right: 15px;
}

.slide_up_header * h1{
    margin-top:-10vh;
}

.slide_up_header * h2{
    margin-top:14vh;
}

h1 {
    font-size: 25px;
    line-height:35px;
    font-weight:900;
}

h2 {
    font-size: 30px;
    line-height:40px;
    font-weight:400 !important;
}

h3 {
    font-size: 50px;
    line-height:60px;
}

.h3-sm{
    font-size: 25px;   
    line-height:35px;
}
.h3-xsm{
    font-size: 20px;   
    line-height:25px;
}
.sources{
    margin-top: -8px;
	font-size: 10px; 
	line-height: 12px;
    display: block;
}


h4 {
    font-size: 25px;
    line-height:35px;
}

h5 {
    font-size: 24px;
    line-height:30px;
}


blockquote {
    font-size: 16px;
    line-height:19px;
}

p {
    font-size: 16px;
    line-height:21px;
}

.no-side-padding {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.callout p {
    font-size: 18px;
    line-height:30px;
    font-weight:600;
}

.captions p {
    font-size: 16px;
    line-height:28px;
    font-weight:900;
}
.size-60{
	font-size:30px;
}

.video_panel * h1 {
	font-size: 26px;
	line-height:30px; 
	letter-spacing:0px;
    color:#1a263f !important;
    text-shadow: none;
}

.video_panel * p {
    font-size: 18px;
    line-height:22px;
    letter-spacing:0px;
    color:#1a263f !important;
    text-shadow: none;
}



.video_panel * h1,.video_panel * p{
   /* margin-left: 30px;
    margin-right: 30px;*/
}



.jump_button {
     position: absolute;
    top:100vw;
    left:33vw;
}


.video_legend{
    display: none;
}

.row_on_top{
    position: static;
}

.sm-mt-0{
    margin-top: 0;
}
.sm-mt-20{
    margin-top: 20px;
}

.sm-mt-40{
    margin-top: 40px;
}

.sm-mt-80{
    margin-top: 80px;
}

.orange-horisontal-design,.orange-vertical-design {
	display:none;
}

#map {
	height:unset;
}
	
	/*Prevent ios popupmenus*/
	.overlay_map_marker_container *, img, area{
		-webkit-touch-callout: none !important; 
 		-webkit-user-select: none !important; 
	}
}