/*
Theme Name: iap
Author: Kate Honey
Version: 1.06a
Description: Wordpress Custom Theme
*/

html {font-family: 'Roboto', sans-serif; background-color:white; padding:0; font-size: 14px;}

.site_outer {background-color:white; overflow:hidden;}
.site_inner {margin:0 auto; width:1400px; position:relative;}
.clearfix {clear:both;}
#dimensions {display:none; font-size:16px; position:absolute; top:0; left:0;}

a {color:#395691; text-decoration:none;}
a:hover {color:#e33f45; text-decoration:none; font-weight:500;}

#left_contpage {float:left; width:68.5%; background-color:white; margin: -10px -1% 0 -1%;}
#left_contpage img {width:22%; margin:24px 30px 28px 40px; border: none; float:right;}
#right_contpage {float:right; width:29.5%; background-color:none; margin:50px 0 0 0;}
#right_contpage img {width:100%; margin:0 0 10px 0;}


/*** iap menu ***/

#searchsubmit {font-weight:500; color:white; background-color:#395691; font-size:13px; padding:6px 6px 21px 6px;}
#searchform input {border-radius:5px; height:26px; border-color:#395691; margin:1px 0 0 -5px;}
#searchblock {padding: 2px 30px 0 0;}

#menubar {margin-bottom:32px;}
.menu li a:hover, #cssmenu ul li:hover > ul {background-color:#1b8cb6; text-decoration:none; color:white;}
.menu .current_page_item a, #cssmenu ul ul .current_page_item a, .current-menu-item.active a {background-color:#f1e9e7; color:#395691;}
.menu {display: table; width: 100%; padding:0; margin:0;} 
.menu > li {display: table-cell;}
.menu > li > a, #cssmenu ul ul li a {display:block; text-align:center; margin:0; padding:11px 0; background:#999; font-weight:400; font-size:15px; background-color:#c8b3b0; color:white; text-decoration:none; letter-spacing:2px;}
.menu li a:hover, #cssmenu ul li:hover > ul {background-color:#e33f45; text-decoration:none; color:white;}

#cssmenu ul,
#cssmenu li {list-style:none; margin:0; padding:0; border-bottom:1px solid white;}
#cssmenu ul ul {position:absolute; visibility:hidden; z-index:999; overflow:hidden; white-space:nowrap;}
#cssmenu ul ul:hover {background-color:#c8b3b0;}
#cssmenu ul li:hover > ul {visibility:visible; color:white;}
#cssmenu ul ul li {padding: 0; background-color:#c8b3b0; text-align:center;}
#cssmenu ul ul li:hover {background-color:#c8b3b0;}
#cssmenu ul ul li a {background-color:#5a75c0; color:white; padding:11px 20px; text-align:left;}
#cssmenu ul ul li a:hover {background-color:#c8b3b0; color:white;}
#cssmenu ul li:hover > ul {background-color:#c8b3b0; text-decoration:none; color:white;}

.my_extra_menu_class > .menu > li {display:block;}

/*** iap blog page layout ***/

#pageleft-col {float:left; width:20%; margin:0 5% 0 0;}
#pageright-col {float:left; width:75%;}
.newer > a, .older > a {font-size:17px; color:#e33f45 !important;}
.newer {float:left;}
.older {float:right;}

/*** iap blog category menu ***/

#catmenu ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid white;
}

#CatMenu ul,
#CatMenu li {list-style:none; margin:0; padding:0; border-bottom:1px solid white;}
#CatMenu ul ul {position:absolute; visibility:hidden; z-index:999; overflow:hidden; white-space:nowrap;}
#CatMenu ul ul:hover {background-color:#c8b3b0;}
#CatMenu ul li:hover > ul {visibility:visible; color:white;}
#CatMenu ul ul li {padding: 0; background-color:#c8b3b0; text-align:center;}
#CatMenu ul ul li:hover {background-color:#c8b3b0;}
#CatMenu ul ul li a {background-color:#5a75c0; color:white; padding:11px 20px; text-align:left;}
#CatMenu ul ul li a:hover {background-color:#c8b3b0; color:white;}
#CatMenu ul li:hover > ul {background-color:#c8b3b0; text-decoration:none; color:white;}

.cat-item {list-style-type: none;}

/*** iap home page styling ***/

.iaptoplogo {width:410px; margin:8px 0 0 0;}
.iaplogoblock {width:20%; position:relative; padding:0; margin:0 0 30px 0; text-align:left; float:left;}
.iapsmblock {margin:50px 0 0 0; text-align:right; float:right;}

#slide_band {background-color:white;}
#slidewrapper {width:100%; float:left; opacity:0.8;}
#slidewrapper img {width:100%;}

#mid_band {background-color:#e33f45;}
#mid_band_txt {color:white; font-size:32px; font-weight:200; margin:0; text-align:left; padding:8px 0 8px 0;}

#iappicbar {padding:0 0 8px 0; margin:20px 0;}
.iapbarimg {width:100%;}
.left {width:22%; margin:0 2% 50px 0; float:left;}
.mid {width:22%; margin:0 2% 50px; float:left;}
.right {width:22%; margin:0 0 50px 2%; float:left;}
.iapboxtext {font-size:15px; font-weight:500; margin:-4px 0 0 0; padding:10px 0; color:white; text-align:center; letter-spacing:2px;}

.peach {background-color:#f1e9e7;}


/*** iap page styling ***/

#sealpic {width:44%; margin:60px 0 30px 0; float:right;}
#newspic {width:15%; margin:0 20px 20px 0; float:left;}
#eventpic {width:44%; margin:30px 0 30px 0; float:left;}
#sympic {width:44%; margin:30px 0 30px 0; float:left; border:solid grey 1px;}
#sympicb {width:44%; margin:12px 0 30px 0; float:left; border:solid grey 1px;}
.twocol {width:50%; float:left;}
.pageline {height:0; border:2px solid #f1e9e7; margin:30px 0 16px 0;}
#teampic {width:13%; margin:0 0 30px 0; float:right;}
.teamcol {width:80%; float:left;}
.teamtext {color:#395691; font-size:22px; font-weight:400; padding:14px 0 2px 0; margin:0;}
.teamtitle {color:#b89d99; font-size:16px; font-weight:600; padding:20px 0 0 0; margin:0; text-decoration:underline; letter-spacing:2px;}
.teamtitleb {color:#b89d99; font-size:17px; font-weight:600; padding:20px 0 12px 0; margin:0; text-decoration:underline; letter-spacing:2px;}
.iapteambody {color:black; font-size:17px; font-weight:300; padding:8px 60px 8px 0; margin:0; line-height:24px;}
.iapteamindent {color:black; font-size:17px; font-weight:300; padding:0; margin:0 0 2px 30px; line-height:24px;}


/*** iap blog styling ***/

h2 {color:#5a75c0; font-size:16px; font-weight:600; padding:0; margin:20px 0; letter-spacing:3px; text-decoration:underline;}
.iapbloghead {color:#5a75c0; font-size:16px; font-weight:600; padding:0; margin:20px 0; letter-spacing:3px; text-decoration:underline;}
.iapblogsub {color:#b89d99; font-size:20px; font-weight:400; padding:0; margin:36px 0 14px 0; line-height:24px;}
.iapblogbody {color:black; font-size:17px; font-weight:300; padding:0; margin:10px 0; line-height:24px;}
.iapblogsubb {color:black; font-size:19px; font-weight:400; padding:0; margin:36px 0 14px 0; line-height:24px;}
.blogbodyintro {color:black; font-size:17px; font-weight:300; padding:0; margin:10px 0; line-height:24px;}
.iapblogbodyextra {color:#2c2c2c; font-size:16px; font-weight:500; padding:0; margin:0 0 0 30px; line-height:26px;}
.iapblogbodyextratop {color:#2c2c2c; font-size:16px; font-weight:500; padding:0; margin:20px 0 0 0; line-height:26px;}
.iapblogbodyextratopb {color:#2c2c2c; font-size:16px; font-weight:500; padding:0; margin:0; line-height:26px;}

#blog-container {width:90%; margin:0 auto; padding:0px 30px;}
#grid-container {display:grid; grid-gap:20px 5%; grid-template-columns:30% 30% 30%; margin:0;}
#grid-container-blog {display:grid; grid-gap:20px 4%; grid-template-columns:48% 48%; margin:0;}
.size-post-thumbnail {width:100%; height:auto; object-fit: ontain;}
.has-post-thumbnail {padding:0 0 0 28px; border-left:solid 1px #b89d99;}
.size-post-thumbnail {width:56%; height:auto; object-fit:contain; background-color:white; margin:40px 0 30px 0; text-align:left; display:block;}
.grid-item > .size-post-thumbnail {width:25%!important;}
.pagenav {display:none;}
.return {font-size: 15px;}
.nav-previous, .nav-next {font-size:15px;}
.nav-previous{float:left;}
.nav-next{float:right;}
.meta-nav{font-size:15px; color:red;}

/*** iap text styling ***/

.iapintro {color:black; font-size:30px; font-weight:200; padding:62px 0 8px 0; line-height:34px; margin:0;}
.iapintrob {color:black; font-size:20px; font-weight:400; padding:14px 0 14px 0; line-height:26px; margin:0;}
.iapintroc {color:black; font-size:20px; font-weight:400; padding:0 0 36px 0; line-height:26px; margin:0;}

.iapintroblog {color:black; font-size:26px; font-weight:200; padding:50px 0 0 0; line-height:34px; margin:0;}

.iappagemain {color:#e33f45; font-size:25px; font-weight:400; padding:52px 0 28px 0; margin:0;}
.iappagemainb {color:#e33f45; font-size:25px; font-weight:400; padding:52px 0 0 0; margin:0;}
.iappagesub {color:#395691; font-size:17px; font-weight:600; padding:26px 0 18px 0; margin:0;}
.iappagebody {color:black; font-size:19px; font-weight:300; padding:0 0 14px 0; margin:0; line-height:28px;}
.iappagelist {color:black; font-size:19px; font-weight:300; padding:0 0 6px 0; margin:0; line-height:28px;}
.iappagebodyb {color:black; font-size:19px; font-weight:400; padding:0; margin:0; line-height:28px;}
.iappagebodyc {color:black; font-size:19px; font-weight:400; padding:0; margin:0; line-height:25px;}
.iappagebodyd {color:black; font-size:19px; font-weight:400; padding:0; margin:8px 0 0 0; line-height:25px;}
.iappageindent {color:black; font-size:19px; font-weight:300; padding:0; margin:0 0 10px 30px; line-height:24px;}
.iappageindentb {color:black; font-size:19px; font-weight:400; padding:0; margin:4px 0 10px 30px; line-height:24px;}
.iappagetensub {color:#395691; font-size:17px; font-weight:600; padding:24px 0 8px 0; margin:0;}
.iappageprice {color:#395691; font-size:17px; font-weight:600; padding:12px 0 4px 0; margin:0;}
.iappageten {color:black; font-size:19px; font-weight:400; padding:0; margin:0; line-height:25px;}
.iappagefeature {color:#ed8758; font-size:21px; font-weight:500; padding:0; margin:0;}
.iappagefeatureb {color:#ed8758; font-size:21px; font-weight:500; padding:4px 0 12px 0; margin:0;}
.iappagequestion {color:#395691; font-size:19px; font-weight:400; padding:4px 0; margin:0; line-height:28px;}

.iappagemainb a {color:#e33f45; text-decoration:none;}
.iappagemainb a:hover {color:red; text-decoration:none;}

.iap-catlist {color:#e33f45; font-size:20px; font-weight:400; padding:0; margin:0 0 25px 0;}

/*** iap application form styling ***/

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="address"]
.wpcf7 textarea {width:94%; margin:16px 0 14px 0; padding:7px 0;}
.wpcf7 form-sent {border-color:#e33f45; margin:0; padding:10px; font-size:17px;}
.wpcf7 response-output {border-color:#e33f45; margin:0; padding:10px; font-size:17px;}
.appformtitle {font-size:17px; margin:0; padding:0 40px 0 0; color:#395691;}


/*** iap footer ***/

#footer a:hover {color:#e33f45;}
#footer {height:248px; background-color:#f1e9e7; padding:40px 0 0 40px; margin-top:20px;}
.footertext {color:black; font-size:15px; font-weight:300; margin:0; line-height:160%;}
.firstcol {float:left; width:18%; position:relative; border-left:solid white 1px; padding-left:1%;}
.secondcol {float:left; width:20%; position:relative; border-left:solid white 1px; padding-left:1%;}
.thirdcol {float:left; width:41%; position:relative; border-left:solid white 1px; padding-left:1%;}
.fourthcol {float:right; width:10%; position:relative;}
.iapfooterlogo {width:77px; margin:0; padding:0 0 30px 0;}


/*** iap hamburger styling ***/

header {width:100%; height:50px; line-height:50px; text-align:center; display:none;}
.hamburger {background:#c8b3b0; width:100%; line-height:45px; padding:0 0 6px 0; color:white; font-size:2.4em; cursor:pointer; z-index:10000000000000; border:none;}
.cross {background:#c8b3b0; width:100%; color:white; font-size:5.2em; line-height:77px; cursor:pointer; z-index:10000000000000; border:none; padding:0 0 6px 0;}


/*** RESPONSIVENESS ***/

@media screen and (max-width: 1600px) {
.site_inner {margin:0 auto; width:auto; position:relative; padding:0 40px;}
.menu > li > a, #cssmenu ul ul li a {padding:12px 10px;}
.wp-post-image (width:100%!important; height:100%;) 
}

@media screen and (max-width: 1150px) {
.iaplogoblock {width:20%; position:relative; padding:0; margin:0 0 30px 0; text-align:left; float:left;}
}


@media screen and (max-width: 1019px) {
.fourthcol {width:12%;}
}

@media screen and (max-width: 993px) {
#menu {display:none; font-size:14px;}
header {display:inline-block; text-align:center;}
#mid_band_txt {font-size:29px; padding:6px 0 8px 0;}
.menu {display:block; float:none;}
.menu > li {display:block;}
.iapintro {font-size:24px; padding:32px 0 8px 0; line-height:30px;}
.iapintrob {font-size:17px; line-height:22px;}
.iapintroc {font-size:17px; padding:0 0 14px 0; line-height:22px;}
.iapboxtext {font-size:14px; letter-spacing:1px;}
#footer {height:auto;}
.firstcol, .secondcol, .thirdcol, .fourthcol {float:none; width:100%; border: none; padding-left:0;}
#sealpic {width:100%; margin:0 0 20px 0;}
#newspic {width:100%; margin:0 0 20px 0;}
#eventpic {width:100%;}
#sympic {width:100%;}
#sympicb {width:100%;}
.twocol {width:100%;}
	
#pageleft-col {float:none; width:100%;}
#pageright-col {width:100%}
size-post-thumbnail {width:100%;}
	
	
}

@media screen and (max-width: 770px) {
.iaptoplogo {width:440px;}
.iapsmblock {margin:0 0 26px 0; text-align:left; float:left; width:100%;}
#mid_band_txt {font-size:27px; padding:6px 0 8px 0;}
.left, .mid, .right {float:none; margin:40px auto; width:100%;}
.iapboxtext {font-size:18px; margin:-4px 0 0 0; padding:12px 0; letter-spacing:2px;}
#footer {padding:40px 0 0 40px; margin-top:20px;}
.footertext {margin:0 40px 0 0; line-height:160%;}
#teampic {width:100%; margin:0;}
.teamcol {width:100%;}
.iapteambody {padding:8px 0 22px 0;}
#grid-container {display:grid; grid-gap:20px 0; grid-template-columns:100%; margin:30px 0;}
.size-post-thumbnail {width:82%;}
#slidewrapper img {width:160%;}

.nav-previous, .nav-next {font-size:15px;}
.nav-previous{float:left;}
.nav-next{display:block; float:none;}
	
#searchform input {height:27px; margin:1px 0 0 5px;}
}

@media screen and (max-width: 550px) {
.iaptoplogo {width:340px;}
#mid_band_txt {font-size:25px; padding:6px 0 8px 0;}
#grid-container-blog {display:block;}
.wp-post-image (width:100%; height:100%;) 
	
}