/*
Theme Name: nicholson
Description: nicholson is a custom responsive theme created for Nicholson.
Author: Sharon Colombo
Author URI: http://www.colombodesigns.com
Version: 1.0
Tags: single column, two columns, three columns, custom header, custom footer, valid XHTML, valid CSS
*/

:root {
  --primary-bg-color: #ffffff; /* white */
  --navy-blue-color: #002244; /* navy blue */ 
  --med-blue-color: #00338d; /* medium blue */
  --azure-blue-color: #2473e5; /* azure blue */
  --primary-txt-color: rgba(0, 0, 0, 0.7); /* 70% black */
  --primary-link-color: #00338d; /* medium blue */
  --primary-hover-color: #2473e5; /* azure blue */
  --primary-header-color: #00338d; /* medium blue */
}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, form, label, legend, caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
body 
{
    background-color: var(--primary-bg-color); 
    color: var(--primary-txt-color); 
	font-family: open-sans, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    border-top: none;
    line-height: 26px;
}

header, main {
    display: block;
    width: 100%;
    float: left;
}
main { background-color: var(--primary-bg-color); }

/* --- LINK STYLES --- */

a, a:link {
  color:  var(--primary-link-color); 
  font-weight: 700;
  text-decoration: none;
}
a:visited {
  color: var(--primary-link-color); 
  font-weight: 700;
  text-decoration: none;
}
a:hover {
  color: var(--primary-hover-color); 
  font-weight: 700;
  text-decoration: none;
}
.blue a,
.navy a {
    color: #ffffff;
}

/* --- HEADER STYLES ---*/ 

h1, h2, h3, h4, h5, h6 {
font-family: agenda, sans-serif;
font-weight: 700;
font-style: normal;
margin: 0;
padding: 0 0 15px 0;
text-align: left;
color: var(--primary-header-color); 
}

