/*
Custom Responsive Style
*/
@media only screen and (min-width: 1024px) and (max-width: 1600px){
	
}

@media only screen and (max-width: 1310px) {
	/**********************
* MOBILE NAVIGATION******/
	//.nav-float-right
	.inside-header .main-navigation{float:right}
	.main-navigation:not(.slideout-navigation) .inside-navigation{padding:0}
	.main-navigation li {
  //  border-bottom: 1px solid #777;
    padding: 0px;}
	.main-navigation ul ul { box-shadow:none;
    width: 340px;
   // padding: 0px;
    top: 44px !important;
    border-top: 0;}
	/*.main-navigation.toggled .main-nav > ul { background-color: #fff;}*/
	/*#mobile-header {background:#fff}*/
/* 	.both-sticky-menu .main-navigation:not(#mobile-header).toggled .main-nav > ul{ width:320px; top:60px; left:auto;background-color:#faaf1c	}
	.both-sticky-menu .main-navigation:not(#mobile-header).toggled .main-nav > ul::before{
	content:'';
    position: absolute;
    top: -15px;
    right: 65px;    
	width: 0;
    height: 0;	
    border-bottom: solid 15px #faaf1c;
    border-left: solid 15px transparent;
    border-right: solid 15px transparent;
	} */
	.menu-toggle::before{color:#1d1d1e}
	
	.menu-toggle{font-size:28px}
	.nav-search {     right: 10%;float: right !important;position: absolute;top:15px;}
	.nav-float-right .inside-header .main-navigation{}
	
}

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

/*************************************************
 * HEADER STYLES
 *************************************************/
	.site-logo{float:left !important; margin-right:0}
	.nav-search{display:none}
	.inside-header { padding: 20px 20px;}
/**********************
 * MOBILE NAVIGATION******/
	.inside-header > :not(:last-child):not(.main-navigation) { margin-bottom: 0px;}
	.nav-float-right .inside-header .main-navigation{float:right}
	
	.main-navigation:not(.slideout-navigation) .inside-navigation{padding:0}
	
	.main-navigation li {
    border-bottom: 1px solid #777;
    padding: 10px;}
	.main-navigation ul ul { box-shadow:none;
    width: auto;
    padding: 0px;
    top: 5px !important;
    border-top: 0; margin-top:10px}
	
	.sub-menu .child-item{border-bottom:0 !important; padding-left:10px !important;}
.sub-menu .special-child-item{border-top:1px solid #1d1d1e;}
.sub-menu .child-item a{ font-weight:400 !important}
.sub-menu .child-item a:hover{ font-weight:500 !important}
.sub-menu:before{
    content:'';
    position: absolute;
    top: -15px;
    left: 65px;    
    width: 0;
    height: 0;  
    border-bottom: solid 15px #fcaf17;
    border-left: solid 15px transparent;
    border-right: solid 15px transparent;
}
	
	.menu-toggle::before{color:#1d1d1e}
	
	.menu-toggle{font-size:28px}
	/*button.menu-toggle:active, button.menu-toggle:focus, button.menu-toggle:hover { background-color: #1d1d1e;}*/
	
	.slideout-navigation.do-overlay .inside-navigation{padding:0; padding-top:10%; background:#fff}
	.slideout-navigation.do-overlay .inside-navigation .main-nav{min-width:100%}
	#generate-slideout-menu.do-overlay .slideout-menu li{text-align:left}

/*************************************************
 * GLOBAL STYLES
 *************************************************/
	h1,h2,h3,h4,h5,h6{font-family:'SharpGrotesk',sans-serif; }
h1{font-size:2rem}
h2{font-size:2.8rem}
h3{font-size:2.5rem; }
h4{font-size:2.2rem}
h5{font-size:1.8rem}
h5{font-size:1.2rem}

.title125{font-family:'SharpGrotesk', sans-serif; font-size:60px;font-weight:600; line-height:1em; }
.title100{font-family:'SharpGrotesk', sans-serif; font-size:50px;font-weight:600; line-height:1em; }
.title90{font-family:'SharpGrotesk', sans-serif; font-size:44px;font-weight:600; line-height:1em; }
.title80{font-family:'SharpGrotesk', sans-serif; font-size:40px;font-weight:600; line-height:1em; }
.title75{font-family:'SharpGrotesk', sans-serif; font-size:36px;font-weight:600; line-height:1em; }
.title70{font-family:'SharpGrotesk', sans-serif; font-size:32px;font-weight:600; line-height:1em; }
.title65{font-family:'SharpGrotesk', sans-serif; font-size:60px;font-weight:600; line-height:1em; }
.title60{font-family:'SharpGrotesk', sans-serif; font-size:30px;font-weight:600; line-height:1em; }
.title55{font-family:'SharpGrotesk', sans-serif; font-size:28px;font-weight:500; line-height:1em; }
.title50{font-family:'SharpGrotesk', sans-serif; font-size:25px;font-weight:500; line-height:1em; }
.title40{font-family:'SharpGrotesk', sans-serif; font-size:22px;font-weight:600; line-height:1em; }
.title30{font-family:'SharpGrotesk', sans-serif; font-size:20px;font-weight:500; line-height:1em; }
.title25{font-family:'SharpGrotesk', sans-serif; font-size:18px;font-weight:500; line-height:1em; }
.title20{font-family:'SharpGrotesk', sans-serif; font-size:16px;font-weight:500; line-height:1em; }

.title-light{font-weight:400 !important}

.lineheight90{line-height:45px !important}
.lineheight80{line-height:40px !important}
.lineheight70{line-height:35px !important}

.text14{font-size:14px; }
.text20{font-size:20px; line-height:32px}
.text22{font-size:22px; line-height:32px}
.text22{font-size:24px; line-height:30px}

.other-stories-tile {font-size: 34px;}
	
	
.gap15{height:15px !important} .gap20{height:20px !important} .gap25{height:25px !important} .gap30{height:30px !important}
.gap35{height:35px !important} .gap40{height:40px !important} .gap50{height:50px !important} .gap60{height:60px !important}
.gap70{height:30px !important} .gap80{height:40px !important} .gap90{height:50px !important} .gap100{height:60px !important}
.gap125{height:70px !important} .gap150{height:80px !important}

	.home-section { margin-top: 75px;}
	.social-links, .custom-footer-menu{display:none}	

/*************************************************
 * BODY STYLES
 *************************************************/
	.site-content {   padding-top: 110px !important;}
	/*************************************************
 SLIDER STYLES
 *************************************************/
/***HOME SLIDER**/
.slide-title{background-color:#fcaf17; font-family:'SharpGrotesk',sans-serif; color:#000; font-size: 36px; line-height:1.2em !important; font-weight: 400 !important; /*padding:18px 18px 80px 18px*/ padding:20px; /*min-height:180px;*/ display:block; width:100%; margin-top:5px !important}
.slide-title strong{font-weight:600 !important}
.career-slide{padding-bottom:55px}
.slide-title-box{display:block; width: 480px !important; min-height:180px !important;}
	

	.grid-container{padding-left:20px; padding-right:20px}
/** * COMMON FOR PAGES******/
.home-divider{margin-top:25px; margin-bottom:30px;}
.annual-report-intro{font-size:28px;font-weight:600; line-height:1.4em; padding-top:20px}
.annual-report-btn a{background:#fcaf17; color:#1d1d1e; font-family:'SharpGrotesk', sans-serif; font-size:1.2rem; padding:0.1em 1.2em; display:inline-block; margin-right:1em; font-weight:600}
/*****************
 * COMMON FOR PAGES******/
.btn-orange a{font-size:1.4rem; padding:0.1em 1.2em; display:inline-block; margin-bottom:0.5em; font-weight:600;}
.btn-orange .fas{font-size:0.9em}
.btn-black a{font-size:1.4rem; padding:0.1em 0.5em; display:inline-block; margin-bottom:0.5em; font-weight:400}
.category-search{max-width: 100%;}
.category-search input[type=text]{min-width:200px;}
.category-search button{font-size: 1.6rem;}


	
/*****************
* WHAT WE DO PAGE******/
.jrd-bg{background-position:center bottom !important; background-size:100% !important;   background-repeat:no-repeat;; padding:20px 0 150px 0}

/*************************************************
 * POST PAGE STYLES
 *************************************************/
/*****************
 * COMMON FOR POST PAGE******/
.post-entry{margin-left:0px}
.entry-title{font-size: 2rem;font-weight: 600;}


/*************************************************
 * FOOTER STYLES
 *************************************************/
	
/***TEMP NEWSLETTER**/
.tnp-subscription{margin:25px 0 !important; text-align:left !important; border-top:1px solid #666; padding-top:10px}
.tnp-subscription label{display:block !important}
.tnp-subscription input[type="text"], .tnp-subscription input[type="email"], .tnp-subscription input[type="submit"]{
	height:auto !important; padding:4px 10px !important; display:inline-block !important; width:auto !important;
}
.tnp-email{min-width:240px; font-style:italic}
.tnp-field-button{float:none; margin-top:5px}
/****SOCIAL LINKS****/
.social-links-mobile{display:block;  }
.social-links-mobile a{padding:10px;color:#efefef; display:inline-block; font-size:1.8rem; text-align:center}
.pfi-footer-details { border-bottom: 0; padding-bottom: 50px; margin-bottom: 0px;}
}

@media only screen and (max-width: 475px) {
	.site-logo {width:132px; max-width: 100%; }
	.nav-float-right .inside-header .main-navigation {    margin-top: 10px;}
	button.menu-toggle {
    background-color: #fff;
		width: auto;}
	.category-search input[type="text"] {font-size:18px}
	.tags-links::before{margin-right: 0;width: 0;}
	.tags-links a {font-size:14px; white-space:nowrap}
	.category-search button { width: 25px;	height: 36px;}
}