/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* show/hide on mobile device */

/*for other screen than phone (ipad + desktop)*/
@media only screen and (min-width: 749px) {
 .show-on-mobile{ display:none !important; height:0px !important; width:0px !important; }
 .hide-on-mobile{ visibility:visible !important; }
}

/*for phone only*/
@media only screen and (max-width: 748px) {
	.show-on-mobile{ visibility:visible !important;}
	.hide-on-mobile{  display:none !important; height:0px !important; width:0px !important; }

.elementor-1015 .elementor-element.elementor-element-13317f14 {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px 0px 0px 0px;
    z-index: 100 !important;}
	
	.elementor-column-wrap.elementor-element-populated {
    z-index: 100;
}
}

/*for ipad only*/
@media only screen and (min-width: 749px) and (max-width: 990px) {
}

/*for phone + ipad only*/
@media only screen and (max-width: 990px) {
   .show-on-desktop{ display:none !important; height:0px !important; width:0px !important; }
   .hide-on-desktop{ visibility:visible !important; }
}
/*for desktop only*/
@media only screen and (min-width: 991px) {
	.show-on-desktop{ visibility:visible !important;}
	.hide-on-desktop{  display:none !important; height:0px !important; width:0px !important; }
}

/*end show/hide on mobile device */


/* default logo max height */
#masthead > .inside-header > .site-logo img { max-height:70px !important; }
.inside-header {padding-top:10px!important;}
@media (max-width: 768px) { .site-logo { max-width:60% !important } }
/* end default logo max height */
/* set menu height */
nav#sticky-navigation.main-navigation .navigation-logo img { height: 100px !important; }
nav#sticky-navigation.main-navigation .main-nav > ul > li > a { line-height: 100px !important; } 
/* end set menu height */

.main-navigation a, .menu-toggle, .site-description {
    text-transform: none;
    font-size: 14px;
    font-family: 'gotham-book';
	text-transform: uppercase;
	padding-top:10px;
	padding-right:20px!important;
	padding-left:10px!important;
}
.menu-item-has-children .dropdown-menu-toggle {	padding-right:0px!important;}
.main-navigation ul ul, .secondary-navigation ul ul.sub-menu {
    width: 230px !important;
	
}
.sub-menu { font-size: 14px;}


/* title */
.ipim-big-title-dark,
.ipim-big-title-dark .elementor-heading-title {
	font-family: "gotham-light", Sans-serif !important;
    font-size: 36px !important; 
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.4px !important;
	color: #1c3660 !important;
}

.ipim-medium-title-dark,
.ipim-medium-title-dark .elementor-heading-title {
	color: #1c3660 !important;
    font-family: "gotham-medium", Sans-serif !important;
    font-size: 20px !important;
    font-weight: normal !important;
    text-transform: uppercase !important;
    letter-spacing: 0px !important;
}
/* end title */

/* paragraph */
.ipim-paragraph-dark {
	color: #4c4c4c !important;
    font-family: "gotham-book", Sans-serif !important;
    font-size: 17px !important;
    font-weight: normal;
    line-height: 1.5em !important;
	text-align: justify !important;
}
/* end paragraph */

/* icon list and bullet */
.iconlist .elementor-icon-list-icon {
	width: 0 !important;
	padding-right: 10px !important;
}
.iconlist .elementor-icon-list-icon i {
	color: #80ba27 !important;
    font-size: 27px !important;
	vertical-align: middle !important;
}

.iconlist .elementor-icon-list-text  {	
    color: #4c4c4c !important;
	font-family: "gotham-book", Sans-serif !important;
    font-size: 17px !important;
    line-height: 1.5em !important;
	padding-left: 15px !important;
}
/* end icon list and bullet */

/* olc-svg-image */
.olc-svg-image img , img.olc-svg-image { width:100% !important;}
/* end olc-svg-image */

/* mobile submenu fix */
nav.toggled ul ul.sub-menu { max-width: 100%;}
@media only screen and (max-width: 990px) {
   .main-navigation .main-nav ul li a, 
   .main-navigation .mobile-bar-items a, 
   .menu-toggle { line-height: 30px !important; }
}
/* end mobile submenu fix */

@media (max-width: 768px) {
	.fluid-header .inside-header { text-align: inherit; }
	.inside-header { padding-left: 20px !important; }
	.main-navigation .menu-toggle {
       display: block;
	   text-align: right;
	   margin-top: -70px;
   }
}

/* olc-submenu-small css set 100% width */
.olc-submenu-small ul { max-width:100%; }
/* end olc-submenu-small css set 100% width */

/* theme default css fix */
html, body { overflow-x:unset !important; }
.separate-containers .site-main { margin-bottom: 0px !important; }
.separate-containers .inside-article{ padding-bottom: 0px !important; }

.iconhome a{
    font-size: 20px;
}