h1 {
    font-size: 60px;
    line-height: 70px;
    color: #ffffff;
}
h2 {
    font-size: 44px;
    line-height: 50px;
	text-transform: uppercase;
}
h2.divider:after {
    content: ' ';
    border-bottom: 5px solid var(--azure-blue-color);
    width: 200px;
    display: block;
    padding-top: 30px;
    margin-bottom: 20px;
}
.bgimg h2.divider:after { border-bottom-color: #ffffff; }
h3 {
    font-size: 32px;
    line-height: 38px;
   	text-transform: uppercase;
}
h4 {
	font-size:22px;
	line-height:28px; 
	text-transform: uppercase;
    color: var(--azure-blue-color);
}
h4.indentunderline {
    padding-left: 55px;
    border-bottom: 4px solid;
    margin-bottom: 30px;
	position: relative;
}
h4.arrow:after {
    content: '\f324';
    position: absolute;
    top: 0;
    right: -50px;
    color: var(--primary-txt-color);
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
    font-size: 36px;
}
h5 {
	font-size:24px;
    line-height: 30px;
}
h6 {
    font-size: 20px;
    line-height: 28px;
}
table tr td, table tr th,
p, ul li, ol li { font-size: 17px; line-height: 25px;}
p span.small {
    display: block;
	padding-top: 5px;
    font-size: 14px;
    line-height: 18px;
}
p.large { font-size: 22px; line-height: 30px;}
p.spacer { font-size: 0px; }

p.meta {
    padding-bottom: 30px;
	font-weight: 700;
}


@media (max-width: 900px) {

h1 {
  font-size: 40px;
  line-height: 46px;
}
h2 {
    font-size: 32px;
    line-height: 36px;
}
h2.divider:after {
    width: 180px;
    padding-top: 20px;
    margin-bottom: 10px;
}
h3 {
	font-size:28px;
  line-height: 34px;
}
h4 {
	font-size:24px;
  line-height: 32px;
}

h5 {
	font-size:20px;
  line-height: 28px;
}

h6 {
    font-size: 18px;
    line-height: 26px;
}
table tr td, table tr th,
p, ul li, ol li { font-size: 16px; line-height: 24px;}
p span.small {
    font-size: 13px;
    line-height: 18px;
}	
p.large { font-size: 20px; line-height: 28px;}	
}



/* tablet width */
@media (max-width: 768px) {

h1 {
  font-size: 36px;
  line-height: 44px;
}	
h2 {
    font-size: 28px;
    line-height: 36px;
}

h3 {
	font-size:24px;
  line-height: 28px;
}
h4 {
	font-size:20px;
  line-height: 26px;
}

h5 {
	font-size:18px;
  line-height: 26px;
}

h6 {
    font-size: 16px;
    line-height: 22px;
}
	
	
p, ul li, ol li { font-size: 15px; line-height: 22px;}
p span.small {
    font-size: 12px;
    line-height: 16px;
}	
p.large { font-size: 18px; line-height: 26px;}		
	p.spacer { display: none; }
}
.sideimagewrap  h1, .sideimagewrap  h2, .sideimagewrap  h3, .sideimagewrap  h4, .sideimagewrap  h5, .sideimagewrap  h6, .sideimagewrap  p, .sideimagewrap  ol li, .sideimagewrap  ul li,
.navy  h1, .navy  h2, .navy  h3, .navy  h4, .navy  h5, .navy  h6, .navy  p, .navy  ol li, .navy  ul li,
.bgimg  h1, .bgimg  h2, .bgimg  h3, .bgimg  h4, .bgimg  h5, .bgimg  h6, .bgimg  p, .bgimg  ol li, .bgimg  ul li,
.blue  h1, .blue  h2, .blue  h3, .blue  h4, .blue  h5, .blue  h6, .blue  p, .blue  ol li, .blue  ul li { color: #ffffff; }


/* --- PARAGRAPH STYLES --- */

p {
	padding: 0 0 20px;
	text-align: left;
}

i.largeicon {
    font-size: 88px;
}

/* if @font-face is used, make certain the strong tag is styled to display the bold version of a custom font, not simply a bold on a non-bold font */
strong {
  font-weight: 700;
}
/* inserts/deletions */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* --- FORM FIELD STYLES --- */

select, textarea {
	font-size:16px;
	vertical-align:middle;
    
	font-family: acumin-pro, sans-serif;

	background-color:#ffffff;
	color: var(--primary-txt-color); 
	width: 99.5% !important;
	max-width: 500px;
}


label {
    width: 100%;
    float: left;
    font-weight: 500;
    padding-bottom: 5px;
    font-size: 16px;
}

input {
	font-size:15px;
    
	font-family: acumin-pro, sans-serif;

	padding: 5px;
}
input[type="text"], input[type="password"], input[type="email"], input[type="file"], input[type="tel"], textarea, select {
	border:1px solid #979797;
	width: 94%;
	max-width: 500px;
	height: 38px;
	margin-bottom: 10px;
}
.blog select { font-size: 14px; width: 100%;}
textarea {
	height: 150px;
	max-width: unset;
}

input[type="button"] {

	font-size:16px;
  -webkit-appearance: none;
}

input[type="button"], input[type="submit"], .button, *.button:link {
    margin: 5px 0px 0px 0;
    padding: 12px;
    height: auto;
    line-height: 20px;
    font-family: agenda, sans-serif;
    font-weight: 600 !important;
    font-size: 20px;
    width: auto;
    color: #FFF !important;
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-decoration: none !important;
    background-color: var(--primary-button-color);
    text-transform: uppercase;
    -webkit-appearance: none;
	border:none;
    letter-spacing: .5px;
}
.button:hover
{
  background-color: var(--light-blue-color); 
  color: var(--primary-button-color) !important;
	border: none;
		transition: background-color 0.3s ease-in-out; 
}



input[type="checkbox"], input[type="radio"] {
	margin:0 5px 0 0;
	padding:0;
	vertical-align:middle;
}

button, input[type="submit"] {
	cursor:pointer;
}


:focus {
	outline: 0;
}


iframe {
    width: 100%;
}

.videowrapper {
    clear: both;
    float: none;
    height: 0;
    margin: 0 0 20px;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%;
}
.videowrapper > iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}


/* --- LIST STYLES --- */

ul, ol {
	margin: 0 0 0;
	padding: 0 0 15px 0;
}
ul {
	margin-left: 30px;
}
ul ul {
	margin-bottom:0;
    padding: 8px 0 3px;
}
ul li {
	padding: 0 0 5px 0;
}
ul ul li {
	padding: 0 0 3px 0;
}
dl {
	margin: 0 0 1em 0;
}
ol {
	list-style-type:decimal;
	margin-left:30px;
}
ol ol {
	margin-bottom:0;
  padding: 8px 0 5px;
}
ol li {
	padding: 0 0 3px 0;
}
ol li ol li {
	list-style-type:lower-alpha;
  	padding: 0 0 3px 0;
}
ol li ol li ol li {
	list-style-type:lower-roman;
}
ol li ol li ol li ol li {
	list-style-type:decimal;
}

/* ---  IMAGE STYLES --- */


img {
    max-width: 100%;
    height: auto;
}
img.mobile { display: none;}
img.round {
	border-radius: 50%;
}
img.border {
    border: 1px solid #eaeaea;
    width: calc(100% - 2px);
}
img.team {
    max-width: 300px;
    width: 100%;
}
a img {
	border: 0 none;
}
img.alignright {
    float: right;
    max-width: 45%;
    width: 100%;
    padding: 5px 0 15px 3%;
}
img.small.alignright {
    max-width: 25%;
    padding: 0 0 15px 3%;
}
#zoom img {
  width: 400px;
  height: auto;
  animation: pulse 2s ease-in-out infinite alternate;
}

