@import url('https://use.fontawesome.com/releases/v5.6.3/css/all.css');
/* CSS for SIGNATURE THEME WESTLAKE */
@import url(custom/css/jquery.mmenu.all.css);

/* FONTS */
@import url('https://fonts.googleapis.com/css?family=Montserrat:600|Roboto:300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700,900&display=swap');

/* 
font-family: 'Roboto', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
*/

#page{opacity: 0;}

/* GENERAL */
html, body{ margin: 0 auto; padding: 0px; font-size: 18px; font-family: 'Roboto', sans-serif;}

p{ font-size: 1em; line-height: 180%;}
i, .fa, .fab, .fad, .fal, .far, .fas { font-style: normal; vertical-align: middle; font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Free", FontAwesome !important;}
a{ color: #b65e00; font-weight: bold;}

h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0; line-height: 175%;}
h1{ font-size: 2.89em; font-weight: 900; text-transform: uppercase;}
h2, .tool_headline1{ color: #292b2c; font-size: 2.33em; font-weight: 900;}
h3, .tool_headline2{ color: #1d3161; font-size: 1.44em; font-weight: 900; text-transform: uppercase;}
h4{ color: #292b2c; font-size: 1.39em; font-weight: 500; font-style: italic;}
h5{ color: #1d3161; font-size: 1.33em; font-weight: 500;}
h6{ color: #292b2c; font-size: 1em; font-weight: 700; font-style: italic;}

blockquote{ color: #292b2c; font-weight: 900; line-height: 150%; position: relative; background: #fff; padding: 2.55em; box-shadow: 0 3px 10px rgba(0,0,0,0.19); padding-left: 11.44em; overflow: hidden; margin: 2em auto;}
blockquote *{ color: #292b2c; font-size: 1.55em; font-weight: 900; line-height: 150%;}
blockquote::before{ content: ""; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); background: #1d3161; border-radius: 0 50% 50% 0; height: 150%; width: 9.44em;}

.btn{ text-decoration: none; color: #fff; font-size: 0.72em; letter-spacing: 0.075em; background: #1d3161; border-radius: 25px; padding: 1.11rem 1.667rem; text-transform: uppercase; display: inline-block;}
.btn i{ display: none;}
.btn:hover{ color: #000; background: #fff; box-shadow: 0px 3px 5px rgba(0,0,0,0.5);}
.btn:hover i{ display: inline-block; vertical-align: baseline;}

.wrapper{ margin: 0 auto; max-width: 88%;}

fieldset{ border: none;}

/*** tool headings - inside **/
.toolhead_with_line{ position: relative; margin: 0 0 1rem 0;}
.toolhead_with_line:after{ content: ""; background: #c0c0c0; position: absolute; bottom: 2px; width: 100%; height: 2px; z-index: 0; right: 0;}
.middle_column h3.toolhead{ font-size: 1.55rem; letter-spacing: -0.01em; color: #1d3161; background: #fff; padding-right: 1rem; font-weight: 500; position: relative; z-index: 1; display: inline-block;}

.right_column h3.toolhead{ color: #fff; font-weight: 900; letter-spacing: -0.015em; background: #1d3161; padding: 1rem;}

/** HEADER **/
header{ position: absolute; top: 0px; left: 0px; right: 0px; width: 100%; z-index: 999;}
#main_logo{ padding: 1.67em 0;}
header #sticky_logo{ display: none; font-family: 'Roboto Condensed', sans-serif; color: #fff; font-weight: 700; font-size: 1.389em; letter-spacing: 0.01em; line-height: 125%;}

header .wrapper{ display: flex; justify-content: space-between; align-items: center; position: relative;}

#logo{ max-width: 35%;}

#header_right{ display: flex; justify-content: space-around; align-items: center;}

.util_nav{ padding-right: 2em;}
.main_nav{ padding: 0 1em 0 0em; /* position: relative; */}

header .util_nav ul.icons{ list-style: none; margin: 0; padding: 0;}
header .util_nav ul.icons li{ display: inline-block; margin: 0 1em;}
header .util_nav ul.icons li svg{ height: 30px; width: 30px; fill: #fff !important; vertical-align: middle;}
header .util_nav ul.icons li svg path{ fill: #fff !important;}
header .util_nav ul.icons li:hover svg, header .util_nav ul.icons li:hover svg path{ fill: #b5b9bb !important;}

/* sticky header */
header.sticky{ position: fixed; background: #1d3161; padding: 0;}
header.sticky #sticky_logo{ display: inline-block;}
header.sticky #main_logo{ display: none;}

/* search */
.search_overlay{display: none; position: fixed; top: 0px; left: 0px; width: 100%; background: rgb(54,54,54); background: linear-gradient(0deg, rgba(54,54,54,1) 0%, rgba(182,94,0,1) 100%); border-bottom: #fff solid 4px; height: 40vh; min-height: 335px; text-align: center; align-items: center; justify-content: space-between; box-shadow: 0 6px 21px rgba(0,0,0,0.75); overflow: hidden;}

.search_overlay .left_bg{ height: 195%; position: absolute; top: -70%; opacity: 0.15; background-size: cover; width:45%; left: 0px; z-index: 0;}
.search_overlay .right_bg{ height: 120%; position: absolute; top: 50%; opacity: 0.15; background-size: cover; width:33%; right: -5%; transform: scaleX(-1)  translateY(-50%); z-index: 0;}

.search_overlay.active{ display: flex;}

.search_icon svg{ fill: #fff; width: 30px; height: 30px;}

.search_close{ width: 50px; height: 50px; line-height: 50px; position: absolute; top: 0px; right: 0px; background: #fff; z-index: 10;}
.search_close svg{ fill: #232323; }

.search_form_container{ margin: 0 auto; width: 60%;}

.search_form_container input.field{ background: none; border: none; border-bottom: #fff thin solid; text-align: center; color: #fff; font-size: 2.3em; font-weight: 300; font-style: italic; width: 100%; padding-bottom: 0.5em;}
.search_form_container input.field::placeholder{ }

/*** FOOTER ***/
footer{ border-top: solid 2px #1d3161;}

.footer_top{ position: relative; background: rgb(239,239,239); background: linear-gradient(270deg, rgba(239,239,239,1) 35%, rgba(239,239,239,0) 100%); padding: 3.333em 0;}
.footer_bg_image{ position: absolute; left: 0px; width: 65%; height: 100%; top: 0px; bottom: 0px; z-index: -1; background-position: left center; background-size: cover; background-repeat: no-repeat; opacity: 0.32;}

.footer_top .wrapper{ display: flex; justify-content: space-between; align-items: center;}

.footer_left{ display: flex; text-align: left;}

footer h3{ color: #292b2c; font-size: 2.11em; text-align: center; margin: 0; padding: 0; font-style: normal; text-transform: uppercase;}
footer h4{ font-size: 1.33em; color: #292b2c; letter-spacing: 0.025em; font-weight: 900; padding: 0; margin: 0 0 15px; font-style: normal; text-transform: uppercase;}

.footer_left address,.footer_left .footer_phone, .footer_left .footer_email{ font-size: 1em; color: #292b2c; letter-spacing: 0.025em; color: #292b2c; line-height: 150%; font-style: normal; font-style: normal; font-weight: 600; display: flex;}
.footer_left address{ margin-right: 7.5em;}

.footer_left address, .footer_left .footer_phone{ margin-bottom: 1.389em;}
.footer_left address i, .footer_left .footer_phone i, .footer_left .footer_email i{ color: #1d3161; vertical-align: baseline; display: inline-block; margin-right: 5px; font-size: 1em; padding-top: 2px; min-width: 1em;}

.footer_left a{ text-decoration: none; color: #000;}

.social{ list-style: none; margin: 0; padding: 0;}
.social li{ display: inline-block; margin: 0 0.5em; vertical-align:top;}
.social li:first-child{ margin-left: 0px;}
.social li:last-child{ margin-right: 0px;}
.social li a{ color: #292b2c; padding: 0 0.5em; display: inline-block;}
.social li a:hover{ color: #1d3161;}
.social li a i{ font-size: 1.67em;}
.social li a svg {width: 35px; height: 25px;}

.footer_cta{ text-align: center;}
.footer_cta .btn{ margin-top: 1.94em;}
.footer_cta .btn:hover{ background: #b65e00; color: #fff;}

.accreditation_logos{ margin-top: 2rem; align-items: center; justify-content: space-around;}

.footer_bottom{ background: #000000;}
.footer_bottom .wrapper{ display: flex; justify-content: space-between; align-items: center; color: #fff; }

.copyright p{ font-size: 0.778em; margin: 0; padding: 0.75rem 0;}

.credit img{ max-height: 15px; opacity: 0.4; vertical-align: middle;}
.credit:hover img{ opacity: 1;}

/* footer statement */
.footer_statement{ text-align: center; padding: 0 0 1rem 0;}
.footer_bottom .footer_statement .wrapper{ display: block;}
.footer_statement p{ margin: 0; padding: 0; font-size: 0.7rem; opacity: 0.8; line-height: 125%;}

/*** INSIDE PAGES ***/

.insidepage .banner, .insidepage footer, .insidepage #main_container{ float: left; width: 100%;}

/* banner */
.banner{ background: #1d3161; margin-bottom: 2.2em;}

.banner_container{ width: 100%; margin-bottom: -2.2em; position: relative; float: left;}
.banner_container img{ width: 100%; height: auto;}

.banner #page_heading{ position: absolute; bottom: 4.27em; left: 0px; background: linear-gradient(270deg, rgba(182,94,0,0) 0%, rgba(182,94,0,1) 30%, rgba(182,94,0,1) 100%); width: 70%;}
#page_heading h1{ color: #fff; font-size: 2.889em; letter-spacing: -0.01em; font-weight: 900; text-transform: uppercase; text-shadow: 0 1px 3px rgba(0,0,0,0.4); padding: 0.5em 1em; line-height: 100%}

/* no banner */
.no-banner{ background-color: #1d3161;}
.no-banner #page_heading{ padding: 2em 0;}

/* breadcrumbs */
#breadcrumbs{ margin-bottom: 2.333rem;}

#breadcrumbs a{ font-size: 1rem; text-decoration: none; font-weight: normal; letter-spacing: 0.025em; color: #b65e00;}
#breadcrumbs a:last-child{ text-decoration: uppercase; color: #1d3161; font-weight: 700;}

/* inside nav */
#inside_nav{ margin-bottom: 4.4em;}
.mobile_inside_nav{ display: none;}
#menu{}
#menu ul{ margin: 0; padding: 0; list-style: none; border-top: 2px solid #1d3161;}
#menu ul li{ display: block; text-align: left; border-top: solid 2px #c0c0c0; position: relative;}
#menu ul li:first-child{ border-top: none;}
#menu ul li a{ font-size: 1.33em; line-height: 125%; letter-spacing: -0.025em; color: #000; padding: 0.88em; text-decoration: none; display: block; position: relative;}

#menu ul li:hover, #menu ul li.default{ background: #1d3161;}
#menu ul li:hover > a, #menu ul li.default > a{ color: #fff;}

#menu ul li.has_children_1 > a::after, #menu ul li.has_children_2 > a::after{ content: "\f105"; font-family: fontawesome; position: absolute; right: 1em; font-size: 30px; color: #1d3161; top: 50%; transform: translateY(-50%); font-style: normal; font-weight: bold;}
#menu ul li.has_children_1:hover > a::after, #menu ul li.has_children_2:hover > a::after{ color: #fff;}
#menu ul li.has_children_1.default > a::after, #menu ul li.has_children_2.default > a::after{ content:"\f107"; color: #fff; font-style: normal;}

#menu ul li ul, #menu ul li ul li{ background: #efefef; border-top: none;}
#menu ul li ul li a{ font-size: 1em; font-weight: 500; font-style: italic; color: #1d3161; padding: 0.88em 0.88em 0.88em 1.88em;}
#menu ul li ul li:hover{ background: none;}
#menu ul li ul li.default:hover > a{ color: #fff; background: #1d3161;}
#menu ul li ul li:hover a{ color: #292b2c;}

#menu ul li ul li ul li a{ padding: 0.88em 0.88em 0.88em 2.88em;}

/* page layouts / general */
#main_container{ position: relative; padding: 2rem 0 3.89rem 0; line-height: 180%;}

.middle_column, .right_column{ display: inline-block; vertical-align: top;}

.middle_column.with_right{ width: calc(100% - 485px); margin-right: 100px;}
.right_column{ width: 380px;}

.right_per_detail{ border: thin solid #3f3f3f; margin-bottom: 4rem;}
.right_per_detail:last-child{ margin-bottom: 0;}

.right_content > *:not(div){ margin-left: 1.5rem !important; margin-right: 1.5rem !important; max-width: calc(100% - 3rem);}
.right_content img, .right_img_container{ margin: 0 0 1rem 0 !important; width: 100%; max-width: 100%;}

/** HOME **/

h2.section-title{ text-align: center; color: #292b2c; font-size: 2em; padding: 0; text-transform: uppercase;}

/* hero */
.slide{ width: 100%; position: relative;}
.slide img, .single_video_header{ width: 100%; height: auto; display: block;}

.slide img{ z-index: 1; position: relative;}
.slide-overlay-top, .slide-overlay-bottom{ position: absolute; width: 100%; height: 50%; left: 0px; z-index: 2;}
.slide-overlay-top{ top: 0px; background: linear-gradient(0deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.6) 100%);}
.slide-overlay-bottom{ bottom: 0px; background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.05) 100%);}

.slide_text{ position: absolute; z-index: 3; top: calc(50% + 1.67em); transform: translateY(-50%); text-align: center; left: 0px; right: 0px;}

.slide_text .btn{ margin-top: 3.05em;}
.slide_text h2{ color: #fff; text-shadow: 0px 3px 3px rgba(0,0,0,0.44); line-height: 125%; font-weight: 900;}

.pager{ position: absolute; bottom: 10%; right: 6%; z-index: 100;}
.pager span{ font-size: 30px; color: #fff; vertical-align: middle; cursor: pointer; display: inline-block; margin: 0 2.5px;}
.pager span:hover, .pager span.cycle-pager-active{ color: #b65e00; font-size: 40px; text-shadow: 0px 1px 1px rgba(0,0,0,0.75);}

/** pillars **/
.pillars_container{ display: flex; width: 100%;}
.pillar_item{ width: 33.3333333%; display: flex; overflow: hidden;}
.pillar_img{ width: 42%;}
.pillar_img img{ display: block; width: 100%; height: auto;}
.pillar_right{ width: 58%; text-align: center; background-color: #efefef; background-image: url(custom/images/pillar_watermark.png); background-size: contain; background-repeat: no-repeat; background-position: center; display: flex; align-items: center; flex-flow: wrap; position: relative;}
.pillar_right:before{ content: ""; background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index:0; opacity: 0.2;}
.pillar_text{ width: 100%; position: relative;}
.pillar_right h3{ font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 1.333em; line-height: 150%; padding: 0; margin: 0; color: #292b2c; display: block; padding: 0 8%; letter-spacing: 0.005em; text-transform: none;}
.pillar_right .btn{ margin: 1.389em auto 0; }

.pillar_right:hover::before {background: #a04200; opacity: 0.7;}

.pillar_item:hover .pillar_img{ box-shadow: 5px 0px 20px rgba(0,0,0,0.75); position: relative;}
.pillar_item:hover .pillar_right h3{ color: #fff;}

/*** tiles ***/
.tiles{ padding: 5em 0 3.67em 0; text-align: center;}

.tiles_container{ display: flex; width: 100%;}

.tiles_col{ width: 50%;}
.tiles_col.left_col{ margin-right: 2em;}
.tiles_col.right_col{ margin-left: 2em;}

.tile-item{ width: 100%; margin-top: 4.5em; box-shadow: 0 5px 13px rgba(0,0,0,0.15);}
.tile-item:first-child{ margin-top: 0;}
.tiles_col.left_col .tile-item:nth-child(odd) .tile_content, .tiles_col.right_col .tile-item:nth-child(even) .tile_content{ background: #b65e00;}
.tiles_col.left_col .tile-item:nth-child(even) .tile_content, .tiles_col.right_col .tile-item:nth-child(odd) .tile_content{ background: #1d3161;}
.tile-item.hidden-tile{ display: none;}

.tile-item .btn{ background: #fff; color: #000;}

.tile-item img{ display: block; width: 100%; height: auto;}
.tile_content{ padding: 2.5em 7.44em 3em 3.33em; text-align: left; color: #fff;}
.tile_content h3{ color: #fff; font-weight: 900; letter-spacing: 0.01em; font-size: 2.22em; line-height: 130%; margin: 0; padding: 0;}
.tile_content p{ font-size: 1.22em; line-height: 150%;}

#show_tiles{ margin: 5.278em auto 0;}
#show_tiles:hover{ background: #b65e00; color: #fff;}

/** Enhanced Tiles **/
.tile_content.video{ text-align: center; padding: 2.5em 3.33em 3em 3.33em}

.tile_vid_container{ position: relative; margin: 1em auto 0;}
.tile_vid_container video{ width: 100%; height: auto;}
.tile_vid_container a{ position: absolute; top:0px; left: 0px; width: 100%; height: 100%; z-index: 10; font-size: 0px;}
.tile_vid_container .tile_play_btn{ height: 50px; width: 50px; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); opacity: 0.7;}
.tile_vid_container .tile_play_btn svg{ fill: #fff;}

/** Enhanced Option - Testimonials **/
.testimonials{ width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; background-color: #1d3161; padding: 4.22em 0; position: relative; margin-bottom: 3.67em;}
.bg_overlay{ position: absolute; z-index: 0; width: 100%; height: 100%; top: 0px; left:0px; background-color: rgba(0,0,0, 0.4);}
.quotes_container{ background-color: rgba(255,255,255,0.76); max-width: 75%; margin: 0 auto; text-align: center; padding-bottom: 2em;}
.quote_slide{ padding: 4.22em 10.5em 1.22em;}
h3.quote_title{ font-size: 1.55em; line-height: 150%; margin: 0; padding: 0; text-transform: uppercase; color: #1d3161; font-weight: 900;}
p.quote_text{ font-size: 1.889em; line-height: 141%; font-weight: 300; font-style: italic; margin: 0.75em 0; padding: 0; letter-spacing: -0.01em;}
p.author{ font-size: 1.11em; line-height: 200%; margin: 0; padding: 0; letter-spacing: 0.25em; font-weight: 900;}
p.author span{ font-style: italic;}

.quote_pager span{ font-size: 40px; margin: 0 2.5px; color: #1d3161; display: inline-block; vertical-align: middle; cursor: pointer;}
.quote_pager span.cycle-pager-active, .quote_pager span:hover{ font-size: 50px; color: #b65e00;}

/**** upcoming events *****/
.events{ margin-bottom: 3.67em;}

.events_container{ max-width: 88%; margin: 0 auto;}
.event{ background: #fff; box-shadow: 0 3px 10px rgba(0,0,0,0.19); margin: 0px 1.389em; padding-bottom: 15px;}
.event_item{ height: 100px; text-align: center;}
/* .slick-vertical .slick-slide{ height: 100px !important;} */

.events_container .slick-track{ padding: 20px 0px 45px 0px;}

.events_container .date_bar{ color: #fff; text-align: center; font-size: 1.33em; letter-spacing: 0.025em; margin: 0; padding: 1em 0; overflow: hidden; position: relative; z-index: 1; text-transform: uppercase; font-weight: 700;}
.events_container .date_bar::before{ content: "";background: #1d3161; border-radius: 0 0 50% 50%; position: absolute; width: 150%; top: 0px; left: 50%; transform: translateX(-50%); height: 100%; z-index: -1;}

.event_list{ text-align: center;}
.event_content{ padding: 0 1em; height: 100px;}
.event_content:first-child{ padding-top: 0px;}

.event_content h6{ font-size: 1.22em; color: #292b2c; line-height: 100%; font-weight: 900; font-style: normal;}
.event_content h6 a{ text-decoration: none; font-style: normal; color: #292b2c;}

.event_content .time{ display: block; margin-top: 7px;}

.events .slick-slider{ text-align: center; padding: 1.5rem 0;}

/* .events .slick-list::after{ content:""; position: absolute; left: 0px; width: 100%; bottom: 0px; background: #fff; height: 30px; z-index: 100;} */

.events .slick-arrow.slick-disabled{ display: none !important;}
.events .slick-arrow{ background: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0 auto; border: none; cursor: pointer; position: absolute; transform: translateX(-50%); left: 50%;}
.events .slick-arrow.slick-prev{ top: 10px;}
.events .slick-arrow i{ font-size: 1em; color: #b65e00;}

.events .slick-dots{ list-style: none; margin: 0; padding: 0 0 1em 0;}
.events .slick-dots li{ display: inline-block; margin: 0 10px;}
.events .slick-dots button{-webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0 auto; border: none; cursor: pointer; background: none; border: none; font-size: 0; vertical-align: middle;}
.events .slick-dots button::before{ content:"\f111"; font-size: 10px; color: #1d3161; font-family: FontAwesome; vertical-align: middle;}
.events .slick-dots li.slick-active button::before, .events .slick-dots li:hover button::before{ color: #b65e00; font-size: 14px;}

.events_button{ text-align: right;}
.events_button a{ padding: 0px 1.11em 0px 2.5em; color: #fff; font-size: 0.88em; letter-spacing: 0.075em; background: #b65e00; text-decoration: none; font-weight: 900; text-transform: uppercase; position: relative; overflow: hidden; display: inline-block; height: 4.7em; line-height: 4.7em;}
.events_button a::before{ content: ""; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); background: #1d3161; border-radius: 0 50% 50% 0; height: 150%; width: 1.944em;;}
.events_button a i{ vertical-align: baseline; margin: 0; padding: 0; font-size: 1.167em;}

/*** Enhanced Option - Mission Statement/Key Messaging ****/
.mission_section{ position: relative; width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #1d3161; padding: 7.167em 0;}
.mission_section{ background-color: rgba(0,0,0,0.8);}

.mission_container{ margin: 0 auto; text-align: center; max-width: 60%; position: relative;}

h3.mission_title{ color: #fff; font-size: 2.11em; font-weight: 900; margin: 0; padding: 0; text-shadow: 0 2px 2px #000;}
p.mission_text{ padding: 0; margin: 1em 0; color: #fff; font-size: 1.389em; line-height: 150%; text-shadow: 0 2px 2px #000;}

.mission_container .btn{ background: #fff; color: #1d3161; box-shadow: 0 2px 5px rgba(0,0,0,0.5);}
.mission_container .btn:hover{ background: #b65e00; color: #fff;}

/** Enhanced Option - Sticky CTA Button **/
.sticky_cta{ position: fixed; top: 60vh; left: 0; z-index: 9990 !important; transform: translateY(-100%);}
.sticky_cta a{ padding: 0px 2.5em 0px 1.11em; color: #fff; font-size: 0.88em; letter-spacing: 0.075em; background: #b65e00; text-decoration: none; font-weight: 900; text-transform: uppercase; position: relative; overflow: hidden; display: inline-block; height: 4.7em; line-height: 4.7em; box-shadow: 0 2px 5px rgba(0,0,0,0.5);}
.sticky_cta a::before{ content: ""; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); background: #1d3161; border-radius: 50% 0 0 50%; height: 150%; width: 1.944em;;}

/*** TOOL OVERIDES ****/
.calendar_event_title{ line-height: 150%;}

.detail_profiles a, i.icon{ text-decoration: none !important;}

.detail_profiles .staff_header .profile ul li a{ color: #fff; font-size: 1rem;}

/*************** MEDIA QUERIES ********************/
@media only screen and (max-width: 1500px) {
	html, body{ font-size: 16px;}
}


@media only screen and (max-width: 1300px) {
	html, body{ font-size: 14px;}
	
	/*** HOME PAGE ****/
	
	/* pillars */
	.pillar_right .btn{ margin: 1em auto 0;}
	
	/** events **/
	.event_content{ height: 80px;}
	
	/** INDSIDE PAGES **/
	.middle_column.with_right{ margin-right: 50px; width: calc(100% - 435px);}
}

@media only screen and (max-width: 1200px) {
	.soc-pic{ }
	.social_feed .facebook, .social_feed .twitter{ flex-flow: wrap;}
	.social_feed .facebook .social-post, .social_feed .twitter .social-post{ width: 100%;}
	.social_feed .facebook .social-post:first-child, .social_feed .twitter .social-post:first-child{ margin-bottom: 1em;}
	
	.social_feed.instagramfeed{ flex-flow:wrap;}
	.instagram-post{ width: 100%;}
	.instagram-post:first-child{ margin-right: 0; margin-bottom: 1em;}
}

@media only screen and (max-width: 1024px) {
	.util_nav{ padding-right: 0.5em;}
	header .util_nav ul.icons li{ margin: 0 0.5em;}
	header .util_nav ul.icons li svg{ width: 25px; height: 25px;}
	.main_nav{ padding: 0 0.5em 0 0em}
	
	.footer_left address{ margin-right: 3.5em;}
	.social li a{ padding: 0 0.25em 1em;}
	.social li a svg {width: 28px; height: 20px;}
	/** HOME PAGE ***/
	.slide_text .btn{ margin-top: 2em;}
	
	/** INSIDE PAGES **/
	.middle_column.with_right{ width: calc( 100% - 380px); margin-right: 35px;}
	.right_column{ width: 320px;}
}


@media only screen and (max-width: 960px) {
	/*** HOME PAGE ***/
	.pillars_container{ font-size: 12px;}
	.pillar_right h3{ line-height: 115%;}
	
	.quote_slide{ padding: 4.22em 2.5em 1.22em;}
	
	.mission_container{ max-width: 75%;}
	
	.social_container{ flex-flow: wrap;}
	.social_left, .social_right{ width: 100%;}
	.social_left{ margin-right: 0; margin-bottom: 2em;}
	.social_left .soc-pic{ width: 30%;}
	.social_left .hasimg .post-detail{ width: 70%;}
	
	.instagram-post{ width: calc(50% - 0.5em);}
	.instagram-post:first-child{ margin-right: 1em; margin-bottom: 0em;}
	
	/** INSIDE PAGES ***/
	.middle_column.with_right{ width: calc( 100% - 289px);}
	.right_column{ width: 250px;}
	
	.banner #page_heading{ width: 100%; bottom: 2em;}
	#page_heading h1{ font-size: 2.25em;}
}

@media only screen and (max-width: 767px) {
	html{ padding-bottom: 53px;}
	
	header{ position: fixed; background: #1d3161; padding: 5px 0;}
	header #sticky_logo{ display: inline-block;}
	header #logo img{ display: none;}
	
	.util_nav{ position: fixed; bottom: 0px; left: 0px; width: 100%; padding: 1em 0; text-align: center; background: #1d3161; border-top: thin solid #fff;}
	header .util_nav ul.icons{ float: none;}
	header .util_nav ul.icons li{ margin: 0 1em;}
	
	blockquote{ padding: 1.5em; padding-left: 7.44em;}
	blockquote *{ font-size: 1.25em;}
	blockquote::before{ width: 5.44em;}
	
	/** FOOTER **/
	.footer_left, .footer_top .wrapper{ flex-flow: wrap;}
	.footer_left{ order: 2; text-align: center; width: 100%;}
	.footer_col, .footer_cta{ width: 100%; margin-bottom: 1.5em;}
	footer h3{ line-height: 130%;}
	.footer_left address{ margin-right: 0;}
	.footer_left address, .footer_left .footer_phone, .footer_email{ justify-content: center;}
	
	/** HOME PAGE **/
	.slide_text{ top: 50%;}
	.slide_text h2{ font-size: 1.5em;}
	.slide_text .btn{ margin-top: 0.75em;}
	
	.tiles_container{ flex-flow: wrap;}
	.tiles_col{ width: 100%; margin: 0 auto;}
	.tile-item{ margin-top: 1.5em;}
	.tiles_col.left_col{ margin-bottom: 1.5em; margin-right: 0;}
	.tiles_col.right_col{ margin-left: 0;}
	.tile_content{ padding: 1.5em;}
	.events .slick-dots{ padding-bottom: 2em;}
	.events .slick-dots li{ padding: 10px;}
	
	/** INSIDE PAGES ***/
	.middle_column, .right_column{ width: 100% !important; margin: 0px !important;}
	#inside_nav{ display: none;}
	.mobile_inside_nav{ display: block; margin-top: 4rem;}
}

@media only screen and (max-width: 760px){
	/*** HOME PAGE ***/
	.pillars_container{ flex-flow: wrap;}
	.pillar_item{ width: 100%; border-bottom: solid 8px #fff;}
	.pillars_container{ font-size: 16px;}
	.pillar_right h3{ line-height: 150%;}
	
	/** INSIDE PAGES ***/
}

@media only screen and (max-width: 640px){
	/** HOME PAGE **/
	.pillars_container{ font-size: 14px;}
	.pillar_right h3{ line-height: 120%;}
	
	.quotes_container{ max-width: 90%;}
	
	.mission_container{ max-width: 90%;}
	
	.sticky_cta{ top: 80vh !important;}
	
	/** INSIDE PAGES **/
	.banner #page_heading{ bottom: 0; position: relative; background: rgb(80,80,80);}
	#page_heading h1{ font-size: 2em;}
	.banner, .banner_container{ margin-bottom: 0;}
}

@media only screen and (max-width: 460px){
	/**** HOME PAGE **/
	.instagram-post{ width: 100%;}
	.instagram-post:first-child{ margin-right: 0em; margin-bottom: 1em;}
}

/* SM 3.0 CSS */
.tool_content, #inside_nav { font-family: 'Roboto', sans-serif;}
.sm3_header_right .account_info a{ font-weight: 500;}
#sm3_body #page{ opacity: 1 !important; display: inline-block;}
#sm3_body footer{ border: none !important;}