/*
Theme Name: Deliver MS 2018
Theme URI: http://dancollinsdesign.com
Description: The 2018 Deliver MS Website
Author: Nicholas Rhodes | Daniel Collins Design
Version: 1
*/


/*CSS Reset*/
html, body, div, span, applet, object, iframe,
p, pre, abbr, acronym, address, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
tt, var, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1, h2, h3{margin: 0; padding: 0; font-weight: normal; font-size: 1em}

h1 {color: #041c72; font-weight: 900; font-size: 2.2em; line-height: 1.3em; margin-bottom: 20px;}
h2 {color: #041c72; font-weight: 900; font-size: 1.7em; line-height: 1.1em; margin-bottom: 10px;}
.news h2 {color: #041c72; font-weight: 900; font-size: 1em; line-height: 1.3em; margin-bottom: 10px;}
h3 {color: #041c72; font-weight: 900; font-size: 1.3em; line-height: 1.3em; margin-bottom: 2px;}
h4 {color: #041c72; font-weight: 900; font-size: 1em; line-height: 1em; margin: 12px 0px 2px 0px;}

img.centered, .aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}

a{color: #6064a7; text-decoration: none}
a:hover {color: #081339; text-decoration: none;}
a:hover, input#searchsubmit:hover{cursor: pointer;}


p{
margin: 0 0 20px 0;
}

ol {
    font-size: 1.25em;
    color: #001c72;
    font-weight: 300;
    line-height: 1.5em;

}

.imageright {
text-align: right;
}

img{max-width: 100%; height: auto}

.clear{clear: both}

input, textarea, select{-webkit-appearance: none; outline: 0}

/*End of Reset*/
html, body{padding: 0; margin: 0;}
body{font-size: 16px; line-height: 1.4em; background-color: #fff; overflow-x: hidden; font-family: "proxima-nova", sans-serif; font-weight: 300}
.wrap{width: 92%; max-width: 1170px; margin: 0 auto; padding: 0 4%; position: relative; clear: both;}

ul.strip{margin: 0; padding: 0; list-style-type: none;}


#hero{position: relative; z-index: 10; border-top: 10px solid #081339; background-color: #fff; width: 100%; z-index: 10; -webkit-box-shadow: -1px 3px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: -1px 3px 5px 0px rgba(0,0,0,0.5);
box-shadow: -1px 3px 5px 0px rgba(0,0,0,0.25);}
.nav-bar{overflow: visible;}
.logo{max-width: 170px; float: left; width: 100%; margin-top: 15px; position: relative; z-index: 11}
#primary-nav{float: right; margin: 90px 0 0px 0;}
#primary-nav li{display: inline-block; margin-right: 18px;}
#primary-nav li:last-child{margin-right: 0}
#primary-nav li a{color: #6064a7; font-size: 1.188em; font-weight: 700; display: block; height: 55px;}

#primary-nav li a{color: #6064a7; font-size: 1.5em; font-weight: 300; display: block; height: 55px;}

#secondary-nav{position: absolute; top: 0; right: 0; z-index: 20; font-size: .8em;}
#secondary-nav li{display: inline-block; margin-right: 18px;}
#secondary-nav li:last-child{margin-right: 0}
#secondary-nav li a{color: #6064a7; font-size: 1.3em; font-weight: 700; display: block; padding: 15px 0}

#primary-nav li a:hover, #secondary-nav li a:hover{color: #041c72}

#primary-nav li.current-menu-item a{color: #041c72}
#secondary-nav li.current-menu-item a{color: #041c72}



#investigator-dashboard{background-color: #081339; -webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;}
li#investigator-dashboard a{color: #fff; padding: 15px 30px}
li#investigator-dashboard span{font-size: 1.25em; margin-right: 20px;}
li#investigator-dashboard a:hover{color: #6064a7}


#investigator-nav{background-color: #6064a7; clear: both; text-align: center;}
#investigator-nav li{display: inline-block}
#investigator-nav li a{color: #fff; font-size: 1.188em; display: inline-block; padding: 30px 20px}
#investigator-nav li a:hover{color: #a3a7e0;}

#investigator-nav li:after{content: '\b7\a0'; font-size: 1.5em; color: #fff;}
#investigator-nav li:last-child:after{content: none}
#investigator-nav li:first-child a{padding-left: 0}
#investigator-nav li:last-child a{padding-right: 0}

#mobile{display: none; z-index: 13; width: 25px; height: 25px; position: absolute; right: 4%; top: 80px; background: transparent url('images/mobile-sprite.png') 0 5px no-repeat;}
#mobile.active{background-position: 0 -72px;}
#mobile-nav{display: none}

@media only screen and (max-width: 1100px){
	#primary-nav li a, #secondary-nav li a, #investigator-nav li a{font-size: 1.25em}
}

@media only screen and (min-width: 961px){
	#primary-nav{display: block !important}
  #mobile-nav{display: none !important}
}

@media only screen and (max-width: 960px){
	#mobile{display: block}
	#primary-nav, #investigator-nav, #secondary-nav li{display: none}
	#secondary-nav li#investigator-dashboard{display: block}
	header{min-height: 145px;}
	#mobile-nav{display: none; position: absolute; top: 0px; padding-top: 100px; width: 100%; z-index: 12; left: 0; background-color: #6064a7;}
	#mobile-nav li{display: block; text-align: center;}
	#mobile-nav li a{color: #fff; font-size: 1.188em; font-weight: 700; display: block; width: 90%; margin: 0 auto; height: 55px;}
	#mobile-nav li a:hover{color: #081339}
	.logo{margin-bottom: 10px;}
}

@media only screen and (max-width: 540px){
	#secondary-nav li#investigator-dashboard{font-size: .875em}
  li#investigator-dashboard a{padding: 10px 15px}
  li#investigator-dashboard span{font-size: 1em; margin-right: 5px;}
}


@media only screen and (max-width: 420px){
	#secondary-nav{width: 100%;}
	#secondary-nav li#investigator-dashboard{font-size: .875em; width: 240px; margin: 0 auto;}
  li#investigator-dashboard a{padding: 10px 15px;}
  li#investigator-dashboard span{font-size: 1em; margin-right: 5px;}
	header .logo{margin-top: 50px;}
	header{height: 180px;}
}


.main-content-wrap{
background: rgb(215,215,236); /* Old browsers */
background: -moz-linear-gradient(top, rgba(215,215,236,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(215,215,236,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(215,215,236,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d7ec', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
padding-top: 75px;
}


section.intro{margin-bottom: 70px;}
section.intro .content{border-radius: 10px; background-color: #6064a7; padding: 100px 120px; text-align: center; line-height: 1.3em; color: #fff; font-size: 3em; font-weight: 100 }

@media only screen and (max-width: 960px){
	section.intro .content{padding: 50px 60px; font-size: 2em;}
}

@media only screen and (max-width: 640px){
	section.intro .content{padding: 40px 40px; font-size: 1.5em;}
}


@media only screen and (max-width: 960px){
	.main-content-wrap{padding-top: 30px;}	
}

section.content{margin-bottom: 70px;}
section.content .content{max-width: 970px; margin: 0 auto}
.home section.content .content{max-width: 770px; margin: 0 auto;}
section.content .content{font-size: 1.25em; color: #001c72; font-weight: 300; line-height: 1.5em;}
section.content .content a{text-decoration: none;}
section.content .read-more{color: #081339; margin: 0 auto; font-weight: 600; font-size: .65em; text-transform: uppercase; width: 170px; padding: 18px 0; text-align: center; display: block; border: 1px solid #6064a7; border-radius: 5px; line-height: 1em }
section.content h1{color: #041c72; font-weight: 900; font-size: 1.75em; line-height: 1.3em; margin-bottom: 20px;}
section.content h2{color: #041c72; font-weight: 900; font-size: 1.25em; line-height: 1.3em; margin-bottom: 10px;}


@media only screen and (max-width: 640px){
	section.content .content{font-size: 1em}
}

#latest-news{background-color: #081339; overflow: hidden; padding: 80px 0;}
#latest-news .news{width: 31%; float: left}
#latest-news .news:nth-child(2){margin: 0 3%}
#latest-news h2 a{color: #fff; font-weight: 900; font-size: 1.5em; line-height: 1.2em}
#latest-news .excerpt{font-size: 1.125em; color: #fff; font-weight: 300; margin: 25px 0 50px 0}
#latest-news .read-more{color: #fff; font-weight: 600; font-size: .813em; text-transform: uppercase; width: 170px; padding: 13px 0; text-align: center; display: block; border: 1px solid #6064a7; border-radius: 5px; }


#latest-news h2 a:hover{color: #888ccd;}

@media only screen and (max-width: 820px){
	#latest-news .news, #latest-news .news:nth-child(2){width: 100%; float: none; margin: 0 0 30px 0;  padding-bottom: 30px; border-bottom: 1px solid #6064a7}
	#latest-news .news:last-child{border: 0; margin-bottom: 0}
}


footer{background: #081339 url('images/footer-background.png') top center no-repeat; overflow: hidden; padding: 70px 0 110px 0;}
footer .logo{width: 200px; float: left}
footer .footer-nav{float: left; width: 200px;}
footer .footer-nav a{font-weight: 300; font-size: 1em; color: #6064a7; line-height: 1.7em}
footer .footer-nav a:hover{color: #888ccd;}
footer .footer-button{float: right;}
footer .footer-button a{color: #fff; font-size: .813em; font-weight: 700; text-transform: uppercase; width: 375px; text-align: center; display: inline-block;  border: 1px solid #6064a7; border-radius: 5px;  padding: 18px 0;}
@media only screen and (max-width: 1100px){
	footer .footer-button{clear: both; float: none; margin: 0 auto; padding-top: 50px; text-align: center;}	
}

@media only screen and (max-width: 540px){
	footer .logo{float: none}
	footer .footer-button a{width: auto; padding: 18px}
}



#main-news-list{margin-bottom: 50px; overflow: hidden}
#main-news-list .news{position: relative;  max-width: 970px; margin: 0 auto; margin-bottom: 50px;}
#main-news-list h2 a{color: #041c72; font-size: 2.188em; line-height: 1.3em; font-weight: 900}
#main-news-list .date{font-size: .938em; color: #6064a7; font-weight: 900; margin: 20px 0 10px 0}
#main-news-list .excerpt{font-size: 1.25em; color: #001c72; line-height: 1.4em}
#main-news-list .excerpt p{display: inline;}
#main-news-list .excerpt a{color: #3e97b5;}
#main-news-list .read-more{position: absolute; right: 0; bottom: -20px; color: #081339; margin: 0 auto; font-weight: 600; font-size: .813em; text-transform: uppercase; width: 170px; padding: 18px 0; text-align: center; display: block; border: 1px solid #6064a7; border-radius: 5px; line-height: 1em }
#main-news-list .border{height: 10px; background-color: #d7d7ec; margin-top: 50px; max-width: 80%;}

@media screen and (max-width: 820px){
	#main-news-list{padding: 50px 0}
	#main-news-list .news h2 a{font-size: 1.875em}
	#main-news-list .news .date{font-size: .938em; margin: 25px 0 20px 0}
	#main-news-list .news .excerpt{font-size: 1.125em}
}

@media screen and (max-width: 1100px){
	#main-news-list .border{max-width: 70%;}
}

@media screen and (max-width: 820px){
	#main-news-list .border{max-width: 60%;}
}

@media screen and (max-width: 640px){
	#main-news-list .border{max-width: 50%;}
}

@media screen and (max-width: 520px){
	#main-news-list .border{max-width: 45%;}
}

@media screen and (max-width: 420px){
	#main-news-list .border{max-width: 40%;}
}

@media screen and (max-width: 360px){
	#main-news-list .border{max-width: 30%;}
}

.load-more{margin: 0 auto; width: 180px; text-align: center; color: #081339; font-size: .75em; font-weight: 700; text-transform: uppercase}
.load-more span{font-size: 2.5em; border: 1px solid #081339; border-radius: 100px; display: block; width: 80px; height: 80px; line-height: 80px; margin: 0 auto; margin-bottom: 10px;}
.load-more:hover, .load-more:hover span{border-color: #6064a7; cursor: pointer; color: #6064a7}
		
.no-more-news{font-weight: 700; text-align: center; color: #081339}


.password-error{font-weight: 900; text-align: center; margin-bottom: 30px;}
.post-password-form .form{max-width: 550px; margin: 0 auto; margin-top: 30px;}
.post-password-form label{margin-right: 20px}
.post-password-form input[type="password"]{border: 1px solid #6064a7; padding: 10px 0; -webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px; line-height: 1em; border-right: 0 !important; width: 200px; height: 30px;}

.post-password-form input[type="submit"]{border: 0; background-color: #081339; color: #fff; font-weight: 600; text-transform: uppercase; font-size: .765em; padding: 17px 0 19px 0px; -webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px; line-height: 1em; border-left: 0; width: 170px; border-bottom: 1px solid #081339; cursor: pointer}
.post-password-form input[type="submit"]:hover{background-color: #6064a7; border-color: #6064a7}

.dashboard-boxes{overflow: hidden}
.dashboard-box{background-color: #fff; width: 48%; border-radius: 10px; float: left; margin-bottom: 4%; position: relative;}
.dashboard-box:nth-child(2n+1){clear: both}
.dashboard-box:nth-child(2n+2){float: right}
.db-wrap{ padding: 70px 15%;}
.db-wrap h2{color: #6064a7; font-weight: 900; font-size: 2.188em; border-bottom: 1px solid #b4b8c3; margin-bottom: 20px; padding-bottom: 35px;}
.db-wrap ul li{border-bottom: 1px solid #b4b8c3; padding-bottom: 13px; margin-bottom: 13px; }
.db-wrap ul li a{color: #6064a7; font-size: 1.25em; font-weight: 300}
.db-wrap ul li a:hover{color: #081339}
.db-wrap ul li:last-child{border: 0}
.db-wrap .button{position: absolute; bottom: 70px; left: 15%; color: #081339; font-weight: 600; font-size: .813em; text-transform: uppercase; width: 170px; padding: 18px 0; text-align: center; display: block; border: 1px solid #6064a7; border-radius: 5px; line-height: 1em }
.db-wrap hr{display: block; border: 0; height: 1px; width: 100%; background-color: #b4b8c3; margin-bottom: 20px;}
.dashboard-contact .content{font-size: 1.25em; font-weight: 300; color: #6064a7; line-height: 1.3em; padding-bottom: 20px}

@media screen and (max-width: 960px){
	.dashboard-box{font-size: .875em}
}


@media screen and (max-width: 820px){
	.dashboard-box{font-size: .765em}
}


@media screen and (max-width: 640px){
	.dashboard-box{font-size: .875em; width: 100%; clear: both; float: none; height: auto !important}
	.db-wrap .button{position: relative; bottom: auto; left: auto;}

}