@keyframes pulse {
  0% {
    transform: scale(1); /* Starting size */
  }
  100% {
    transform: scale(1.15); /* Target size (15% larger) */
  }
}


.wp-caption.alignright { 
    float: right;
	max-width: 45%;
	width: 100%;
    padding: 5px 0 15px 3%;
}
img.alignright.wp-post-image {
	padding-top: 10px;
}
img.alignnone { width: 100%; height: auto; margin: 0 0 10px 0;}

img.smallicon {
    max-height: 80px;
    width: auto;
}

p img.alignnone { padding: 0; }
img.alignleft {
    float: left;
    max-width: 45%;
    width: 100%;
    padding: 5px 3% 15px 0;
}

.wp-caption.alignleft { 
    float: left;
	max-width: 45%;
	width: 100%;
    padding: 5px 3% 15px 0;
}
.wp-caption-text {
    text-align: left;
    padding-right: 10px;
    font-size: 15px;
    font-style: italic;
    line-height: 20px;
	padding-bottom: 10px;
}
.wp-caption.alignnone {
    width: auto !important;
}



@media (max-width: 600px) {

img.desktop { display: none;}
img.mobile { display: block;}
	
	
.excerptcopywrap {
    width: 100%;
    padding-top: 0 !important;
}
.even .excerptimgwrap,	
.excerptimgwrap {
    width: 100%;
    padding: 0 0 15px 0;
}
.excerpt img.wp-post-image,
img.alignright,img.alignleft {
  max-width: 100%;
  padding: 0 0 15px 0;
}

	
.wp-caption.alignleft,
.wp-caption.alignright { 
    float: none;
	max-width: 100%;
	width: 100%;
    padding: 0 0 15px 0;
}	
	
}

.pagination {
    padding: 40px 0 0 0;
    text-align: center;
}

.pagination h2.screen-reader-text {
    display: none;
}
.page-numbers {
    width: 35px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    margin: 0 5px;
    background-color: #f1f1f1;
    font-size: 15px;
}
a.page-numbers:hover {
	text-decoration: none;
	color: #ffffff;
    background-color: var(--primary-hover-color);	
}
.page-numbers.current {
    background-color: var(--primary-button-color);
    color: #ffffff;
    font-weight: 700;
}


/* Wrapper Styles */

.wrapper
{
    height: auto;
    overflow: hidden;
    width: 100%;
	float: left;
}
.wrapper.topmargin { padding-top: 60px;}
.wrapper.bottommargin { padding-bottom: 60px;}
.wrapper.bgimg {
    position: relative;
    isolation: isolate;
}

