/*
Theme Name: Idealogy Website Theme
Author: Idealogy
Author URI: https://www.idealogy.biz/
*/
.meeting{display:none!important;}

div.wpforms-container-full .wpforms-form input.wpforms-field-medium, div.wpforms-container-full .wpforms-form select.wpforms-field-medium, div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium{max-width:100%;}

/*
@font-face {
    font-family: 'Open Sans';
    src: url('webfonts/opensans-regular-webfont.woff2') format('woff2'),
         url('webfonts/opensans-regular-webfont.woff') format('woff'),
		url('webfonts/opensans-regular-webfont.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Open Sans';
    src: url('webfonts/opensans-bold-webfont.woff2') format('woff2'),
         url('webfonts/opensans-bold-webfont.woff') format('woff'),
		url('webfonts/opensans-bold-webfont.ttf') format('ttf');
    font-weight: bold;
    font-style: normal;

}
*/
.social-contact .elementor-grid-item:nth-of-type(2) a{margin:0 15px;}

.elementor p a, .elementor li a{color:#7B7B7B; text-decoration:underline!important;}
.blockquote{padding:5px 30px;}
.pdf-type{display:none!important;}
*{box-sizing:border-box; font-family: 'Open Sans', sans-serif;}
.sky{position:absolute!important; top:0; left:0; width: 100%; overflow:hidden!important;}
a.elementor-button-link{text-decoration:none!important;}
body.elementor-editor-active .sky{position:relative!important;}
#particles-js {position: absolute; width: 160%!important; display: block!important; overflow:hidden;}

.map>div{margin-top:-46px;}
iframe.offices{width:100%; pointer-events:none!important;}

body.single {color:#7b7b7b!important;}
body.single .entry-content p > a, body.single .entry-content p > strong a, body.single .entry-content li a{color:#7b7b7b!important; text-decoration:underline;}
.nav-links{margin:50px auto;}


.clouds{position:absolute!important; width:100%!important; left:0; right:0; height:100vh;}
.clouds > div{width:100%!important; animation:clouds 120s linear infinite;}
@keyframes clouds{
	0%{
		background-position:0px;
	}
	
	100%{
		background-position:100%;
	}
}
html,body{padding:0;margin:0; position:relative; overflow-x:hidden;}
/*h2, h3{line-height:1.2!important;}*/
h3.elementor-size-large{font-size:36px!important;}
.elementor-column-gap-wider>.elementor-row>.elementor-column:first-of-type>.elementor-element-populated{padding-left:0px !important;}
.elementor-column-gap-wider>.elementor-row>.elementor-column:last-of-type>.elementor-element-populated{padding-right:0px !important;}
#container h2{font-weight:900!important;}
#container h3{letter-spacing:0px!important;}
#above-fold .heading h1{font-size:72px; letter-spacing:-1px; text-transform:uppercase; font-weight:900;}
#above-fold .sub-heading p{font-size:22px; line-height:1.3;font-weight:400;}
.home-btns > div{margin-left:0!important;}
.web-icons li{margin:0!important; width:25%!important; padding:40px!important;}
.red-balloon{position:absolute!important; top:0; right:0; width:100%!important; opacity:0.95;height:100%;}
.target{position:absolute!important; top:0; right:0; align-content:center!important; height:100%;}
.red-balloon .elementor-image{position:relative!important;}
.red-balloon img{min-width: 1250px; float:right;}
.red-balloon > div, .megaphone > div, .bird > div{animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;}
@keyframes floating {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 15px); }
    to   { transform: translate(0, -0px); }    
}
.main-title{width:1140px!important;margin:auto!important;}
.gallery-item img{border:none!important;}
.elementor-widget:not(:last-child){margin:0 0 10px!important;}
.elementor-icon-box-title{margin-top:0!important;}
.elementor-widget-heading > .elementor-widget-container{padding-top:0!important;padding-bottom:0!important;}
.shadow{box-shadow: 0px 0px 8px #ddd;}
.push-left{margin-left:200px!important;}
.over-box{align-items:center!important;}
.website-box{align-items: center;}.website-box > div {position:absolute!important; z-index:2; left:-10px; width:110%;}
.info{margin:-5% 0; box-shadow:0 0 10px #aaa;}
.process:before{content:""; display:block; width:920px; height:920px; position:absolute; margin:auto; top:0; bottom:0; right: 0;
    left: -300px; border:solid 1px #000; border-radius:1000px; z-index:-1;}
#header{position:absolute; margin:auto; width:100%;z-index:2; left:0; right:0; padding: 20px 10px 0;}
.page-template-form #header{position:relative;}
body.elementor-editor-active #header, body.elementor-editor-active .red-balloon{z-index:0!important;}
#header > div{margin:auto; max-width:1120px;display:flex ;align-items: stretch; align-content: center; }
#branding{position:relative; flex:1;} #branding img{width:180px; height:auto; filter: invert(1);} body.home  #branding img{filter: invert(0);}
nav#menu{display:flex;align-items: center;}
nav#menu > *:not(.meeting){height:100%;}
nav#menu ul{list-style:none; margin:0; padding:0; font-family: 'Open Sans', sans-serif;font-size: 13px;}
nav#menu ul.menu{height:100%;}
nav#menu ul.menu > li{display: inline-block; text-align: center; padding: 0 20px; height:100%; transition:background .3s ease-in-out; border:transparent 1px solid;}
nav#menu ul.menu > li > a:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
nav#menu ul.menu > li a{text-transform: uppercase; letter-spacing: 0.025em; text-decoration:none; color:#000;}
nav#menu ul.menu > li > a{color:#fff;}
nav#menu ul.menu > li.meeting, a.meeting{border:none!important;}
nav#menu ul.menu > li.meeting a, a.meeting{display:inline-block; text-decoration:none; font-size: 13px; background:#f99d20; color:#fff!important; padding: 10px 15px; border-radius:1000px; text-transform: uppercase;margin:auto auto auto 10px;}
nav#menu ul.menu > li.meeting:hover{background:transparent; border:none!important;}
nav#menu ul.sub-menu{position: absolute; max-height:0;  width: 100%; background: #fff; left: 0; top: 100%; transition:all .3s ease-in-out; overflow:hidden; align-items:center; visibility:hidden;} nav#menu ul.sub-menu > li{padding:15px;
    display: inline-block;
    vertical-align: top; width:19%;}
nav#menu li >  ul.sub-menu > li{width:13%;}
nav#menu ul.menu > li:hover{background:transparent; border:1px solid #fff;}
nav#menu ul.menu > li:hover > ul.sub-menu{ max-height:300px;  visibility:visible;}
body.home nav#menu ul.menu > li > a{color:#000;}
body.blog nav#menu ul.menu > li > a, body.single nav#menu ul.menu > li > a, body.archive nav#menu ul.menu > li > a{color:#000;} 
body.blog #branding img, body.page-template-dark #branding img, body.single #branding img, body.page-template-form #branding img, body.archive #branding img{
	filter: invert(0);
  content: url(https://www.idealogy.biz/wp-content/uploads/2019/10/logo.png);
}
.dark nav#menu ul.menu > li > a{color:#000;} .dark #branding img{filter: invert(0);}
#menu-toggle{position:absolute;left:-9999px;top:-9999px;}
.label-toggle{z-index:1000;padding:5px 10px;text-align:center;max-width:100px;margin:auto;position:absolute;right:10px;display:none}
.line{-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;width:40px;height:5px;background-color:#f99d20;display:block;margin:6px auto}

.three-points ul > li, .five-points ul > li{flex:1; align-self:center;justify-content: center!important;}

.five-stars i{color:#7cadfc; font-size:20px; line-height: 1.6em;}

.steps li.elementor-icon-list-item {background:#cddc29; padding:20px!important; align-items: center; width:150px; height:150px; border-radius:1000px; margin: auto; flex-direction:column;}
.steps .elementor-icon-list-item > span {display:block;}
.steps .elementor-icon-list-icon{margin:0 0 10px!important;}
.step-2:before, .step-3:before{content: "";    display: block;   width: 70%;   height: 0;   border-top: dotted 4px #aaa;   position: absolute;   top:0;  bottom: 0; left:-90%; right:0;   margin: auto; z-index:-1; opacity: 0.5;}


.elementor-tab-title{text-align:center!important}

.recent-posts{font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.8em; display:flex;}
.recent-posts a{color:var(--e-global-color-primary);}
/*.recent-posts ul{list-style:none; margin:0; padding:0;}*/
.recent-posts > div{/*display:inline-block; width:33.3333%; vertical-align:top;*/ padding:15px;}
.recent-posts > div:first-of-type{padding-left:0;} .recent-posts > div:last-of-type{padding-right:0;}
.recent-posts h4{font-size:20px; margin:0;}
.recent-posts time{font-size:14px; font-style:italic;}
.recent-posts .read-more{display:block;}

.banner:before, .banner:after{content:""; display:block; position:absolute; width:50%; border-top:10px dotted #cddc29; z-index:2;}
.banner:before{top:-5px; right:-20px;}.banner:after{bottom:-5px; left:-20px;}


.screenshots{width:835px!important; margin:2px auto auto!important;}
.monitor{align-items: center;} .monitor > div{position:absolute!important;}
.fruits > div{max-height:200px!important;}
.green-arrow{position:absolute!important; height:102px; margin:auto!important; top:0; bottom:0; right:-50%;}
.copy h4{color:#025198; margin:0 0 2px; text-transform:uppercase; font-size:18px;}
.copy p, .copy ul{margin:0 0 1.2em;}

.conveyor .elementor-icon-box-icon{display:none!important;}

.logos .gallery-item{height:300px; position:relative!important;}
.logos img{position:absolute; top:0; bottom:0; left:0; right:0; margin:auto!important;}

.ads .gallery-item{padding:10px!important; margin-top:0!important;}

.print-gallery br{display:none!important;}
.print-gallery{ column-count: 2;  column-gap: 10px;}


#footer{background:#eee; padding:50px; font-family: 'Open Sans', sans-serif;font-size:14px; color:#5e5e5e}
#footer figure{margin:0;}
#footer .container{max-width:1040px; margin:auto; display:flex;}
#footer .container > div {flex:1;}
#footer ul{list-style:none; margin:0; padding:0; line-height:2em;}
#footer p{margin:0 0 10px; line-height:1.6em;}
#footer ul a{color:#5e5e5e; text-decoration:none;}
#footer ul li.meeting{display:none;}
#footer ul.menu > li{font-weight:bold; text-transform:uppercase;}
#footer ul.sub-menu > li{font-weight:normal; text-transform:capitalize; font-size:13px;}
#footer .widget_media_image{margin:20px 0 0;} #footer .widget_media_image img{width:120px; height:auto}
.wpforms-widget h2{margin-top:0;}

#footer button {
  cursor: pointer;  background:var(--e-global-color-6f57dfd); color:#000; padding: 10px 15px; border-radius:1000px; text-transform:uppercase; border:0; letter-spacing: 0.025em; font-family: 'Open Sans', sans-serif;
}
#footer .wpforms-submit-container{text-align:right;}
#footer input::placeholder {
  font-size: 0.85rem;
  font-weight: 300;
  letter-spacing: 0.1rem;
  color: #5e5e5e;
}

#footer input:not(:last-of-type) {
  margin-bottom: 20px;
}
#footer input{
  width: 100%;
	border:0;
  border-bottom: 1px solid #ccc;
  padding: 6px 20px 6px 6px;
  font-size: 1rem;
  font-weight: 300;
  color: #282828;
  letter-spacing: 0.1rem;
  transition: border-color 0.2s ease-in-out;
background-color: transparent;
  outline: 0;
}
#footer input:focus {
  border-color: #f99d20;
}

.contact i{font-family: "Font Awesome 5 Brands"; font-weight: normal; font-size:25px;}
.contact a{display:inline-block; color:#f99d20; padding:8px 0;} .contact a:hover{opacity:0.7;}
.contact a:nth-of-type(2){margin:0 15px;}

body.single-post, body.blog{font-family: 'Open Sans', sans-serif;}
body.single-post #container, body.blog #container, body.archive #container{max-width:1140px; margin:auto; padding:100px 30px;display:flex;}
#sidebar{font-size: 14px;  padding: 30px 0 0;  margin: 0 0 0 60px;}
#sidebar a{display:block; color:#f99d20; text-decoration:none; font-weight:bold;}
#sidebar .calendar_wrap td {text-align: center;  background-color: #eee; padding: 5px;}
#sidebar .calendar_wrap td.pad, .calendar_wrap td#prev, #sidebar .calendar_wrap td#next { background-color: transparent;}
#sidebar .calendar_wrap table {width: 100%;}
body.single-post .entry-meta, body.blog .entry-meta, body.archive .entry-meta{font-size:12px; color:#aaa;  margin: 5px 0 0; text-transform:uppercase;}
body.single-post .entry-content, body.blog .entry-summary, body.archive .entry-summary{font-size:16px; line-height:1.7em;}
body.single-post .nav-links > div, body.blog .nav-links > div{display:inline-block; width:49%;} body.single-post .nav-links > div:nth-of-type(2){text-align:right}
body.single-post h1.entry-title a, body.single-post .nav-links a, body.blog h2.entry-title a, body.blog .nav-links a, a.read-more, body.archive h2.entry-title a{text-decoration:none; color:#f99d20;}
body.single-post h1, body.blog h2, body.archive h2{margin-bottom:0;}
body.blog article, body.archive article{border-bottom:dotted 1px #ccc; padding: 0 0 20px;  margin: 0px 0 40px;}
.wp-calendar-nav > span {display:inline-block; width:32%;} .wp-calendar-nav > span.wp-calendar-nav-next{text-align:right;}

@media screen and (max-width:1520px) and (min-width:1024px){
	.magnet {background-position:-280px -35px!important;}
} 


@media screen and (max-width:1024px){
	
nav#menu{position: fixed; height: 100vh; left: -100%;  top: 0;  z-index: 10; width: 100%; background:#fff; transition: all 0.3s;}
	nav#menu > div{margin:80px 0 0;}
	nav#menu ul.menu{position: absolute; top: 30px; left: 0; right: 0;}
	nav#menu ul.menu, nav#menu ul.sub-menu{font-size:16px;}
	nav#menu ul.menu > li{display: block; width:100%; padding:8px; height:auto; position:relative;}
	nav#menu ul.menu > li:first-of-type{padding-bottom:0;}
	nav#menu ul.menu > li a {color:#000;}
nav#menu ul.menu > li.meeting a {width: 80%;	margin: auto;}
	
	nav#menu ul.sub-menu{position: relative; max-height:none!important;left: 0; top:-30px; transition:none!important; overflow:visible; visibility:visible;} 
	
	nav#menu li.menu-item-has-children > a{font-size:0;}
	nav#menu li.menu-item-has-children{ padding:0; margin-bottom:-40px;}
	nav#menu ul.sub-menu > li{padding:8px 0;
    display: block; width:100%;}
nav#menu li >  ul.sub-menu > li{width:100%;}

	.label-toggle{display:block;}
	#menu-toggle:checked~nav#menu{left:0;}	
	#menu-toggle:checked ~ .label-toggle > .line:nth-child(2){
opacity: 0;
}
#menu-toggle:checked ~ .label-toggle > .line:nth-child(1){
-webkit-transform: translateY(10px) rotate(45deg);
-ms-transform: translateY(10px) rotate(45deg);
-o-transform: translateY(10px) rotate(45deg);
transform: translateY(10px) rotate(45deg);
}
#menu-toggle:checked ~ .label-toggle > .line:nth-child(3){
-webkit-transform: translateY(-13px) rotate(-45deg);
-ms-transform: translateY(-13px) rotate(-45deg);
-o-transform: translateY(-13px) rotate(-45deg);
transform: translateY(-13px) rotate(-45deg);
}
	.over-box{height:115%;}
	.larger-box{height:130%}
	
	
	.target{align-items: flex-end;}
	

	.elementor-icon-box-title {font-size: 24px!important;}
}

@keyframes white{
	0%{
		
	}
	
	100%{
		color:#fff;
	}
}

@media screen and (max-height:700px) and (min-width:845px){
#above-fold > .elementor-container{min-height:700px!important;}
}

@media screen and (max-width:840px) and (min-width:767px){
.boost {background-position:290px 0!important;}
}

@media screen and (max-width:767px){
	.bird{position:relative!important;}
	#particles-js {position: relative; width: 100%!important;}
	#particles-js canvas{width: auto!important;}
	.homeHead *{color:#fff!important;}
	a.elementor-button-link{font-size:18px!important;}
body.home #above-fold .heading h1{animation:white 1s forwards; animation-delay:1.5s; animation-iteration-count: 1;}
body.home #above-fold .sub-heading p{animation:white 1s forwards; animation-delay:1.5s; animation-iteration-count: 1;}
	
	.recent-posts{display:block; width:100%;}
	.recent-posts > div{padding:15px!important;}

	
	.elementor-column-gap-wider>.elementor-row>.elementor-column:first-of-type>.elementor-element-populated, .elementor-column-gap-wider>.elementor-row>.elementor-column:last-of-type>.elementor-element-populated{padding:0px !important;}
	#above-fold .heading h1{font-size:44px;}
#above-fold .sub-heading p{font-size:18px;}
	
	.step-2:before, .step-3:before{width: 0;   height: 50%;   border-left: dotted 4px #aaa;   top:-90%;  left:0;}
	
	.monitor > div{position:relative!important; top:0px;}
	#footer ul, #footer ul.sub-menu>li{font-size:16px;}
	#footer ul a{padding: 7px 0; display: block;}
	#footer .container{display:block;}
	#footer .container > div:first-of-type,  #footer .container > div:nth-of-type(2){display:inline-block; width:49%; vertical-align:top;}
	#footer .container .wpforms-widget{margin:50px 0 0;}
	
	/*.elementor-inline-items{display:block!important; margin:auto!important;}
	.elementor-inline-items > li{width:80%!important;display: block!important; margin-left:auto!important; margin-right:auto!important;}*/
	.three-points ul, .five-points ul{display:block!important;}
	.three-points li.elementor-icon-list-item, .five-points li.elementor-icon-list-item{display: flex!important;
    align-items: center;
    justify-content: center!important;
    align-content: center;
    align-self: center;}
	
	.over-box{position:relative!important; min-width: 0!important; left:0; }
	
	.logos .gallery, .ads .gallery{text-align:center;}
	.logos .gallery-item, .ads .gallery-item{width:90%!important; padding:20px; height:auto; margin:20px auto!important; float:none!important; max-width:none!important;}
	.logos  img, .ads img{width:100%!important; height:auto; position:relative!important;}
	
	body.single-post #container, body.blog #container{display:block;}
	#sidebar{display:none;}
	.print-gallery{ column-count:1;}
h3.elementor-size-large{font-size:28px!important;}
		.elementor-icon-box-title {font-size: 20px!important;}

}

@media screen and (max-width:550px){
.apple > div{background-size:33% auto !important}
}

@media screen and (max-width:430px){
	.three-points span.elementor-icon-list-icon, .three-points ul > li span{display:inline-block; vertical-align:top;}
	
	#footer .container > div:first-of-type,  #footer .container > div:nth-of-type(2){display:block; width:100%; text-align:center;}
	#footer .container > div:nth-of-type(2){margin:50px 0 0;}
}
.entry-content ol > li:not(:last-of-type){margin:auto 0 10px;}

.clients .elementor-accordion > div:first-of-type{display:none!important;}
.clients .elementor-accordion > div:nth-of-type(2){border-top: 1px solid #d4d4d4!important;}
.clients .elementor-tab-title{text-align:left!important;}
.clients .elementor-tab-title > *{display:inline-block!important; vertical-align:middle;}
.clients ul{column-count:2; list-style:none;} .clients ul li{margin:auto 0 3px;}