/******************************************************************
Theme Name: Simpsons Creative Grid
Description: A responsive theme for WordPress, developed by Simpsons Creative, allowing for quick and fluid development of responsive websites - through the use of a dynamic grid system.
Author: Harry Kitchener
Version: 1.0
Tags: fluid-layout, responsive-layout, accessibility-ready, translation-ready, microformats, rtl-language-support
******************************************************************/

/*==================== Standards ====================*/
	/* 'Standards' contains all of the code that you're likely to change - font sizes, colors, buttons, etc */

	body { background:none;}
	.right {float:right;}
	#content, .header, .footer { max-width:100%; margin:0 auto; }

	/*Text*/
		* { font-family: Arial, Helvetica, sans-serif; }
		h1, h2, h3, h4, h5, h6, p {margin: 0 0 3px 0; color: #000;}
		h1{font-size: 30px;}
		h2{font-size: 20px; color:#1d317e;}
		h3{font-size: 18px; color:#1d317e;}
		h4{font-size: 22px;}
		h5{font-size: 18px;}
		h6{font-size: 16px;}
		p {font-size: 14px;}
		a{color: #00A5DD; text-decoration: none;}
		a:hover{text-decoration: underline; color :#00A5DD;}
		a:visited {color: #0095C7;}


		.entry-content li {font-size: 14px; margin-bottom:20px;}
		.entry-content li li{ margin-bottom:5px;}

		.entry-content table { }
		.entry-content table tr:nth-of-type(2n)    { background-color:#006fb2; color:white;  } /*even rows*/
		.entry-content table tr td     { width:50%;}
		.entry-content table tr td:nth-child(2), .entry-content table tr td:nth-child(3)    {  width:25%;  }

	/*Buttons*/
		/* Change however you need. Probably best to just change colors to match current site. */
		/* Color important temporary solution - find alternative */
		.button{padding: 10px; text-decoration: none; color: #fff; background-color: #00A5DD; border-radius: 4px;}
		.button:hover{background-color: #0095C7; text-decoration: none; color: #fff;}
 		.button:visited{color: #fff;}
 		.button:visited:hover{color: #fff;}

	/*Responsive Navigation*/

	.slicknav_icon-bar {color:#0072af!important;}
		/*BG color*/
			body .slicknav_menu{background: #2371b0;}
		/*Border Color*/
		.slicknav_btn {background-color:white!important; }
		.slicknav_menu .slicknav_menutxt {color:#2371b0!important; text-shadow:none!important;}
			.slicknav_menu  ul li a{border: 1px solid #fff;}
		/*Text Color*/
			.slicknav_nav li a{color: #2371b0; background-color:white; margin-bottom:5px;}
			.slicknav_nav li a:hover{color: #666;}
		/*Sub Menu Arrow*/
			.slicknav_arrow{color: #000;}
			.slicknav_arrow:hover{color: #666;}

/*==================== Header ====================*/
.header { background:none;   }
.headerTop { /*display:none;*/}
.headerRight {float:right;  }

#parallax_4_posttitle, .adamrob_parallax_posttitle {display:none;}

	.fullWcont { width:100%; height:540px; position:relative; overflow:hidden; border-bottom:#00ade7 solid 8px;}
	img#overlay { position:absolute; top:0px; width:100%; min-width:600px; right:0px; height:540px; z-index:1;}

	.fullWcopyCont {position:absolute; z-index:2; top:0px; width:100%; }
	.tenfourty { width:100%; max-width:1040px; margin:0 auto; color:#F00;   }

	.bannerCopy { float:left; margin-top:60px; margin-left:10px;}
	.bannerCopy h1, .bannerCopy p { color:white;}
	  .bannerCopy p { margin-bottom:20px;}
	  .subheading { text-transform:uppercase; font-size:17px;}

	.fiHeader {width:100%; background-color:#000; max-height:350px; overflow:hidden;}
	img.featuredImageHeader {width:100%; margin:0 auto; padding:0px;     display: block;
}

		/*==================== NAVIGATION ====================*/
		.nav { position:absolute; z-index:99; top:68px; }
		body.admin-bar .nav { top:85px; }
		.nav ul { background:none; position:absolute; left:44px;}
		.nav ul li a { background-color:#2371b0; font-size:12px; text-transform:uppercase; }
		.nav ul#menu-main-menu > li > a { margin-right:6px; padding:3px 9px; }
		.nav ul.sub-menu { position:absolute; top:0px; left:0px; z-index:99; background-color:#2371b0;border-top:#FFF solid 4px!important; }
		.nav li ul.sub-menu li a { width:240px; margin:0px 12px; padding:6px 6px;  }
		.nav li ul.sub-menu li:first-child a { width:250px; }

/*==================== Body ====================*/
	#inner-content {padding-bottom:0px; float: none;}
			/*==================== Page title ====================*/
			.heading { text-align:center; background-color:#071420; text-transform:uppercase; padding:20px 10px;  }
			.heading h1 { color:white; font-size:22px;}
			.heading p { color:white; margin-top:4px;}


			#inner-content table {position: relative; width: auto; display:block}

/*==================== Footer ====================*/

.largeFooter {background-color:#000000; width:100%; clear:both; display:block;}
.tenf { max-width:1040px; margin:0 auto; min-height:300px; overflow: auto;  background-image: url("library/images/footerGrade.jpg"); padding-bottom:20px;
}
 .formHeading { color:white; text-transform:uppercase; margin-top:20px; font-size:26px;}

.form {float:left; }
.form input,.form input:focus, .form textarea, .form textarea:focus { width:100%; background-color: rgba(250, 250, 250, 0.5); color:#FFF; border:none;}

.form .wpcf7-submit { margin-top:10px; background:none; border:#FFF solid 1px;}
.form label { color:white;}

.footerIcon { padding:0% 7%;  }
.footerIcon img { width:100%;  }
.footerIcon p { width:100%;   text-align:center; color:white;}

.footerBG { background-color:#255698;}
.footer {background:none;}
.socialIconsFooter {width:230px; margin:0 auto; float:none;}
.socialIconsFooter img.socialIcon { margin:5px;}

/*==================== Generic / General Elements ====================*/
	a.readMore, a.readMore:active, a.readMore:focus { background-color:#00ade7; color:white; padding:6px 10px; font-weight:bold; }

.bar { width:50%; height:6px; background-color:#00ade7; margin-bottom:20px;}


		/* services */
		.services{ width:100%; clear:both; margin:20px 0px;}
			.service { width:20%; float:left; text-align:center; padding-right:2%; padding-left:2%; margin-bottom:20px; }
				.service img { width:100%; padding: 0px 10px; margin:0px;}
				.service p.title {color:#0072ae; font-size:15px; text-transform:uppercase; font-weight:bold;}
				.service p.description { font-size:12px;}
				.service a.readMore { border:#1d317e solid 1px; color:#1d317e; background-color:white; font-weight:normal; font-size:12px;}



		/*News - latest grid*/
		p.newsHeading { text-align:center; text-transform:uppercase; color:#0072af; font-weight:bold; font-size:16px; margin:30px 10px 20px  10px; }
		div.newsItem { padding:0px 20px; margin-bottom:40px;}
		div.newsItem img {width:100%; padding:0px; margin:0px;}
		div.newsItem p.newsHeading { text-align:left;  font-weight:bold; font-size:14px; margin:0px 10px; }
		div.newsItem p.desc {margin:0px 10px 10px 10px; font-size:12px;}
						.newsItem a.readMore { border:#1d317e solid 1px; color:#1d317e; background-color:white; font-weight:normal; font-size:12px; margin:10px; }



#parallax_container85 {/*margin-top:300px;*/ display:block; clear:both;  }


/*2019 Parallax Fixes*/
.adamrob_pcontainer tr { border: none; }
.adamrob_parallax_fullwidth { position: static !important; }
p:empty { display: none; }
.clear {clear: both; width: 100%; display: block; height: 0px;}




/* 2022 - Case Studies - Subscribe to Download */

	/* Ninja Forms */
	.nf-before-form-content { display: none; }
	.ninja-forms-req-symbol { display: none; }

	.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content .ninja-forms-field { font-size: 16px; margin: 0; padding: 12px; }
	.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea { background: #fff; border: 1px solid #BFC4CE; border-radius: 0; box-shadow: none; color: #BFC4CE; transition: all .5s; }
    .nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] { background-color: #255698; color: #fff; font-size: 16px; font-weight: 500; width: fit-content; min-width: 210px; padding: 15px 20px; border: 1px solid #255698; border-radius: 3px; transition: all .5s; }
    .nf-form-content button:hover, .nf-form-content input[type=button]:hover, .nf-form-content input[type=submit]:hover { background: transparent; color: #255698; transition: all .5s; }


    /* Case Studies Ninja Form */
    #nf-form-2-cont #nf-field-10-wrap { flex-wrap: nowrap; }
    #nf-form-2-cont #nf-field-10-wrap .nf-field-label { display: none; }
    #nf-form-2-cont #nf-field-10-wrap .nf-field-element { width: auto; }
	#nf-form-2-cont #nf-field-10-wrap .nf-field-description { width: auto; padding-left: 10px; }





/*==================== Media Queries ====================*/
	/*Tablet*/
	@media (max-width: 1029px)
	{
		/*Navigation */
		.nav { position:absolute; z-index:99; top:60px; }
		.nav ul { left:10px;}

		.service { width:33%;}
		#parallax_container59 {display:none;}
	}

	/**/
	@media (max-width: 876px)
	{
		/*Navigation */
		.nav ul li a {   font-size:10px;  }
	}

	/*Mobile*/
	@media (max-width: 767px)
	{
		.bannerCopy { margin:0 auto; float:none; padding:30px 0px; }
		.tenfourty { background-color: rgba(35, 113, 176, 0.9); height:420px; }
		.fullWcont { height:420px;  overflow:hidden; }
		#overlay {display:none;}
		.bannerCopy h1 { font-size:28px;}
		.bannerCopy .subheading {  font-size:14px;}
		.heading h1 {  font-size:18px;}
		.heading p { font-size:14px;}
		.service { width:50%;}

		/*Footer*/
		.footerIcon { padding:0% 20%;  }
	}

	@media (max-width: 600px)
	{
		/* Case Studies */
		.page-id-19 .wp-block-column.image { order: 2; margin-top: 3em; }
		.page-id-19 .wp-block-column.image .wp-block-image { text-align: center; }
		.page-id-19 #main .wp-block-column.image .wp-block-image img { max-width: 300px; }
	}

	/*Small Mobile*/
	@media (max-width: 480px)
	{
		.bannerCopy {  padding:30px 20px; }
							.service { width:100%;}

	}