.innerimg {
    height: 600px;
    clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 30%);
    position: absolute;
    inset: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.bgimg .fullwidth {
    position: relative;
}
/* tablet width */
@media (max-width: 700px) {
	
	
.innerimg {
    top: 200px;
}	
	
	
.wrapper.topmargin { padding-top: 30px;}
.wrapper.bottommargin { padding-bottom: 30px;}

}
.wrapper.white { background-color: #ffffff; }
.wrapper.blue, .half.blue { background-color: var(--med-blue-color);}
.wrapper.navy, .half.navy { background-color: var(--navy-blue-color);}

.wrapper.banner {
    padding: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	height: 500px;
	position: relative;
}
.bannertextwrapper {
    position: absolute;
    bottom: 60px;
}


.archive .wrapper.white.internal,
.category .wrapper.white.internal,
.single .wrapper.white.internal,
.blog .wrapper.white.internal {
	padding: 60px 0 50px;
}
.wrapper.header {
    background-color: var(--primary-bg-color);
    overflow: visible;
}
.wrapper.header .fullwidth.row {
    overflow: visible;
}

#logo {
    float: left;
    padding: 30px 0 20px 0;
    margin: 0px;
    z-index: 99989;
    position: relative;
    width: 150px;
	width: 100px;
}

#logo img {
    float: left;
    width: auto;
    height: auto;
    padding: 0px;
}

#mainmenu
{
    float: right;
    padding: 150px 0px 0px;
	padding: 100px 0 0;
    width: calc(100% - 150px);
}
.menu-main-menu-container {
    width: 100%;
    padding: 0px 0px;
    margin: auto;
}
#mainmenu ul {
    margin: 0;
    padding: 0 0;
    overflow: visible;
    text-align: right;
}
#mainmenu ul.mainmenu li {
    padding: 0;
    display: inline-block;
    position: relative;
    width: auto;
    margin: 0;
    height: 50px;
    line-height: 50px;
}
#mainmenu ul.mainmenu li a {
    font-family: agenda, sans-serif;
    line-height: 50px;
    font-size: 22px;
    font-weight: 400;
    height: 50px;
    margin: 0px;
    cursor: pointer;
    padding: 0 20px;
    display: block;
    text-transform: uppercase;
    color: var(--navy-blue-color);
}
#mainmenu ul.mainmenu li:hover a, #mainmenu ul.mainmenu li.current-menu-item a, #mainmenu ul.mainmenu li.current-page-ancestor a {
    text-decoration: none;
    color: var(--navy-blue-color);
}

#mainmenu ul.mainmenu li ul {
    background-color: var(--primary-bg-color);
    color: var(--primary-txt-color);
    left: 0;
    margin: 0;
    padding: 15px 0;
    position: absolute;
    top: 50px;
    width: 220px;
    z-index: 99990;
    border: 4px solid var(--light-blue-color);
}
#mainmenu ul.mainmenu li ul {
    display: none;
}
#mainmenu ul.mainmenu li:hover ul
{
display: block;
}

#mainmenu ul.mainmenu li ul li {
    width: 100%;
    padding: 5px 0px;
    height: auto;
    line-height: 30px;
    display: block;
    float: left;
}
#mainmenu ul.mainmenu li ul li a {
    text-align: left;
    text-transform: none;
    width: calc(100% - 40px);
    font-size: 20px;
    height: auto;
    padding: 0 20px;
    border: none;
    line-height: 29px;
    margin: 0;
    display: block;
    float: left;
    position: relative;
	color: var(--primary-txt-color);
    border-bottom: none !important;
}
#mainmenu ul.mainmenu li:hover ul li a, 
#mainmenu ul.mainmenu li.current-menu-item ul li a, 
#mainmenu ul.mainmenu li.current-page-ancestor ul li a {
	color: var(--primary-txt-color);
}
#mainmenu ul.mainmenu li:hover ul li a:hover, 
#mainmenu ul.mainmenu li ul li.current-menu-item a {
	color: var(--primary-link-color);
}


#mobilemenubutton { display: none;}



@media (max-width: 700px) {

	#logo {padding: 15px 0 10px 0;width:80px;}
#mobilemenubutton {
		position: absolute;
		width: auto;
		padding: 5px 0px;
		height: 80px;
		top: 10px;
		right: 2%;
		display: block;
		z-index: 99989;
}