/* style sticky header */
.sticky-menu-logo .navigation-stick:not(#sticky-placeholder) .navigation-logo { margin: 0px !important; }
.sticky-menu-logo .navigation-stick:not(#sticky-placeholder) .navigation-logo a { padding: 0 0 0 0 !important; }
nav#sticky-navigation.main-navigation .navigation-logo img { max-height: 70px !important; padding:0px !important; }
nav#sticky-navigation.main-navigation .main-nav > ul > li > a { line-height: 60px !important; }
nav#sticky-navigation.main-navigation .inside-navigation{ padding:10px 40px !important; }
/* end style sticky header */


/*MENU CHANGE ON SCROLL*/
@media only screen and (min-width: 991px) {

body {
  padding:0;
  margin:0;
  height:100vh;
}
body #navelementor {
  padding: 10px 40px;
  position:fixed;
  width:100%;
  transition: 0.2s ease all;
   z-index: 9999 !important;
}
body #navelementor .logocolor {
	display:none !important;
}
body #navelementor .elementor-nav-menu--main .elementor-item{
    transition: all 0s; 
	color:#ffffff;
}
body #navelementor .elementor-nav-menu--main .elementor-item.elementor-item-active{
font-family:'gotham-medium' !important;
color:#ffffff !important;
}
body #navelementor .elementor-nav-menu--main .elementor-item:hover{
	color:#80ba27 !important;
	cursor: pointer !important;
}
body.scrolled #navelementor {
  padding: 10px 40px 5px 40px;
}
body.scrolled #navelementor {  
  background-color: white;
  border-bottom: solid 1px #eeeeee;
}
body.scrolled #navelementor .elementor-nav-menu--main .elementor-item{
	color:#222222;
}
body.scrolled #navelementor .logowhite {
	display:none;
}
body.scrolled #navelementor .logocolor {
	display:block !important;
}
body.scrolled #navelementor .elementor-nav-menu--main .elementor-item.elementor-item-active{
font-family:'gotham-medium' !important;
color: #666666 !important;
}
#navelementor .elementor-widget:not(:last-child) {
    margin-bottom: 0px !important;
}
}
/* elementor nav menu disable mobile menu */
.no-mobile-menu nav { display: block !important; }
.no-mobile-menu .elementor-menu-toggle { display: none; }
.no-mobile-menu .elementor-nav-menu--layout-horizontal .elementor-nav-menu { display: none; }
/* end elementor nav menu disable mobile menu */

@media (max-width:1500px) {
   .elementor-nav-menu--main .elementor-nav-menu a,
   .elementor-nav-menu--main .elementor-nav-menu a.highlighted,
   .elementor-nav-menu--main .elementor-nav-menu a:focus,
   .elementor-nav-menu--main .elementor-nav-menu a:hover {
       padding: 13px 1vw !important;
   }
}
/* disable close button for disc.popups*/
#popmake-3092 button.pum-close{ display:none; }

/* LOGO */

	svg#logo .st0{fill:#1D3661 !important;}
	svg#logo .st1{fill:#7A7C81 !important;}
	svg#logo .st2{fill:#E7F1D0 !important;}
	svg#logo .st3{fill:#D1E4A1 !important;}
	svg#logo .st4{fill:#80BA27 !important;}
	svg#logo .st5{fill:#ADD361 !important;}

@media only screen and (min-width: 991px) {
    body:not(.scrolled) svg#logo .st0{fill:#ffffff !important;}
	body:not(.scrolled) svg#logo .st1{fill:#ffffff !important;}
	body:not(.scrolled) svg#logo .st2{fill:#ffffff !important;}
	body:not(.scrolled) svg#logo .st3{fill:#ffffff !important;}
	body:not(.scrolled) svg#logo .st4{fill:#ffffff !important;}
	body:not(.scrolled) svg#logo .st5{fill:#ffffff !important;}
}
@media only screen and (max-width: 990px) {
	svg#logo .st0{fill:#ffffff !important;}
	svg#logo .st1{fill:#ffffff !important;}
	svg#logo .st2{fill:#ffffff !important;}
	svg#logo .st3{fill:#ffffff !important;}
	svg#logo .st4{fill:#ffffff !important;}
	svg#logo .st5{fill:#ffffff !important;}
}
.logo-container{
	max-width: 265px !important;
}
/*end of logo*/
/* hide featured image display on home page */
body.home .page-header-image{ display:none !important; }

/* hide linkd in referral link */
.juicer-feed h1.referral{
  display:none !important
}


/* Cookie consent */
.seopress-user-message{
    max-width:  600px !important;
}
.seopress-user-message p{
text-align: left;
color: #4c4c4c;
font-family: "gotham-book", Sans-serif;
font-size: 16px !important;
font-weight: normal;
line-height: 1.6em;
}
.seopress-user-message p strong{
    display:block;
}
.seopress-user-message button{
  font-family: "gotham-medium", Sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2.3px;
  fill: #1c3660;
  color: #1c3660;
  background-color: rgba(255,255,255,0);
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #1c3660;
  border-radius: 3px 3px 3px 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-width: 180px;
  font-weight: 300 !important;
}
.seopress-user-message button#seopress-user-consent-accept{
    border: none;
    background: #1c3660;
    color: white;
    font-weight: 300 !important;
}
.seopress-user-message button:hover{
    cursor: pointer;
    background: #80ba27 !important;
}
.seopress-user-message button#seopress-user-consent-close:hover{
    border-color: transparent;
}
.seopress-user-message p a:hover{
    color: #80BA27;
    text-decoration: none;
}
@media screen and (min-width: 768px) {
.seopress-user-message button#seopress-user-consent-accept{
    margin-bottom: 10px;
}
.seopress-user-message{
    margin-bottom: 3%;
}
}
@media screen and (max-width: 767px) {
.seopress-user-message p{
   margin-left: 20px !important;
    margin-bottom: 20px !important;
}
.seopress-user-message button{
    margin-bottom: 10px !important;
    min-width: auto;    
}
}


section .elementor-widget-wrap {
    display:flex;
}