#mobilemenubutton a i {
		background-clip: padding-box;
		background-color: transparent;
		color: transparent;
		display: block;
		font-size: 0;
		height: 80px;
		margin: 0;
		padding: 0px;
		overflow: hidden;
		text-align: right;
		width: 64px;
}

#mobilemenubutton a i::before {
      color: var(--primary-txt-color);
        font-size: 40px;
        line-height: 80px;
        cursor: pointer;
        display: block;
        background: var(--primary-bg-color);
        text-align: center;
}	
#mobilemenubutton a i:hover:before {
	color: var(--primary-txt-color);
}	


#mainmenu {
        width: 260px;
        float: left;
        display: none;
        overflow: hidden;
        height: auto;
        background-color: #ffffff;
        position: absolute;
        top: 96px;
        right: 0px;
        padding: 0px;
        z-index: 99990;
        border: 4px solid var(--light-blue-color);
}

.menu-main-menu-container {
    width: 86%;
    padding: 0px 7% 0px;
}
	
#mainmenu ul.mainmenu {
  overflow: hidden;
  height: auto;
  padding: 0px 0px 20px;
}

#mainmenu ul.mainmenu li {
    padding: 0;
    display: block;
    height: auto;
	line-height: unset;
    width: 100%;
    margin: 0;
	text-align: right;
	position: relative;
	overflow: hidden;
}

	
#mainmenu ul.mainmenu li a {
        height: auto;
        line-height: 20px;
        font-size: 22px;
        font-weight: 500;
        padding: 0px 0px;
        display: inline-block;
        margin: 20px 0px 10px;
        width: 100%;
        color: var(--primary-txt-color);
        border: none;
    }
#mainmenu ul.mainmenu li:hover a, #mainmenu ul.mainmenu li.current-menu-item a, #mainmenu ul.mainmenu li.current-page-ancestor a {
    text-decoration: none;
    color: var(--primary-txt-color);
    border-bottom: none;
}

#mainmenu ul.mainmenu li ul {
    display: block;
    position: relative;
    border: none;
    background-color: transparent;
    top: unset;
    left: unset;
	padding: 0;
}
#mainmenu ul.mainmenu li ul li a {
    font-size: 18px;
}

}


/* END RESPONSIVE HEADER STYLES */


/* BANNER */

.bannertextwrapper h1 {
    color: #ffffff;
    max-width: 650px;
	width: 100%;
}
.bannertextwrapper h4 {
    font-family: 'open-sans', sans-serif;
    font-weight: 700;
    color: #ffffff;
    padding: 0 0 20px 0;
    font-size: 22px;
    max-width: 650px;
	width: 100%;
	text-transform: none;
}


/* END BANNER */


.fullwidth {
  max-width: 1360px;
  width: 92%;
  padding: 0px 4% 0px;
  margin: auto;
} 

.narrow .fullwidth {
	max-width: 1030px;
}

.full .fullwidth {
    max-width: 100%;
    width: 100%;
    padding: 0;
}

.row {
    clear: both;
    overflow: hidden;
}
.nostack .half,
.half
{
  float: left;
  width: 47%;
  padding: 0 6% 0 0;
}
.nostack .half.last,
.half.last {
  padding: 0;
}


.third
{
  width: 30%;
  float: left;
  padding: 0 5% 0 0;
  display: grid;
}

.third.last {
  padding: 0;
}

.twothirds {
    float: left;
    width: 47%;
    padding: 0 5% 0 0;
}


.onethird {
    float: left;
    width: 40%;
    padding: 0 5% 0 0;
}

.twothirds.last {
    padding: 0 7% 0 0%;
}
.stacked .twothirds.last {
    float: right;
}
.onethird.last {
	padding: 0;
	float: right;
	
}


/* PHOTO AND TEXT */


.half.left.last {
    padding: 0 0 0 6%;
}

.photoandtext .half.last, .photoandtext .half {
    width: 50%;
    padding: 0;
}
.photoandtext .half.last.color {
    float: right;
}
.photoandtext .fullwidth.row {
    max-width: 100%;
    width: 100%;
    padding: 0;
}

.sideimagewrap {
	height: 450px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.sidecopywrap p, .sidecopywrap ul { padding-bottom: 0;}

.half.color .sidecopywrap {
    max-width: calc(680px - 8%);
    float: right;
    padding: 0 8%;
}
.half.color.last .sidecopywrap { float: left;}

.half.last .sideimagewrap .sidecopywrap {
    max-width: calc(680px - 8%);
    float: left;
    padding: 0 8%;
}
.half .sideimagewrap .sidecopywrap {
    float: right;
}

/* Title Photos */

.titlephoto h3 {
    color: #fff;
    width: 80%;
    padding: 10%;
    font-size: 30px;
    line-height: 34px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.titlephoto {
    display: block;
    height: 230px;
    width: 70%;
    margin: 0 0% 30px 30%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: -45px 0px 0px -15px var(--med-blue-color);
    position: relative;
}

/* Blue and Transparent Boxes */

.medbluebox {
    background: var(--med-blue-color);
    padding: 60px;
}
.navybox {
    background: var(--navy-blue-color);
    padding: 40px 40px 25px;
    max-width: 300px;
    float: right;
}
.transparentbox {
    padding: 140px 90px 40px;
}

/* ICONS */

.wrapper .fa-ul>li {
    padding: 0 0 0 30px;
}
.wrapper .fa-ul>li p, .wrapper .fa-ul>li span {
    padding: 0;
    line-height: 60px;
}
.wrapper .fa-ul.small>li {
    padding: 0px 0 10px 12px;
}
.wrapper .fa-ul.small >li span { line-height: 22px; }
.wrapper .fa-ul>li span i {
    font-size: 35px;
	line-height: 60px;
}
.wrapper .fa-ul.small>li span i {
    font-size: 16px;
	line-height: 22px;
}
.wrapper .fa-ul.small.even>li {
    min-height: 50px;
    border-bottom: 2px solid var(--azure-blue-color);
    margin-bottom: 20px;
    padding-bottom: 20px;
}



/* BLOG STYLES */

.singleblog h3 a
{
    color: var(--primary-txt-color);
}
.single .cats {
	text-align: center;
    padding: 15px 0px;
    border-top: 1px solid #bababa;
    border-bottom: 1px solid #bababa;
    margin: 20px 0px;
}


.singleblog p {
    font-size: 16px;
	padding-bottom: 5px;
}
.singleblog h3 {
    font-size: 24px;
    line-height: 30px;
    padding: 0;
    color: var(--primary-txt-color);
}
.paging {
    clear: both;
}

/* FOOTER STYLES */

.wrapper.footer {
    background-color: var(--navy-blue-color);
    overflow: hidden;
    padding: 50px 0;
    text-align: center;
}
.footer img.footerlogo {
    max-width: 100px;
    height: auto;
    padding-bottom: 50px;
    float: left;
}
.footer h4,
.footer p { padding: 0 0 8px;}
hr {
    border: none;
    border-top: 1px solid #d9d9d9;
    padding-top: 12px;
}
table {
    text-align: center;
    margin: 0 0 0;
    width: 100%;
    border-collapse: collapse;
}
th, td {
    padding: 4px 10px;
    text-align: left;
}
@media (max-width: 1000px) {
.stacked .twothirds.last {
    float: right;
    padding: 0;
    width: 55%;
}	
.titlephoto {
    width: 90%;
    margin: 0 0% 30px 10%;
}
.wrapper .fa-ul.small.even>li {
    font-size: 16px;
    line-height: 22px;
    min-height: 65px;
}
.transparentbox {
    padding: 140px 35px 40px;
}	
}


@media (max-width: 900px) {
.wrapper.banner {
    height: 400px;
}	
.titlephoto h3 {
    font-size: 26px;
    line-height: 30px;
}	
}

/* tablet width */
@media (max-width: 768px) {
	.wrapper.banner {
        height: 300px;
    }
.bannertextwrapper {
        bottom: 30px;
        width: 92%;
    }
    .bannertextwrapper h1 {
        font-size: 36px;
        line-height: 42px;
    }
	
.bannertextwrapper h4 {
        font-size: 18px;
        line-height: 24px;
}	
	
.twothirds {
    float: left;
    width: 55%;
    padding: 0 5% 0 0;
}	
.onethird.last {
    padding: 0;
    float: right;
    width: 40%;
}	
.third,
.third.last
{
  width: 100%;
  padding: 0 0;
	display: block;
}
h4.indentunderline {
    padding-left: 30px;
}
h4.arrow:after {
    right: -36px;
    font-size: 26px;
}	
.wrapper .fa-ul.small.even {
    clear: both;
    padding-bottom: 30px;
    margin-left: 25px;
}
.wrapper .fa-ul.small.even>li {
        font-size: 14px;
        line-height: 20px;
        min-height: 65px;
        padding-left: 5px;
    }	
}
@media (max-width: 700px) {
	
.titlephoto {
	width: 100%;
	margin: 10px 0% 30px 30px;
	height: 200px;
	max-width: 300px;
}
	
.transparentbox {
    padding: 40px 60px 20px;
}
.imgwrapper {
    width: 100%;
    padding: 0 0 15px 0;
}
.stacked .twothirds.last,
.onethird,
.twothirds,
.onethird.first,
.twothirds.first,
.onethird.last,
.twothirds.last
{
width: 100%;
padding: 0;
}
.navybox {
    padding: 20px 20px 6px;
	margin: 10px 0;
	float: left;
}
	
.half
{
  float: left;
  width: 100%;
  padding: 0;
}

.half.first,
.half.last {
  padding: 0 0 30px 0;
}

.photoandtext .half.last, .photoandtext .half {
    width: 100%;
    padding: 0;
}	
.photoandtext .sideimagewrap {
        overflow: hidden;
        height: auto;
}
.half.color, .half.color.last { height: auto !important;}	
	
.half.color .sidecopywrap,
.half.color.last .sidecopywrap {
        margin: 0 !important;
        padding: 50px 8% !important;
        height: auto !important;
}	
.half .sideimagewrap .sidecopywrap {
    float: left;
    margin: 0 !important;
    padding: 50px 4% !important;
    height: auto !important;
}	
.half.last .sideimagewrap .sidecopywrap {
    max-width: 92%;
    float: left;
    width: 92%;
    text-align: center;
}
#zoom img {
    width: 250px;
}
}
@media (max-width: 600px) {
	
.footer img.footerlogo {
    padding-bottom: 10px;
}
.wrapper .fa-ul.small.even>li {
        min-height: 79px;
 }		
}


@media (max-width: 550px) {
	.bannertextwrapper {
        bottom: 5px;
     }
    .bannertextwrapper h1 {
        font-size: 28px;
        line-height: 34px;
    }
.bannertextwrapper h4 {
        font-size: 16px;
        line-height: 22px;
}	
h4.indentunderline {
    padding-left: 8px;
    border-bottom: 4px solid;
    margin-bottom: 30px;
    position: relative;
    padding-right: 0px;
}
    h4.arrow:after {
        content: '\f324';
        position: absolute;
        top: 4px;
        right: -24px;	
    color: var(--primary-txt-color);
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
    font-size: 18px;
}

.wrapper .fa-ul.small.even {
    clear: both;
    padding-bottom: 30px;
    margin-left: 25px;
}

.wrapper .fa-ul.small.even>li {
    min-height: 66px;
    border-bottom: 2px solid var(--azure-blue-color);
    margin-bottom: 8px;
    padding-bottom: 10px;
    font-size: 13px;
    line-height: 17px;
}

.wrapper .fa-ul.small.even >li span {
    line-height: 22px;
    text-align: left;
}	
}
@media (max-width: 500px) {
.wrapper .fa-ul.small.even>li {
    min-height: 85px;	
}

}
@media (max-width: 450px) {
.titlephoto h3 {
        font-size: 22px;
        line-height: 26px;
}	
.titlephoto {
	max-width: 245px;
    margin: 10px 0% 20px 30px;
    height: 160px;
}
.medbluebox {
    padding: 40px;
}
.transparentbox {
        padding: 40px 40px 0px;
    }
h4.indentunderline {
    padding-right: 75px;
}	
h4.arrow:after {
    top: 18px;
    right: -16px;
}
}
@media (max-width: 400px) {
.wrapper .fa-ul.small.even>li {
    min-height: 118px;
}
}