/*####### Fonts font-family: "Times New Roman", Times, serif; font-family: 'Montserrat', sans-serif; ########*/ /*-------------------------------------------------------------- 1.0 - Reset --------------------------------------------------------------*/ /*! normalize.css v3.0.1 | MIT License | git.io/normalize */ html {font-family: 'Montserrat', sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;} body {margin: 0;} article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;} audio, canvas, progress, video {display: inline-block; vertical-align: baseline;} audio:not([controls]) {display: none; height: 0;} [hidden], template {display: none;} a {background: transparent;} s a:active, a:hover {outline: 0;} abbr[title] {border-bottom: 1px dotted;} b, strong {font-weight: bold;} dfn {font-style: italic;} h1 {font-size: 2em; margin: 0.67em 0;} mark {background: #ff0; color: #000;} small {font-size: 80%;} sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;} sup {top: -0.5em;} sub {bottom: -0.25em;} img {border: 0;} .alignleft {margin: 0 20px 20px 0;} .alignnone {margin: 0 0 20px;} .alignright {margin: 0 0 20px 20px;} svg:not(:root) {overflow: hidden;} figure {margin: 1em 40px;} hr {-moz-box-sizing: content-box; box-sizing: content-box; height: 0;} pre {overflow: auto;} code, kbd, pre, samp {font-size: 1em;} button, input, optgroup, select, textarea {color: inherit; font: inherit; margin: 0;} button {overflow: visible;} button, select {text-transform: none;} button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer;} button[disabled], html input[disabled] {cursor: default;} button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;} input {line-height: normal;} input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0;} input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;} input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;} input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;} fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;} legend {border: 0; padding: 0;} textarea {overflow: auto;} optgroup {font-weight: bold;} table {border-collapse: collapse; border-spacing: 0;} td, th {padding: 0;} @media print { * {text-shadow: none !important; color: #000 !important; background: transparent !important; box-shadow: none !important;} a, a:visited {text-decoration: underline;} a[href]:after {content: " (" attr(href) ")";} abbr[title]:after {content: " (" attr(title) ")";} a[href^="javascript:"]:after, a[href^="#"]:after {content: "";} pre, blockquote {border: 1px solid #999; page-break-inside: avoid;} thead {display: table-header-group;} tr, img {page-break-inside: avoid;} img {max-width: 100% !important;} p, h2, h3 {orphans: 3; widows: 3;} h2, h3 {page-break-after: avoid;} select {background: #fff !important;} .navbar {display: none;} .table td, .table th {background-color: #fff !important;} .btn > .caret, .dropup > .btn > .caret {border-top-color: #000 !important;} .label {border: 1px solid #000;} .table {border-collapse: collapse !important;} .table-bordered th, .table-bordered td {border: 1px solid #ddd !important;} } * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} html {font-size: 62.5%; -webkit-tap-highlight-color: transparent;} body {font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 0; color: #494949; background-color: white; word-wrap: break-word; overflow-x: hidden; scroll-behavior: smooth;} input, button, select, textarea {font-family: inherit; font-size: inherit; line-height: inherit;} a {color: #de2323; text-decoration: none;} a:hover, a:focus {color: #554e47; text-decoration: none;} a:focus {outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;} figure {margin: 0;} img {vertical-align: middle;} .img-responsive {display: block; max-width: 100%; height: auto;} .img-rounded {border-radius: 6px;} .img-thumbnail {padding: 4px; line-height: 1.42857; background-color: white; border: 1px solid #dddddd; border-radius: 0; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto;} .img-circle {border-radius: 50%;} hr {margin-top: 25px; margin-bottom: 25px; border: 0; border-top: 1px solid #d1d2d4;} .sr-only {position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;} .sr-only-focusable:active, .sr-only-focusable:focus {position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto;} /*-------------------------------------------------------------- 2.0 - Typography --------------------------------------------------------------*/ @font-face {font-family: 'FontAwesome'; src: url("fonts/fontawesome-webfont.eot?v=4.1.0"); src: url("fonts/fontawesome-webfont.eot?#iefix&v=4.1.0") format("embedded-opentype"), url("fonts/fontawesome-webfont.woff?v=4.1.0") format("woff"), url("fonts/fontawesome-webfont.ttf?v=4.1.0") format("truetype"), url("fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal;} /** * Typography */ /* HEADINGS ===================*/ h1 {font-size: 55px; line-height: 65px; font-weight: 600; margin: 0 0 20px; color: #554e47; font-family: "Times New Roman", Times, serif;} h2 {font-size: 35px; line-height: 45px; margin: 0 0 20px; font-weight: 600; color: #800000; font-family: "Times New Roman", Times, serif;} h3 {font-size: 25px; line-height: 35px; margin: 0 0 20px; font-weight: 400; color: #554e47; font-family: "Times New Roman", Times, serif;} h4 {font-size: 16px; line-height: 26px; margin: 0; font-weight: 600; color: #554e47; text-transform: uppercase;} h5 {font-size: 14px;} h6 {font-size: 12px;} /* BODY TEXT ===================*/ p {font-size: 16px; line-height: 26px; margin: 0 0 20px; font-weight: 400; color: #554e47;} li {font-size: 16px; line-height: 26px; margin: 0px; padding: 5px 0; font-weight: 400; color: #554e47;} #content ul {margin: 15px 0 20px; list-style-type: none; padding: 0 0 0 25px;} #content ul li {font-size: 16px; line-height: 26px; margin: 0px; padding: 5px 0 5px 25px; font-weight: 400; color: #554e47; background-image: url(../images/icon_arrow_list.jpg); background-repeat: no-repeat; background-position: 0 8px;} /* EMPHASIS ===================*/ small, .small {font-size: 85%;} cite {font-style: normal;} mark, .mark {background-color: #fcf8e3; padding: .2em;} /* LISTS ===================*/ ul, ol {margin-top: 0; margin-bottom: 30px;} ul ul, ul ol, ol ul, ol ol {margin-bottom: 0;} /* DESCRIPTION LISTS ===================*/ dl {margin-top: 0; margin-bottom: 20px;} dt, dd {line-height: 1.42857;} dt {font-weight: bold;} dd {margin-left: 0;} /* MISC ===================*/ abbr[title], abbr[data-original-title] {cursor: help; border-bottom: 1px dotted #999999;} blockquote {padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eeeeee;} blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {margin-bottom: 0;} blockquote footer, blockquote small, blockquote .small {display: block; font-size: 80%; line-height: 1.42857; color: #999999;} blockquote footer:before, blockquote small:before, blockquote .small:before {content: '\2014 \00A0';} blockquote:before, blockquote:after {content: "";} address {margin-bottom: 20px; font-style: normal; ine-height: 1.42857;} /*-------------------------------------------------------------- 3.0 - Elements --------------------------------------------------------------*/ code, kbd, pre, samp {font-family: Menlo, Monaco, Consolas, "Courier New", monospace;} code {padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 0;} kbd {padding: 2px 4px; font-size: 90%; color: white; background-color: #494949; border-radius: 3px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);} pre {display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857;word-break: break-all; word-wrap: break-word; color: #494949; background-color: whitesmoke; border: 1px solid #cccccc; border-radius: 0;} pre code {padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0;} .pre-scrollable {max-height: 340px; overflow-y: scroll;} table {max-width: 100%; background-color: transparent; border: 2px solid #dddddd;} th {text-align: left;} table {width: 100%; margin-bottom: 20px;} table > thead > tr > th, table > thead > tr > td, table > tbody > tr > th, table > tbody > tr > td, table > tfoot > tr > th, table > tfoot > tr > td {padding: 8px; line-height: 1.42857; vertical-align: top; border-top: 1px solid #dddddd;} table > thead > tr > th {vertical-align: bottom; border-bottom: 2px solid #dddddd;} table > caption + thead > tr:first-child > th, table > caption + thead > tr:first-child > td, table > colgroup + thead > tr:first-child > th, table > colgroup + thead > tr:first-child > td, table > thead:first-child > tr:first-child > th, table > thead:first-child > tr:first-child > td {border-top: 0;} table > tbody + tbody {border-top: 2px solid #dddddd;} fieldset {padding: 0; margin: 0; border: 0; min-width: 0;} legend {display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #494949; border: 0; border-bottom: 1px solid #e5e5e5;} label {display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold;} input[type="search"] {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} input[type="radio"], input[type="checkbox"] {margin: 4px 0 0; margin-top: 1px \9; line-height: normal;} input[type="file"] {display: block;} input[type="range"] {display: block; width: 100%;} select[multiple], select[size] {height: auto;} input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;} output {display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857; color: #555555;} select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {display: inline-block; width: 100%; height: 34px; padding: 4px 12px; font-size: 14px; line-height: 24px;; color: #554e47 !important; background-color: white; background-image: none; border: 1px solid #b8afab; border-radius: 5px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;} select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus {border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);} select::-moz-placeholder, textarea::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="color"]::-moz-placeholder {color: #8ea4bf; opacity: 1; font-weight: 400;} select:-ms-input-placeholder, textarea:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="color"]:-ms-input-placeholder {color: #8ea4bf; font-weight: 400;} select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="color"]::-webkit-input-placeholder {color: #8ea4bf; font-weight: 400;} select[disabled], select[readonly], fieldset[disabled] select, textarea[disabled], textarea[readonly], fieldset[disabled] textarea, input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly], fieldset[disabled] input[type="password"], input[type="datetime"][disabled], input[type="datetime"][readonly], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"], input[type="date"][disabled], input[type="date"][readonly], fieldset[disabled] input[type="date"], input[type="month"][disabled], input[type="month"][readonly], fieldset[disabled] input[type="month"], input[type="time"][disabled], input[type="time"][readonly], fieldset[disabled] input[type="time"], input[type="week"][disabled], input[type="week"][readonly], fieldset[disabled] input[type="week"], input[type="number"][disabled], input[type="number"][readonly], fieldset[disabled] input[type="number"], input[type="email"][disabled], input[type="email"][readonly], fieldset[disabled] input[type="email"], input[type="url"][disabled], input[type="url"][readonly], fieldset[disabled] input[type="url"], input[type="search"][disabled], input[type="search"][readonly], fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly], fieldset[disabled] input[type="tel"], input[type="color"][disabled], input[type="color"][readonly], fieldset[disabled] input[type="color"] {cursor: not-allowed; background-color: #eeeeee; opacity: 1;} textarea {height: 200px;} input[type="submit"], input[type="reset"], input[type="button"] {display: inline-block; margin-bottom: 0; font-weight: 700; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 2px solid transparent; white-space: nowrap; padding: 17px 12px; font-size: 18px; line-height: 22px; border-radius: 5px; color: white !important; background-color: #cf0013 !important; border-color: #cf0013 !important; text-transform: uppercase;} input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active, input[type="submit"].active, .open > input[type="submit"].dropdown-toggle, input[type="reset"]:hover, input[type="reset"]:focus, input[type="reset"]:active, input[type="reset"].active, .open > input[type="reset"].dropdown-toggle, input[type="button"]:hover, input[type="button"]:focus, input[type="button"]:active, input[type="button"].active, .open > input[type="button"].dropdown-toggle {color: #cf0013 !important; background-color: #ffffff !important; border-color: #cf0013 !important;} input[type="submit"]:active, input[type="submit"].active, .open > input[type="submit"].dropdown-toggle, input[type="reset"]:active, input[type="reset"].active, .open > input[type="reset"].dropdown-toggle, input[type="button"]:active, input[type="button"].active, .open > input[type="button"].dropdown-toggle {background-image: none;} input[type="submit"].disabled, input[type="submit"].disabled:hover, input[type="submit"].disabled:focus, input[type="submit"].disabled:active, input[type="submit"].disabled.active, input[type="submit"][disabled], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus, input[type="submit"][disabled]:active, input[type="submit"][disabled].active, fieldset[disabled] input[type="submit"], fieldset[disabled] input[type="submit"]:hover, fieldset[disabled] input[type="submit"]:focus, fieldset[disabled] input[type="submit"]:active, fieldset[disabled] input[type="submit"].active, input[type="reset"].disabled, input[type="reset"].disabled:hover, input[type="reset"].disabled:focus, input[type="reset"].disabled:active, input[type="reset"].disabled.active, input[type="reset"][disabled], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="reset"][disabled]:active, input[type="reset"][disabled].active, fieldset[disabled] input[type="reset"], fieldset[disabled] input[type="reset"]:hover, fieldset[disabled] input[type="reset"]:focus, fieldset[disabled] input[type="reset"]:active, fieldset[disabled] input[type="reset"].active, input[type="button"].disabled, input[type="button"].disabled:hover, input[type="button"].disabled:focus, input[type="button"].disabled:active, input[type="button"].disabled.active, input[type="button"][disabled], input[type="button"][disabled]:hover, input[type="button"][disabled]:focus, input[type="button"][disabled]:active, input[type="button"][disabled].active, fieldset[disabled] input[type="button"], fieldset[disabled] input[type="button"]:hover, fieldset[disabled] input[type="button"]:focus, fieldset[disabled] input[type="button"]:active, fieldset[disabled] input[type="button"].active {background-color: #cf0013; border-color: #cf0013;} input[type="submit"] .badge, input[type="reset"] .badge, input[type="button"] .badge {color: #428bca; background-color: white;} input[type="submit"]:focus, input[type="submit"]:active:focus, input[type="submit"].active:focus, input[type="reset"]:focus, input[type="reset"]:active:focus, input[type="reset"].active:focus, input[type="button"]:focus, input[type="button"]:active:focus, input[type="button"].active:focus {outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;} input[type="submit"]:hover, input[type="submit"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="button"]:hover, input[type="button"]:focus {color: #cf0013; text-decoration: none;} input[type="submit"]:active, input[type="submit"].active, input[type="reset"]:active, input[type="reset"].active, input[type="button"]:active, input[type="button"].active {outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);} /*-------------------------------------------------------------- 5.0 Main --------------------------------------------------------------*/ /*-------------------------------------------------------------- 5.1 Structure --------------------------------------------------------------*/ .container, #featured-area {margin-right: auto; margin-left: auto; max-width: 1180px; padding: 0 20px;} #content {margin-right: auto; margin-left: auto; width: 100%;} .single #content {margin: 0 auto; width: 100%; max-width: 1070px; padding: 50px 20px;} #content-full {margin: 0 auto; width: 100%; padding: 0;} #header #header_wrapper {background-color: #800000;} #header .container {margin: 0 auto; max-width: 100%; width: 100%; padding: 0;} .container:before, .content-area:before, #featured-area:before, .home-widgets:before, #footer #footer-wrapper:before, .container:after, .content-area:after, #featured-area:after, .home-widgets:after, #footer #footer-wrapper:after {content: " "; display: table;} .container:after, .content-area:after, #featured-area:after, .home-widgets:after, #footer #footer-wrapper:after {clear: both;} .container-full-width, .home-widgets {margin-right: auto; margin-left: auto;} .site-content {padding-top: 123px;} .page-template-landing-page .site-content {padding-top: 0px;} @media (max-width: 992px) { #header_wrapper {background-color: #ffffff;} #header .container {padding: 0;} .site-content {padding-top: 53px;} #header .container {padding: 0;} .page-template-landing-page .site-content {padding-top: 0px;} } /*-------------------------------------------------------------- 6.0 Menu --------------------------------------------------------------*/ /*-------------------------------------------------------------- 6.3 Subheader Menu --------------------------------------------------------------*/ #sub-menu-container {background-color: #800000; padding: 15px 20px;} #sub-navigation {} #give_link {float: right; display: block; margin: 0;} #give_link p {font-size: 19px; line-height: 39px; padding: 0; margin: 0; font-weight: 400; text-transform: uppercase;} #give_link a {color: #ffffff !important;} #give_link a:hover {color: #b4b0ac !important;} #sub-navigation:before, #sub-navigation:after {content: " "; display: table;} #sub-navigation:after {clear: both;} #sub-navigation.menu-open ul {display: block;} #sub-navigation ul {display: none; margin: 0; padding-left: 10px; list-style: none;} #sub-navigation ul li { margin: 0; padding: 0; list-style: none; font-size: 19px; line-height: 39px; text-transform: uppercase;} #sub-navigation ul li a {color: #fff; text-decoration: none;} #sub-navigation ul li a:hover {color: #b4b0ac;} #sub-navigation > ul {padding-top: 35px;} @media (min-width: 992px) { #sub-navigation ul {display: block;} #sub-navigation ul {padding: 0; max-width: 770px; width: 100%; margin: 0 25px 0 0; float: right;} #sub-navigation ul:before, #sub-navigation ul:after {content: " "; display: table;} #sub-navigation ul:after {clear: both;} #sub-navigation ul li {margin: 0; padding: 0; list-style: none; position: relative; float: left;} #sub-navigation ul li:hover ul {display: block;} #sub-navigation ul li li:hover > ul {left: 100%; top: 0;} #sub-navigation ul li a {margin: 0 25px; color: #fff;} #sub-navigation ul li > ul {position: absolute; z-index: 999; width: auto; max-width: 270px; min-width: 180px; padding: 15px 10px; background-color: #f3f3f3;} #sub-navigation ul li:nth-child(2) > ul {width: 270px; margin: 0 0 0 -40px;} #sub-navigation ul li ul {display: none;} #sub-navigation ul li ul li {float: none; text-align: center;} #sub-navigation ul li ul li a {background-image: none !important; color: #554e47!important; border: none !important; text-align: center; display: block; line-height: 22px; padding: 5px 0; text-transform: none; font-size: 16px; letter-spacing: normal; font-weight: 400; margin: 0;} #sub-navigation ul li ul li a:hover {text-decoration: none; color: #df2426 !important;} } @media (max-width: 992px) { #sub-menu-container {display: none} } /*-------------------------------------------------------------- 7.0 - Header --------------------------------------------------------------*/ #top_bar_container {display: none;} #top_bar_area {max-width: 1180px; width: 100%; margin: 0 auto; padding: 0;} #header {position: fixed; z-index: 800; padding-top: 0; padding-bottom: 0; width: 100%; background-color: #ffffff;} .home #header {position: fixed; z-index: 1000; padding-top: 0; padding-bottom: 0; width: 100%; background-color: rgba(0, 0, 0, 0.0);} .scroll {background-color: #ffffff !important;} .scroll_sub {background-color: #800000 !important;} .header-row {} .header-row:before, .header-row:after {content: " "; display: table;} .header-row:after {clear: both;} #site-branding {position: relative; min-height: 1px; float: left; width: 350px; margin: 30px 50px 30px 0px;} #site-branding .site-name a {color: #333333;} #site-branding .site-description {font-size: 20px;} #secondary-header {position: relative; min-height: 0px; display: inline-block; width: 100%; margin-bottom: 0;} #secondary-header p {font-size: 16px; line-height: 26px; font-weight: 400; margin: 0; color: #585858;} #secondary-header a {color: #336699;} #secondary-header a:hover {color: #585858;} #secondary-header img {padding: 4px 5px 0 0; vertical-align: top;} #secondary-header ul {padding: 0; margin: 0;} #secondary-header li {font-size: 16px; line-height: 26px; font-weight: 400; margin: 0; color: #585858; display: inline; padding: 0 0 0 20px; list-style: none;} #header_landing_container {z-index: 1000; width: 100%; background-repeat: repeat-x; background-position: top center; background-color: #891b21; background-size: cover;} #header_landing_wrapper {padding: 30px 20px; margin: 0 auto; max-width: 1180px; width: 100%; position: relative;} #header_landing_area {display: inline-block; width: 100%; margin-bottom: 0;} #header_lander_top {position: relative; float: none; height: 160px; margin: 0 0 20px;} #header_landing_logo { float: left; max-width: 282px; width: 100%; margin: 0 50px 20px 0;} #header_landing_phone {float: right; max-width: 250px; width: 250px; margin: 20px 0 36px;} #header_landing_phone p {color: #ffffff; font-size: 19px; line-height: 29px; font-weight: 400; text-align: right; margin: 0;} #header_landing_phone a {color: #ffffff;} #header_landing_phone a:hover {color: #262525;} #header_lander_bottom {position: relative; float: none; margin: 0;} #header_landing_title {} #header_landing_title h1 {font-size: 55px; line-height: 65px; color: #ffffff; text-align: left; padding: 0; margin: 0; display: inline-block; text-transform: uppercase; font-weight: 700;} @media (min-width: 1155px) { #top_bar_container {max-height: 62px;} } @media (max-width: 1155px) { } @media (max-width: 992px) { #top_bar_container {display: none;} } @media (max-width: 800px) { #site-branding {float: none; margin: 0 auto; padding: 0;} #secondary-header {float: none; margin: 0 auto;} } @media (max-width: 800px) { #header_landing_container {background-image: none !important;} #header_landing_title h1 {text-align: center;} } @media (max-width: 640px) { #header_landing_logo {float: none; margin: 0 auto 30px;} #header_landing_phone {float: none; margin: 0 auto 30px;} #header_landing_phone p {text-align: center;} } /*-------------------------------------------------------------- 8.0 - Structure --------------------------------------------------------------*/ .content-area:before, .content-area:after {content: " "; display: table;} .content-area:after {clear: both;} .front-page .content-area {width: 100%; padding: 0; background: #0079C0; margin: 0; color: #fff;} main:before, main:after {content: " "; display: table;} main:after {clear: both;} .home-widget {position: relative; min-height: 1px; padding-left: 0; padding-right: 0;} .home-widget .widget-wrapper .widget-title-home {text-align: center; margin-top: 0;} #home_hero {/*background-image: url(../images/bkgd_hero.jpg); background-repeat: no-repeat; background-color: #403e3c; background-position: top center;*/} #home_hero_new {} .slideshow {position: absolute; width: 100%; height: 100%; overflow: hidden; z-index: 0;} .slideshow-image {position: absolute; width: 100%; height: 100%; background: no-repeat 50% 50%; background-size: cover; -webkit-animation-name: kenburns; animation-name: kenburns; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 24s; animation-duration: 24s; opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2);} .slideshow-image:nth-child(1) {-webkit-animation-name: kenburns-1; animation-name: kenburns-1; z-index: 7;} .slideshow-image:nth-child(2) {-webkit-animation-name: kenburns-2; animation-name: kenburns-2; z-index: 6;} .slideshow-image:nth-child(3) {-webkit-animation-name: kenburns-3; animation-name: kenburns-3; z-index: 5;} .slideshow-image:nth-child(4) {-webkit-animation-name: kenburns-4; animation-name: kenburns-4; z-index: 4;} .slideshow-image:nth-child(5) {-webkit-animation-name: kenburns-5; animation-name: kenburns-5; z-index: 3;} .slideshow-image:nth-child(6) {-webkit-animation-name: kenburns-6; animation-name: kenburns-6; z-index: 2;} .slideshow-image:nth-child(7) {-webkit-animation-name: kenburns-7; animation-name: kenburns-7; z-index: 1;} .slideshow-image:nth-child(8) {-webkit-animation-name: kenburns-8; animation-name: kenburns-8; z-index: 0;} @-webkit-keyframes kenburns-1 { 0% {opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2);} 1.5625% {opacity: 1;} 23.4375% {opacity: 1;} 26.5625% {opacity: 0; -webkit-transform: scale(1); transform: scale(1);} 100% {opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2);} 98.4375% {opacity: 0; -webkit-transform: scale(1.21176); transform: scale(1.21176);} 100% {opacity: 1;} } @keyframes kenburns-1 { 0% {opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2);} 1.5625% {opacity: 1;} 23.4375% {opacity: 1;} 26.5625% {opacity: 0; -webkit-transform: scale(1); transform: scale(1);} 100% {opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2);} 98.4375% {opacity: 0; -webkit-transform: scale(1.21176); transform: scale(1.21176);} 100% {opacity: 1;} } @-webkit-keyframes kenburns-2 { 23.4375% {opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2);} 26.5625% {opacity: 1;} 48.4375% {opacity: 1;} 51.5625% {opacity: 0; -webkit-transform: scale(1); transform: scale(1);} 100% {opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2);} } @keyframes kenburns-2 { 23.4375% { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2);} 26.5625% {opacity: 1;} 48.4375% {opacity: 1;} 51.5625% {opacity: 0; -webkit-transform: scale(1); transform: scale(1);} 100% {opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2);} } @-webkit-keyframes kenburns-3 { 48.4375% {opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2);} 51.5625% {opacity: 1;} 73.4375% {opacity: 1;} 76.5625% {opacity: 0; -webkit-transform: scale(1); transform: scale(1);} 100% {opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2);} } @keyframes kenburns-3 { 48.4375% {opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2);} 51.5625% {opacity: 1;} 73.4375% {opacity: 1;} 76.5625% {opacity: 0; -webkit-transform: scale(1); transform: scale(1);} 100% {opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2);} } @-webkit-keyframes kenburns-4 { 73.4375% {opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2);} 76.5625% {opacity: 1;} 98.4375% {opacity: 1;} 100% {opacity: 0; -webkit-transform: scale(1); transform: scale(1);} } @keyframes kenburns-4 { 73.4375% {opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2);} 76.5625% {opacity: 1;} 98.4375% {opacity: 1;} 100% {opacity: 0; -webkit-transform: scale(1); transform: scale(1);} } @-webkit-keyframes kenburns-5 { 73.4375% {opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2);} 76.5625% {opacity: 1;} 98.4375% {opacity: 1;} 100% {opacity: 0; -webkit-transform: scale(1); transform: scale(1);} } @keyframes kenburns-5 { 73.4375% {opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2);} 76.5625% {opacity: 1;} 98.4375% {opacity: 1;} 100% {opacity: 0; -webkit-transform: scale(1); transform: scale(1);} } @-webkit-keyframes kenburns-6 { 73.4375% {opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2);} 76.5625% {opacity: 1;} 98.4375% {opacity: 1;} 100% {opacity: 0; -webkit-transform: scale(1); transform: scale(1);} } @keyframes kenburns-6 { 73.4375% {opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2);} 76.5625% {opacity: 1;} 98.4375% {opacity: 1;} 100% {opacity: 0; -webkit-transform: scale(1); transform: scale(1);} } @-webkit-keyframes kenburns-7 { 73.4375% {opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2);} 76.5625% {opacity: 1;} 98.4375% {opacity: 1;} 100% {opacity: 0; -webkit-transform: scale(1); transform: scale(1);} } @keyframes kenburns-7 { 73.4375% {opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2);} 76.5625% {opacity: 1;} 98.4375% {opacity: 1;} 100% {opacity: 0; -webkit-transform: scale(1); transform: scale(1);} } @-webkit-keyframes kenburns-8 { 73.4375% {opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2);} 76.5625% {opacity: 1;} 98.4375% {opacity: 1;} 100% {opacity: 0; -webkit-transform: scale(1); transform: scale(1);} } @keyframes kenburns-8 { 73.4375% {opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2);} 76.5625% {opacity: 1;} 98.4375% {opacity: 1;} 100% {opacity: 0; -webkit-transform: scale(1); transform: scale(1);} } /*#text-2 {padding: 115px 20px; margin: 0 auto; max-width: 1180px; width: 100%;}*/ #text-2 {margin: 0 auto; width: 100%;} #text-2a {margin: 0 auto; width: 100%;} #hero_content_wrapper {display: inline-block; width: 100%; margin-bottom: 0;} #hero_content_area {max-width: 1180px; width: 100%; position: relative; float: left; margin: 100px 20px 0;} #hero_content_wrapper_1 {max-width: 1180px; width: 100%; position: relative; float: none; padding: 100px 20px; margin: 0 auto;} #hero_content_area_1 {display: inline-block; width: 100%; margin-bottom: 0;} #home_hero_buttons {max-width: 610px; width: 100%; display: block; margin: 0 auto;} .home_botton_left {max-width: 280px; width: 100%; float: left; margin: 0 50px 0 0;} .home_button_right {max-width: 280px; width: 100%; float: left; margin: 0;} #hero_content_area h1 {font-size: 55px; line-height: 65px; font-weight: 400; margin: 0 0 30px; color: #ffffff; text-transform: none; text-align: center; text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.8);} #hero_content_area p {font-size: 24px; line-height: 34px; margin: 0; font-weight: 400; color: #ffffff;} #hero_content_area a.btn_red {color: #ffffff; background-color: #800000; text-transform: uppercase; padding: 11px 15px; font-size: 18px; line-height: 22px; border: 2px solid #800000; font-weight: 400; text-align: center; display: block; border-radius: 3px; width: 100%; max-width: 420px; margin: 0 auto; text-decoration: none !important;} #hero_content_area a.btn_red:hover {color: #800000; background: #ffffff; text-decoration: none; border: 2px solid #800000;} #hero_content_area_1 h1 {font-size: 50px; line-height: 60px; font-weight: 800; margin: 0 0 5px; color: #ffffff; text-transform: none; text-align: center; text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.8); font-family: 'Montserrat', sans-serif;} #hero_content_area_1 p {font-size: 23px; line-height: 33px; margin: 0 0 30px; font-weight: 700; color: #ffffff; text-align: center; text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.8);} #hero_content_area_1 a.btn_red {color: #ffffff; background-color: #800000; text-transform: uppercase; padding: 11px 15px; font-size: 18px; line-height: 22px; border: 2px solid #800000; font-weight: 400; text-align: center; display: block; border-radius: 3px; width: 100%; max-width: 420px;} #hero_content_area_1 a.btn_red:hover {color: #800000; background: #ffffff; text-decoration: none; border: 2px solid #800000;} /*#hero_cta_bar_container {position: relative; background-color: rgba(0, 0, 0, 0.72);}*/ #hero_cta_bar_container {position: relative; background-color: #fcb315;} #hero_cta_bar_wrapper {max-width: 1140px; width: 100%; float: none; padding: 27px 20px; margin: 0 auto;} #hero_cta_bar_area {display: inline-block; width: 100%; margin-bottom: 0;} #hero_cta_bar_content {float: none; max-width: 1100px; width: 100%;} #hero_cta_bar_content h4 {font-size: 18px; line-height: 28px; margin: 0px; font-weight: 600; color: #000000; text-align: center; text-transform: none;} .cta_bar_large_text {font-size: 22px; font-weight: 900; padding: 0 20px; line-height: 26px} .bold_upper {text-transform: uppercase; font-weight: 900;} #hero_cta_bar_content a {padding: 0 20px; font-weight: 800; color: #cf0013; text-transform: uppercase;} #hero_cta_bar_content a:hover {color: #ffffff;} @media (max-width: 900px) { #home_hero {background-image: none;} #hero_content_area {float: left; margin: 100px 0px 0;} } @media (max-width: 760px) { #hero_content_wrapper_1 {padding: 80px 20px;} .cta_bar_large_text {display: block; padding: 0 0 10px;} #hero_cta_bar_content a {padding: 0;} .home_botton_left {float: none; margin: 0 auto 20px;} .home_button_right {float: none; margin: 0 auto;} .hs-cta-wrapper {display: block;} } @media (max-width: 760px) { #hero_content_wrapper_1 {padding: 60px 20px;} } @media (max-width: 480px) { .cta_bar_large_text {font-size: 20px;} #hero_content_area_1 h1 {font-size: 40px; line-height: 50px;} #hero_content_area_1 p {font-size: 20px; line-height: 30px;} } #phs_home_55_wrapper {margin: 0 0 -5px;} #phs_home_55_area {margin: 0 auto; display: inline-block; width: 100%; min-height: 421px;} #phs_home_55_left {background-repeat: no-repeat; background-position: top right; width: 50%; float: left; min-height: 500px;} #phs_home_55_right {float: left; width: 50%; min-height: 500px; background-color: #800000; position: relative;} #phs_home_55_right_inner {padding: 20px 20px 20px 55px; max-width: 540px; width: 100%;} #phs_home_55_right h2 {color: #ffffff; margin: 0 0 10px; font-size: 40px; line-height: 50px;} #phs_home_55_right p {color: #ffffff;} #phs_home_55_right #section_navigation {float: left; max-width: 260px; width: 100%; margin: 10px 0 0;} #phs_home_blog_wrapper {margin: 0 0 -5px;} #phs_home_blog_area {margin: 0 auto; display: inline-block; width: 100%; min-height: 500px;} #phs_home_blog_left {background-repeat: no-repeat; background-position: top right; width: 50%; float: right; min-height: 500px;} #phs_home_blog_right {float: left; width: 50%; min-height: 500px; background-color: #554e47; position: relative;} #phs_home_blog_right_inner {padding: 20px 55px 20px 20px; max-width: 540px; width: 100%;} #phs_home_blog_right h2 {color: #ffffff; margin: 0 0 10px; font-size: 40px; line-height: 50px;} #phs_home_blog_right p {color: #ffffff; margin: 0 0 35px;} #phs_home_seniors_wrapper {margin: 0 0 -5px;} #phs_home_seniors_area {margin: 0 auto; display: inline-block; width: 100%; min-height: 421px;} #phs_home_seniors_left {background-repeat: no-repeat; background-position: top center; width: 50%; float: right; min-height: 500px;} #phs_home_seniors_right {float: left; width: 50%; min-height: 500px; background-color: #554e47; position: relative;} #phs_home_seniors_right_inner {padding: 20px 55px 20px 20px; max-width: 540px; width: 100%;} #phs_home_seniors_right h2 {color: #ffffff; margin: 0 0 10px; font-size: 40px; line-height: 50px;} #phs_home_seniors_right p {color: #ffffff;} @media (min-width: 1195px) { #phs_home_55_right_inner {position: absolute; top: 50%; transform: translateY(-50%);} #phs_home_seniors_right_inner {position: absolute; top: 50%; transform: translateY(-50%); right: 0;} #phs_home_blog_right_inner {position: absolute; top: 50%; transform: translateY(-50%); right: 0;} } @media (max-width: 1195px) { #phs_home_55_left {width: 100%; float: none; min-height: 350px; background-position: center;} #phs_home_55_right {float: none; width: 100%; text-align: center; min-height: 150px; display: inline-block;} #phs_home_55_right_inner {margin: 0 auto; max-width: 900px; width: 100%; padding: 60px 20px !important;} #phs_home_55_right #section_navigation {float: none; margin: 10px auto 0px;} #phs_home_seniors_left {width: 100%; float: none; min-height: 350px; background-position: center; background-size: cover;} #phs_home_seniors_right {float: none; width: 100%; text-align: center; min-height: 150px; display: inline-block;} #phs_home_seniors_right_inner {margin: 0 auto; max-width: 900px; width: 100%; padding: 60px 20px !important;} #phs_home_blog_left {width: 100%; float: none; min-height: 350px; background-position: center;} #phs_home_blog_right {float: none; width: 100%; text-align: center; min-height: 150px; display: inline-block;} #phs_home_blog_right_inner {margin: 0 auto; max-width: 900px; width: 100%; padding: 60px 20px !important;} #phs_home_blog_right a.btn_home_spirit_stories {margin: 0 auto;} } @media (max-width: 800px) { #phs_home_55_left {min-height: 250px;} #phs_home_seniors_left {min-height: 250px;} #phs_home_blog_left {min-height: 250px;} } @media (max-width: 600px) { #phs_home_55_right h2 {font-size: 30px; line-height: 40px;} #phs_home_seniors_right h2 {font-size: 30px; line-height: 40px;} #phs_home_blog_right h2 {font-size: 30px; line-height: 40px;} } #home_widget_1 {} #text-3 {padding: 90px 20px 40px; margin: 0 auto; max-width: 1180px; width: 100%;} #text-3-area {display: inline-block; width: 100%;} #text-3 h2 {font-size: 40px; line-height: 50px; font-weight: 700; margin: 0 0 5px; color: #554e47; text-transform: none; text-align: center;} #text-3 p {font-size: 18px; line-height: 28px; font-weight: 400; margin: 0 0 30px; color: #98938e; text-transform: none; text-align: center;} #home_widget_2 {;} #text-6 {padding: 50px 20px 120px; margin: 0 auto; max-width: 1180px; width: 100%} #text-6-area {display: inline-block; width: 100%;} #text-6 h3 {font-size: 40px; line-height: 50px; font-weight: 700; margin: 0 0 25px; color: #554e47; text-transform: none; text-align: center;} #text-6 h2 {font-size: 78px; line-height: 88px; font-weight: 600; margin: 0 0 10px; color: #de2323; text-transform: none; text-align: center;} #text-6 p {font-size: 18px; line-height: 28px; font-weight: 400; margin: 0 0 20px; color: #554e47; text-transform: none; text-align: center;} #text-6 sup {top: -0.7em; font-size: 50%;} #who_are_wrapper {max-width: 1140px; width: 100%; margin: 0 auto;} #who_are_area {display: inline-block; width: 100%; margin: 0;} #counter {float: left; max-width: 240px; width: 100%; margin: 0 22px; min-height: 174px;} @media (max-width: 1190px) { #who_are_wrapper {max-width: 570px; width: 100%; margin: 0 auto;} #counter {margin: 0 22px 20px;} } @media (max-width: 630px) { #counter {float: none; margin: 0 auto 20px; min-height: 100px;} } @media (max-width: 480px) { #text-6 h2 {font-size: 55px; line-height: 65px;} } #home_widget_3 {} #execphp-2 {padding: 50px 20px 75px; margin: 0 auto; max-width: 1180px; width: 100%;} #execphp-2 {padding: 50px 20px 75px; margin: 0 auto; max-width: 1180px; width: 100%;} #home_widget_3_text { margin: 0 0 40px;} #home_widget_3_text h2 {font-size: 40px; line-height: 50px; font-weight: 700; margin: 0; color: #554e47; text-transform: none; text-align: center;} #home_resources_wrapper {max-width: 1140px; width: 100%; margin: 0 auto;} #home_resources_area {display: inline-block; width: 100%;} #featured_resource {max-width: 540px; width: 100%; margin: 0 60px 50px 0; float: left;} #featured_resource #recent_post_info {margin: 0 20px;} #featured_resource img {display: block; clear: both; margin: 0 0 35px;} #featured_resource h4 { font-size: 26px; line-height: 36px; font-weight: 700; margin: 0 0 15px; color: #554e47; font-family: 'Montserrat', sans-serif;} #featured_resource p { font-size: 15px; line-height: 25px; font-weight: 400; margin: 0 0 15px; color: #554e47;} #featured_resource a {font-size: 14px; line-height: 24px; color: #de2323 !important; text-decoration: none; text-transform: uppercase; font-weight: 800;} #featured_resource a:hover {color: #554e47 !important;} #recent_blog_posts {max-width: 540px; width: 100%; margin: 0 0 50px; float: left;} #recent_blog_posts h4 { font-size: 15px; line-height: 21px; font-weight: 800; margin: 0 0 5px; color: #554e47; font-family: 'Montserrat', sans-serif;} #recent_blog_posts p { font-size: 15px; line-height: 21px; font-weight: 400; margin: 0; color: #554e47;} #recent_blog_posts a {font-size: 14px; line-height: 20px; color: #de2323 !important; text-decoration: none; text-transform: uppercase; font-weight: 800;} #recent_blog_posts a:hover {color: #554e47 !important;} #home_recent_post_area {padding: 0 25px 25px; border-bottom: 1px solid #cccac7; margin: 0 0 25px;} #home_recent_post_area:first-child {padding: 25px; border-bottom: 1px solid #cccac7; border-top: 1px solid #cccac7; margin: 0 0 25px;} #recent_blog_posts a.btn_blog {color: #fff !important; background: #de2323; text-transform: uppercase; padding: 18px 15px; font-size: 15px; line-height: 19px; border: 2px solid #de2323; font-weight: 800; text-align: center; display: inline-block; width: 100%; max-width: 300px; letter-spacing: 1px; border-radius: 0; white-space: normal; margin: 0 auto;} #recent_blog_posts a.btn_blog:hover {color: #de2323 !important; background: #ffffff; text-decoration: none; border: 2px solid #de2323;} #home_widget_4 {} @media (max-width: 1195px) { #home_resources_wrapper {max-width: 540px; width: 100%; margin: 0 auto;} #featured_resource {margin: 0 auto 50px; float: none;} #recent_blog_posts {margin: 0 auto 50px; float: none;} } @media (max-width: 800px) { #text-3 {padding: 80px 20px 30px;} #text-6 {padding: 50px 20px 80px;} } @media (max-width: 600px) { #hero_content_area {margin: 0;} #home_hero {background-image: none;} #text-3 h2 {font-size: 30px; line-height: 40px;} #text-6 h3 {font-size: 30px; line-height: 40px;} #home_widget_3_text h2 {font-size: 30px; line-height: 40px;} #home_widget_3_text h2 {font-size: 30px; line-height: 40px;} #text-3 {padding: 60px 20px 10px;} #text-6 {padding: 50px 20px 60px;} } @media (max-width: 480px) { #hero_content_area h1 {font-size: 40px; line-height: 50px;} } /*-------------------------------------------------------------- 8.3 - Post & Pages --------------------------------------------------------------*/ #main {position: relative; min-height: 1px;} @media (min-width: 992px) { #main {float: left; width: 66.66667%;} } #main article {margin-bottom: 5px;} #main article:before, #main article:after {content: " "; display: table;} #main article:after {clear: both;} #main article:last-child {border-bottom: none; padding-bottom: 0px;} .single #main article {margin: 0 auto 50px; max-width: 990px; padding: 0 0 30px; position: relative; border-bottom: 2px solid #dadada;} .search #main article {margin: 0 auto 30px; padding: 0 0 30px; position: relative; border-bottom: 2px solid #dadada;} .search .page-header {padding-bottom: 0; margin: 60px 0; border-bottom: 2px solid #dadada;} .search #main article .read-more {font-size: 18px; line-height: 28px; margin: 0; font-weight: 600; color: #df2426; text-transform: none;} .search #main article h3 a {color: #554e47;} .search #main article h3 a:hover {color: #df2426;} .entry-header .entry-title {font-size: 55px; line-height: 65px; color: #554e47; margin: 0; font-weight: 400; text-transform: none;} .entry-header {} #main #header_wrapper {max-width: 1180px; margin: 50px auto 0; padding: 0 20px; float: none;} #main #header_area {display: inline-block; width: 100%; margin-bottom: 0px; padding: 0 0 10px;} #page_title {float: left; max-width: 650px; width: 100%; margin: 0 50px 30px 0;} #page_title_full {float: left; max-width: 1140px; width: 100%; margin: 0 0 30px;} #section_navigation {float: right; max-width: 260px; width: 100%; margin: 10px 0 30px;} #section_navigation select {display: block; max-width: 280px; width: 100%; height: 44px; padding: 10px; font-size: 16px; line-height: 28px; color: #554e47; background-color: #ffffff; background-image: none; border: 1px solid #dadada; border-radius: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; text-transform: uppercase; font-weight: 400;} #section_navigation option {font-size: 16px; text-transform: none;} @media screen and (max-width: 1050px) { #page_title {float: none; max-width: 1140px; width: 100%; margin: 0 auto 30px; text-align: center;} #section_navigation {float: none; margin: 10px auto 30px;} } @media (max-width: 600px) { .entry-header .entry-title {font-size: 40px; line-height: 50px;} } .entry-thumbnail {margin-bottom: 20px;} .page-feature-image {padding-bottom: 10px;} /*-------------------------------------------------------------- 8.4 - Error Page --------------------------------------------------------------*/ #main.error-page {position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px;} @media (min-width: 992px) { #main.error-page {float: left; width: 100%;} } /*-------------------------------------------------------------- 8.5 - Navigation --------------------------------------------------------------*/ .site-main [class*="navigation"] {overflow: hidden;} .site-main p a {text-decoration: underline;} .site-main li a {text-decoration: underline;} .navigation {margin-top: 20px;} .navigation .nav-previous {float: left; width: 50%;} .navigation .nav-next {float: right; width: 50%; text-align: right;} /*-------------------------------------------------------------- 8.6 - Comments --------------------------------------------------------------*/ .comment-content {clear: both;} .comment-content a {word-wrap: break-word;} .comment-body {padding: 10px;} .comment-body .comment-meta {text-align: left;} .comment-body .comment-meta a {font-size: 11px;} .commentlist {list-style: none; padding-left: 0;} .commentlist li.alt > article {background: #f9f9f9;} .commentlist .children {list-style: none;} .commentlist .avatar {float: left; margin-right: 10px; vertical-align: middle;} /*-------------------------------------------------------------- 8.7 - Elements --------------------------------------------------------------*/ blockquote cite {display: block; text-align: right;} /*-------------------------------------------------------------- 8.8 - Breadcrumbs --------------------------------------------------------------*/ .breadcrumb-list {padding-top: 15px;} article .post-data {margin-top: 0px;} article .post-data .tags-links {float: left;} article .post-data .entry-meta {float: right;} .page article .post-data {display: none;} /*-------------------------------------------------------------- 9.0 - Media --------------------------------------------------------------*/ .page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley {margin-top: 0; margin-bottom: 0; padding: 0; border: none;} .wp-caption {max-width: 100%; margin-bottom: 1.5em; border: 1px solid #cccccc;} .wp-caption img[class*="wp-image-"] {display: block; max-width: 98%; margin: 1.2% auto 0;} .wp-caption .wp-caption-text {margin: 0.8075em 0;} .wp-caption-text {text-align: center;} img {max-width: 100%; height: auto;} /* Make sure embeds and iframes fit their containers */ embed, iframe, object {max-width: 100%;} /*-------------------------------------------------------------- 10.0 - Page/Post Layouts --------------------------------------------------------------*/ main#main {position: relative; min-height: 1px;} main#main {float: left; width: 100%;} .sidebar-content-page main#main {float: right; width: 100%; max-width: 750px; margin: 0 0 30px;} .content-sidebar-half-page main#main {position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px;} @media (min-width: 992px) { .content-sidebar-half-page main#main {float: left; width: 50%;} } .sidebar-content-half-page main#main {position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px;} @media (min-width: 992px) { .sidebar-content-half-page main#main {float: left; width: 50%;} } @media (min-width: 992px) { .sidebar-content-half-page main#main {left: 50%;} } .full-width-page main#main, .page-template-page-templateslanding-page-php main#main, .page-template-page-templatessitemap-php main#main {position: relative; min-height: 1px;} @media (min-width: 992px) { .full-width-page main#main, .page-template-page-templateslanding-page-php main#main, .page-template-page-templatessitemap-php main#main, .page-template-resources main#main {float: left; width: 100%;} } main#main.sitemap .sitemap-widgets {margin-left: -15px; margin-right: -15px;} main#main.sitemap .sitemap-widgets:before, main#main.sitemap .sitemap-widgets:after {content: " "; display: table;} main#main.sitemap .sitemap-widgets:after {clear: both;} .page-template-page-templateslanding-page-php #top-menu-container, .page-template-page-templateslanding-page-php #main-menu-container, .page-template-page-templateslanding-page-php #sub-menu-container, .page-template-page-templateslanding-page-php #footer-menu-container {display: none;} #post_featured_image {max-width:1000px; width: 100%; margin: 0 0 65px; float: left; position: relative; background-repeat: no-repeat; background-position: top center; min-height: 448px;} #post_title_meta {position: absolute; top: 50%; transform: translateY(-50%); padding: 0 20px; width: 100%} #post_title_meta h1 {font-size: 45px; line-height: 55px; margin: 0 0 15px; font-weight: 700; text-transform: uppercase; color: #ffffff; text-align: center;} #post_title_meta p {font-size: 18px; line-height: 28px; margin: 0 0 10px; font-weight: 500; text-transform: uppercase; color: #ffffff; text-align: center;} #post_title_meta p a {color: #ffffff;} #post_title_meta p a:hover {color: #cf0013;} #excerpt_image {max-width: 400px; width: 100%; margin: 0 35px 35px 0; float: left; position: relative; background-repeat: no-repeat; background-position: top center; min-height: 350px;} #excerpt_date {position: absolute; top: 20px; left: 0px; background-color: rgba(0,0,0,0.65); color: #ffffff; padding: 5px 10px; line-height: 24px; font-size: 14px; font-weight: 700;} #excerpt_content {max-width: 355px; width: 100%; margin: 15px 0 35px; float: left;} #excerpt_content h2 {font-size: 27px; line-height: 37px; margin: 0 0 10px; font-weight: 700; text-transform: uppercase; color: #cf0013;} #excerpt_content h2 a {color: #cf0013;} #excerpt_content h2 a:hover {color: #454545;} #excerpt_content p {font-size: 14px; line-height: 24px; margin: 0 0 15px; font-weight: 700; text-transform: uppercase; color: #746e6b;} #excerpt_content p a {color: #746e6b;} #excerpt_content p a:hover {color: #cf0013;} #excerpt_content .entry-content {font-size: 16px; line-height: 26px; margin: 0; font-weight: 400; color: #454545;} #excerpt_content .read-more {font-size: 18px; line-height: 28px; margin: 30px 0 0; font-weight: 700; text-transform: uppercase; color: #262525; padding: 10px 0 0; border-top: 1px solid #cf0013; width: 150px;} #excerpt_content .read-more a {color: #262525;} #excerpt_content .read-more a:hover {color: #cf0013;} @media (max-width: 845px) { #excerpt_image {max-width: 800px; width: 100%; margin: 0 auto 35px; float: none; min-height: 250px;} #excerpt_content {max-width: 800px; width: 100%; margin: 0 auto 35px; float: none;} } @media (max-width: 480px) { #post_title_meta h1 {font-size: 35px; line-height: 45px;} } /*-------------------------------------------------------------- 11.0 - Sidebar --------------------------------------------------------------*/ .default-sidebar, .gallery-sidebar, .right-sidebar {position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px;} @media (min-width: 992px) { .default-sidebar, .gallery-sidebar, .right-sidebar {float: left; width: 33.33333%;} } #footer_bottom_container {margin-left: 0; margin-right: 0; background-color: #262525;} #colophon-widget {max-width: 1180px; width: 100%; margin: 0 auto; padding: 40px 20px;} #colophon-widget:before, #colophon-widget:after {content: " "; display: table;} #colophon-widget:after {clear: both;} .colophon-widget {position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px;} @media (min-width: 992px) { .colophon-widget {float: left; width: 100%;} } .home-widgets {margin: 0 auto !important;} .left-sidebar {float: left; width: 100%; max-width: 300px; margin: 0 50px 30px 0;} .left-half-sidebar {position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px;} @media (min-width: 992px) { .left-half-sidebar {float: left; width: 50%;} } @media (min-width: 992px) { .left-half-sidebar {right: 50%;} } .right-half-sidebar {position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px;} @media (min-width: 992px) { .right-half-sidebar {float: left; width: 50%;} } /*-------------------------------------------------------------- 12.0 - Widgets --------------------------------------------------------------*/ #widgets, main#main.sitemap .sitemap-widgets {margin-bottom: 20px;} #widgets:before, main#main.sitemap .sitemap-widgets:before, #widgets:after, main#main.sitemap .sitemap-widgets:after {content: " "; display: table;} #widgets:after, main#main.sitemap .sitemap-widgets:after {clear: both;} #widgets .widget-title, main#main.sitemap .sitemap-widgets .widget-title {margin-bottom: 20px;} #widgets ul, main#main.sitemap .sitemap-widgets ul {padding-left: 0px; list-style-type: none;} #widgets ul li, main#main.sitemap .sitemap-widgets ul li {list-style: none; font-size: 14px; line-height: 24px; font-weight: 400; padding: 0 0 15px; text-transform: uppercase;} #widgets ul li a {color: #494949;} #widgets ul li a:hover {color: #e1261c; text-decoration: none;} .widget-wrapper {padding: 0; margin: 0px;} .widget_calendar #wp-calendar {width: 100%;} .widget_calendar #wp-calendar caption {margin-bottom: 20px;} .widget_calendar #wp-calendar thead tr th {padding-bottom: 10px; text-align: center;} .widget_calendar #wp-calendar tbody tr {border-bottom: 1px solid #555555;} .widget_calendar #wp-calendar tbody tr:last-child {border-bottom: none;} .widget_calendar #wp-calendar tbody tr td {text-align: center; padding: 5px;} .widget_calendar #wp-calendar tfoot tr td {padding-top: 10px;} .sitemap .sitemap-widget {position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px;} .widget-title h3 {color: #454545; font-weight: 700; font-size: 24px; line-height: 34px; text-transform: uppercase; margin: 0 0 12px; padding: 0 0 5px; border-bottom: 1px solid #cf0013;} @media (min-width: 992px) { .sitemap .sitemap-widget {float: left; width: 33.33333%;} } .widget_search {margin-top: 40px; text-align: center;} @media (min-width: 1200px) { .widget_search {text-align: right;} } .search-form {position: relative; max-width: 600px; width: 100%;} .search-form label {width: 100%;} .search-form .search-field {position: relative; margin: 0;} .search-form .search-submit {position: relative; width: 100%; padding: 8px 15px; font-size: 14px; line-height: 18px;} /*-------------------------------------------------------------- 13.0 - Footer --------------------------------------------------------------*/ #footer {margin: 0 auto; padding: 0; color: #59778f;} #footer:before, #footer:after {content: " "; display: table;} #footer:after {clear: both;} #footer-wrapper {} /*-------------------------------------------------------------- 13.1 - Footer widgets --------------------------------------------------------------*/ #footer-widgets-container {} #footer-widgets-container:before, #footer-widgets-container:after {content: " "; display: table;} #footer-widgets-container:after {clear: both;} #footer-widget {width: 100%; margin: 0 auto; letter-spacing: 0px; } #footer-widget:before, #footer-widget:after {content: " "; display: table;} #footer-widget:after {clear: both;} #footer-widget .footer-widget {position: relative; min-height: 1px;} #social_icons {margin: 10px 0 0; display: inline-block; width: 100%; margin-bottom: 0;} .social_icon {float: left; width: 40px; margin: 0 10px 0 0;} #social_icon a p {color: #aca7a5;} #social_icon a:hover p {color: #002857; text-decoration: none;} #text-4 {background-color: #800000;} #text-4 .textwidget {max-width: 1140px; width: 100%; margin: 0 auto; padding: 0;} #text-4 ul {margin: 0; padding: 0; width: 100%; display: inline-block;} #text-4 li {font-size: 28px; line-height: 38px; font-weight: 400; color: #ffffff; float: left; list-style: none; text-transform: uppercase; width: 25%; text-align: center; margin: 0; padding: 0; border-right: 2px solid #fcb315;} #text-4 a {color: #ffffff; padding: 25px 20px; display: block; width: 100%;} #text-4 li:last-child {border-right: none;} #text-4 li:hover {background-color: #df2426;} #text-5 {} #text-5 .textwidget {max-width: 1180px; width: 100%; margin: 0 auto; padding: 80px 20px 50px;} #footer_info_area {display: inline-block; width: 100%;} #footer_info_address {max-width: 540px; width: 100%; float: left; margin: 0 25px 20px 0;} #address_image {width: 149px; margin: 0 26px 20px 0; float: left;} #address_text {max-width: 365px; width: 100%; margin: 0; float: left;} #address_text h3 {font-size: 27px; line-height: 37px; color: #df2426; font-weight: 400; margin: 0 0 5px; text-transform: uppercase;} #address_text p {font-size: 15px; line-height: 25px; color: #554e47; font-weight: 400; margin: 0;} #address_text a {color: #554e47;} #address_text a:hover {color: #df2426;} #footer_info_social_icons {width: 125px; float: right; margin: 21px 0 30px;} #footer_info_social_icons img {margin: 0 10px 0 0;} #footer_info_award {width: 100px; float: right; margin: 0 50px 30px 0;} @media (max-width: 910px) { #footer_info_address {max-width: 460px;} #address_image {width: 80px; margin: 0 15px 20px 0;} #footer_info_award {margin: 0 30px 30px 0;} } @media (max-width: 800px) { #footer_info_address {float: none; margin: 0 auto 30px;} #footer_info_social_icons {float: none; margin: 0 auto 30px;} #address_image {margin: 0 auto 20px; float: none;} #address_text {margin: 0 auto; float: none; text-align: center;} #footer_info_award {float: none; margin: 0 auto;} #text-5 .textwidget {padding: 50px 20px;} #text-4 li {font-size: 20px; line-height: 30px;} } @media (max-width: 600px) { #text-4 li {font-size: 18px; line-height: 28px; width: 50%;} #text-4 a {padding: 20px;} #text-4 li:nth-child(2) {border-right: none; border-bottom: 2px solid #fcb315;} #text-4 li:first-child {border-bottom: 2px solid #fcb315;} } /*-------------------------------------------------------------- 13.3 - Copyright & Powered --------------------------------------------------------------*/ #footer-base {background-color: #ececec;} #footer-base:before, #footer-base:after {content: " "; display: table;} #footer-base:after {clear: both;} #footer-base-wrapper {margin: 0 auto; max-width: 1180px; width: 100%; padding: 30px 20px 20px;} #footer-base-area {display: inline-block; margin: 0 auto; width: 100%;} #footer-base .copyright {position: relative; min-height: 1px; padding: 0px; float: left; max-width: 270px; width: 100%; margin: 0;} #footer-base .copyright p {font-size: 14px; line-height: 24px; font-weight: 400; color: #b4b0ac; text-align: left; text-transform: uppercase; padding: 0 0 10px; margin: 0;} #footer-base .privacy_policy {position: relative; min-height: 1px; padding: 0px; float: right; max-width: 130px; width: 100%; margin: 0 0 0 50px;} #footer-base .privacy_policy p {font-size: 14px; line-height: 24px; font-weight: 400; color: #b4b0ac; text-align: right; text-transform: uppercase; padding: 0 0 10px; margin: 0;} #footer-base ul {margin: 0; padding: 0;} #footer-base li {font-size: 14px; line-height: 24px; font-weight: 400; color: #b4b0ac; display: inline-block; list-style: none; text-transform: uppercase; padding: 0 10px 10px;} .footer_base_padding {padding: 0 20px 0 0;} #footer-base a {color: #b4b0ac;} #footer-base a:hover {color: #df2426; text-decoration: none;} @media screen and (max-width: 500px) { #footer-base .copyright {float: none; margin: 0 auto;} #footer-base .copyright p {text-align: center;} #footer-base .privacy_policy {float: none; margin: 0 auto;} #footer-base .privacy_policy p {text-align: center;} #footer-base li {padding: 0 0 10px; display: block;} } /*-------------------------------------------------------------- 14.0 - Extras --------------------------------------------------------------*/ /* ALIGNMENT ===================*/ .alignleft {display: inline; float: left; margin: 0 40px 30px 0;} .alignright {display: inline; float: right; margin: 0 0 30px 40px;} .aligncenter {display: block; clear: both; margin: 0 auto 40px;} /*-------------------------------------------------------------- 15.0 - Accessibility --------------------------------------------------------------*/ .screen-reader-text {position: absolute !important; clip: rect(1px, 1px, 1px, 1px);} .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {z-index: 100000; /* Above WP toolbar */ top: 5px; left: 5px; display: block; clip: auto !important; width: auto; height: auto; padding: 15px 23px 14px; text-decoration: none; color: #428bca; border-radius: 3px; background-color: #f2f2f2; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); font-size: 14px; font-weight: bold; line-height: normal;} .accessibile-label {font-size: 0; height: 1px; overflow: hidden; display: block;} /*################### Global Classes ################*/ .bold {font-weight: 700;} a.btn_red {color: #ffffff; background-color: #800000; text-transform: uppercase; padding: 11px 15px; font-size: 18px; line-height: 22px; border: 2px solid #800000; font-weight: 400; text-align: center; display: block; border-radius: 3px; width: 100%; max-width: 280px; text-decoration: none !important;} a.btn_red:hover {color: #800000; background: #ffffff; text-decoration: none; border: 2px solid #800000;} a.btn_red_350 {color: #ffffff; background-color: #800000; text-transform: uppercase; padding: 11px 15px; font-size: 18px; line-height: 22px; border: 2px solid #800000; font-weight: 400; text-align: center; display: block; border-radius: 3px; width: 100%; max-width: 350px; text-decoration: none !important;} a.btn_red_350:hover {color: #800000; background: #ffffff; text-decoration: none; border: 2px solid #800000;} a.btn_red_450 {color: #ffffff; background-color: #800000; text-transform: uppercase; padding: 11px 15px; font-size: 18px; line-height: 22px; border: 2px solid #800000; font-weight: 400; text-align: center; display: block; border-radius: 3px; width: 100%; max-width: 450px; text-decoration: none !important;} a.btn_red_450:hover {color: #800000; background: #ffffff; text-decoration: none; border: 2px solid #800000;} a.button_apply {color: #fff; background-color: #e31d1a; text-transform: uppercase; padding: 11px 15px; font-size: 18px; line-height: 22px; border: 2px solid #e31d1a; font-weight: 700; text-align: center; display: inline-block; width: 280px; letter-spacing: 2px; text-decoration: none !important;} a.button_apply:hover {color: #e31d1a; background-color: #fff; text-decoration: none; border: 2px solid #e31d1a;} .list_columns {-moz-column-count: 2; -moz-column-gap: 40px; -webkit-column-count: 2; -webkit-column-gap: 40px; column-count: 2; column-gap: 40px;} @media screen and (max-width: 600px) { .list_columns {-moz-column-count: 1; -moz-column-gap: 0px; -webkit-column-count: 1; -webkit-column-gap: 0px; column-count: 1; column-gap: 0px;} } /*######################### Content Block ##################################*/ #content_wrapper {max-width: 1180px; margin: 0 auto; float: none; padding: 0px 20px 70px;} #content_area {display: inline-block; width: 100%; padding: 55px 0 0; border-top: 3px solid #eeedec;} #content_area a {font-weight: 700;} /*#####################################################################*/ /*---------------*/ /***** Oscar *****/ /*---------------*/ /* Common style */ #grid_wrapper {margin: 0 auto; max-width: 1140px; width: 100%;} .grid {display: inline-block; width: 100%;} .grid figure {position: relative; float: left; overflow: hidden; margin: 0 15px 15px 0; text-align: center; cursor: pointer;} .grid figure img {} .grid figure figcaption {padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden;} .grid figure figcaption::before, .grid figure figcaption::after {pointer-events: none;} .grid figure figcaption, .grid figure figcaption > a {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */ .grid figure figcaption > a {z-index: 900; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0;} .grid figure h3 {font-weight: 400; font-size: 28px; line-height: 38px; color: #ffffff; text-transform: none;} .grid figure h3 span {font-weight: 800;} .grid figure h3, .grid figure p {margin: 0;} .grid figure figcaption p {font-size: 18px !important; line-height: 28px !important; font-weight: 400 !important; color: #ffffff !important; padding: 0 30px; margin: 0 0 20px !important;} .grid figure.effect-oscar:hover a {color: #fcb315; text-transform: uppercase; opacity: 1;} .grid figure figcaption, .grid figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .grid figure.effect-oscar {} .grid figure.effect-oscar img {} .grid figure.effect-oscar figcaption {padding: 20px;} .grid figure.effect-oscar figcaption::before {position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; content: ''; background-color: rgba(128,0,0,0.75);} .grid figure.effect-oscar figcaption img {margin: 30px 0 10px; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);} .grid figure.effect-oscar:first-child figcaption img {margin: 130px 0 10px; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);} .grid figure.effect-oscar h3 {margin: 0 0 10px; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,30px,0);} .grid figure.effect-oscar figcaption::before, .grid figure.effect-oscar p {opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(0); transform: scale(0);} .grid figure.effect-oscar:hover h3 {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} .grid figure.effect-oscar:hover img {opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} .grid figure.effect-oscar:first-child:hover img {opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} .grid figure.effect-oscar:hover figcaption::before, figure.effect-oscar:hover p {opacity: 1; -webkit-transform: scale(1); transform: scale(1);} .grid figure.effect-oscar:hover figcaption {} .grid figure.effect-oscar:hover img {} @media screen and (max-width: 1195px) { #grid_wrapper {margin: 0 auto; max-width: 570px; width: 100%;} } @media screen and (max-width: 625px) { .grid_p {display: none;} .grid figure {margin: 0 auto 15px; float: none;} } @media screen and (max-width: 500px) { .grid figure.effect-oscar:first-child figcaption img {margin: 30px 0 10px;} } /*##################################################*/ /*################### SlideIn CTA ################*/ #slidebox {padding: 0; background-color: #800000; position: fixed; bottom: -2000px; right: 0; width: 100%; z-index: 1000;} a.close {background: transparent url(https://cdn2.hubspot.net/hub/53/file-527841348-gif/close.gif) no-repeat top left; width: 13px; height: 13px; position: absolute; cursor: pointer; top: 10px; right: 10px; opacity: 1.0;} a.close:hover {background-position: 0 -13px;} #slidebox_inner {max-width: 1140px; margin: 0 auto; padding: 0px 20px;} #slidebox_inner_area {display: inline-block; position: relative; width: 100%;} #slidebox_image {float: left; max-width: 174px; width: 100%; margin: 21px 50px 0 0;} #slidebox_text {float: left; max-width: 330px; width: 100%; margin: 40px 100px 30px 0;} #slidebox_button {float: left; max-width: 246px; width: 100%; margin: 60px 0 30px;} #slidebox_text_one_line {float: left; max-width: 1100px; width: 100%; margin: 27px 0;} #slidebox_text_one_line h4 {font-size: 16px; line-height: 26px; margin: 0px; font-weight: 400; color: #ffffff; text-align: center; text-transform: none;} #slidebox_text_one_line a {padding: 0 20px; font-weight: 800; color: #fcb315; text-transform: uppercase;} #slidebox_text_one_line a:hover {color: #ffffff;} .slide_large_text {font-size: 22px; line-height: 32px; margin: 0px; font-weight: 900; color: #fcb315; text-transform: uppercase; padding: 0 20px;} .slide_date_text {padding: 0 20px;} #slidebox_text h3 {font-size: 24px; line-height: 34px; margin: 0 0 10px; font-weight: 700; color: #ffffff; text-align: left; text-transform: uppercase; font-family: 'Open Sans Condensed', sans-serif;} #slidebox_text h4 {font-size: 16px; line-height: 26px; margin: 0px; font-weight: 500; color: #ffffff; text-align: left; font-family: 'Open Sans', sans-serif;} a.button_slidein_cta {color: #ffffff; background-color: #11c8de; text-transform: uppercase; padding: 15px 0; font-size: 16px; line-height: 20px; border: 3px solid #ffffff; font-family: 'Open Sans', sans-serif; font-weight: 600; text-align: center; display: inline-block; width: 100%;} a.button_slidein_cta:hover {color: #11c8de; background-color: #ffffff; text-decoration: none;} @media (max-width: 955px) { #slidebox_image {margin: 21px 50px 0 0;} #slidebox_text {margin: 21px 30px 30px 0;} #slidebox_button {margin: 41px 0 0;} } @media (max-width: 885px) { #slidebox {height: 140px; bottom: -140px;} #slidebox_button {margin: 0;} #slidebox_text_one_line a {padding: 0px;} .slide_large_text {padding: 0px; display: block;} .slide_date_text {padding: 0px; display: block;} } /*@media (max-width: 765px) { #slidebox {display: none;} }*/ /*##################################################*/ .phs_full_content_right {float: left; max-width: 570px; width: 100%; padding: 60px 20px 50px 60px} .phs_full_content_left {float: right; max-width: 570px; width: 100%; padding: 60px 60px 50px 20px} .phs_full_content_left p:last-child, .phs_full_content_right p:last-child {margin: 0;} @media screen and (max-width: 1195px) { .phs_full_content_right {float: none; max-width: 1140px; width: 100%; padding: 50px 20px !important;} .phs_full_content_left {float: none; max-width: 1140px; width: 100%; padding: 50px 20px !important;} } /*################### Paraclete Campus Styles ################*/ #phs_campus_top_wrapper {margin: 0 0 -5px;} #phs_campus_top_area {margin: 0 auto; display: inline-block; width: 100%; min-height: 421px;} #phs_campus_top_left {background-image: url(../images/bkgd_paraclete_campus.jpg); background-repeat: no-repeat; background-position: top left; width: 50%; float: left; min-height: 421px;} #phs_campus_top_right {float: left; width: 50%; min-height: 421px; background-color: #554e47;} #phs_campus_top_right h2 {color: #ffffff;} #phs_campus_top_right p {color: #ffffff;} #phs_campus_top_right .phs_full_content_right {padding: 50px 20px 20px 60px;} #phs_campus_mid_wrapper {max-width: 1040px; width: 100%; margin: 90px auto 30px; padding: 0 20px;} #phs_campus_mid_area {margin: 0 auto; display: inline-block; width: 100%;} #phs_campus_mid_left {float: left; max-width: 468px; width: 100%; margin: 0 100px 40px 0;} #phs_campus_mid_right {float: right; max-width: 432px; width: 100%; margin: 0 0 40px;} #phs_campus_bottom_wrapper {max-width: 1040px; width: 100%; margin: 40px auto 80px; padding: 0 20px;} #phs_campus_bottom_area {margin: 0 auto; display: inline-block; width: 100%;} #phs_campus_bottom_left {float: left; max-width: 432px; width: 100%; margin: 0 100px 40px 0;} #phs_campus_bottom_right {float: left; max-width: 468px; width: 100%; margin: 140px 0 40px;} @media screen and (max-width: 1195px) { #phs_campus_top_left {width: 100%; float: none; min-height: 421px; background-position: top center;} #phs_campus_top_right {float: none; width: 100%; text-align: center; min-height: 150px; display: inline-block;} #phs_campus_top_right a.btn_red {margin: 0 auto;} } @media screen and (max-width: 1055px) { #phs_campus_mid_left {float: none; margin: 0 auto 40px;} #phs_campus_mid_right {float: none; max-width: 468px; margin: 0 auto 40px;} #phs_campus_bottom_left {float: none; max-width: 468px; margin: 0 auto 40px;} #phs_campus_bottom_right {float: none; margin: 0 auto 40px;} } /*##################################################*/ /*################### Paraclete Support Styles ################*/ #phs_coach_ray_top_wrapper {margin: 0 0 -5px;} #phs_coach_ray_top_area {margin: 0 auto; display: inline-block; width: 100%; min-height: 421px;} #phs_coach_ray_top_right {background-image: url(../images/bkgd_DeShane-Picture-football-team.jpg); background-repeat: no-repeat; background-position: top left; width: 50%; float: right; min-height: 421px;} #phs_coach_ray_top_left {float: left; width: 50%; min-height: 421px; background-color: #800000;} #phs_coach_ray_top_left h2 {color: #ffffff;} #phs_coach_ray_top_left p {color: #ffffff;} #phs_coach_ray_top_left .phs_full_content_left {padding: 50px 50px 20px 20px;} @media (max-width: 1195px) { #phs_coach_ray_top_right {width: 100%; float: none; min-height: 421px; background-position: top left;} #phs_coach_ray_top_left {float: none; width: 100%; text-align: center; min-height: 150px; display: inline-block;} } /*##################################################*/ /*################### Paraclete Support Styles ################*/ a.btn_make_a_gift{color: #ffffff; background-color: #800000; text-transform: uppercase; padding: 11px 15px; font-size: 18px; line-height: 22px; border: 2px solid #800000; font-weight: 400; text-align: center; display: block; border-radius: 3px; width: 100%; max-width: 195px; margin: 0 auto; text-decoration: none;} a.btn_make_a_gift:hover {color: #800000; background: #ffffff; text-decoration: none; border: 2px solid #800000;} #phs_give_top_wrapper {margin: 0 0 -5px;} #phs_give_top_area {margin: 0 auto; display: inline-block; width: 100%; min-height: 421px;} #phs_give_top_right {background-image: url(/wp-content/uploads/careers-school-photo.jpg); background-repeat: no-repeat; background-position: top center; width: 50%; float: right; min-height: 421px; background-size: cover;} #phs_give_top_left {float: left; width: 50%; min-height: 421px; background-color: #800000;} #phs_give_top_left h2 {color: #ffffff;} #phs_give_top_left p {color: #ffffff;} #phs_give_top_left .phs_full_content_left {padding: 60px 60px 20px 20px;} #phs_give_mid_wrapper {max-width: 940px; width: 100%; margin: 80px auto 90px; padding: 0 20px;} #phs_give_mid_area {margin: 0 auto; display: inline-block; width: 100%;} #phs_give_mid_area h2 {text-align: center; color: #554e47;} #phs_give_mid_area p {text-align: center; margin: 0 0 20px;} #phs_give_mid_area a.btn_red {display: block; margin: 0 auto; color: #ffffff; background-color: #800000; text-transform: uppercase; padding: 11px 15px; font-size: 15px; line-height: 19px; border: 2px solid #800000; font-weight: 400; text-align: center; border-radius: 3px; width: 100%; max-width: 220px; text-decoration: none !important;} #phs_give_mid_area a.btn_red:hover {color: #800000; background: #ffffff; text-decoration: none; border: 2px solid #800000;} #phs_give_b3_container {background-image: url("../images/bkgd_support_phs_bright_future.jpg"); height: 100%; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;} #phs_give_b3_wrapper {max-width: 1140px; width: 100%; margin: 0 auto; padding: 55px 20px;} #phs_give_b3_area {margin: 0 auto; display: inline-block; width: 100%;} #phs_give_b3_content {float: right; max-width: 620px; width: 100%; background-color: rgba(85,78,71,0.87); padding: 60px 70px;} #phs_give_b3_content h2 {color: #ffffff; font-size: 45px; line-height: 55px; margin: 0 0 10px;} #phs_give_b3_content h4 {color: #ffffff; font-size: 16px; line-height: 26px; margin: 0; font-weight: 700; text-transform: none;} #phs_give_b3_content p {color: #ffffff; margin: 0 0 30px;} #phs_give_b3_content ul {margin: 0; padding: 0;} #phs_give_b3_content ul li {font-size: 16px; line-height: 26px; margin: 0px; padding: 0 0 0px 15px; font-weight: 400; color: #ffffff; background-image: url(../images/icon_arrow.png); background-repeat: no-repeat; background-position: 0 8px;} #phs_give_b4_wrapper {max-width: 850px; width: 100%; margin: 80px auto 90px; padding: 0 20px;} #phs_give_b4_area {margin: 0 auto; display: inline-block; width: 100%;} #phs_give_b4_area h2 {text-align: center; color: #554e47;} #phs_give_b4_area p {text-align: center; margin: 0 0 30px;} #phs_give_b4_area a.btn_red {display: block; margin: 0 auto; color: #ffffff; background-color: #800000; text-transform: uppercase; padding: 11px 15px; font-size: 15px; line-height: 19px; border: 2px solid #800000; font-weight: 400; text-align: center; border-radius: 3px; width: 100%; max-width: 220px; text-decoration: none !important;} #phs_give_b4_area a.btn_red:hover {color: #800000; background: #ffffff; text-decoration: none; border: 2px solid #800000;} #phs_give_bottom_wrapper {margin: 0 0 -5px;} #phs_give_bottom_area {margin: 0 auto; display: inline-block; width: 100%; min-height: 421px;} #phs_give_bottom_left {background-image: url(../images/bkgd_support_other_ways_to_give.jpg); background-repeat: no-repeat; background-position: top right; width: 50%; float: left; min-height: 421px;} #phs_give_bottom_right {float: left; width: 50%; min-height: 421px; background-color: #554e47;} #phs_give_bottom_right h2 {color: #ffffff;} #phs_give_bottom_right p {color: #ffffff;} #phs_give_bottom_right .small_text {font-size: 14px; line-height: 24px; color: #a5a09b;} #phs_give_bottom_right .phs_full_content_right {padding: 50px 20px 20px 60px;} @media screen and (max-width: 1195px) { #phs_give_top_right {width: 100%; float: none; min-height: 421px; background-position: top left;} #phs_give_top_left {float: none; width: 100%; text-align: center; min-height: 150px; display: inline-block;} #phs_give_bottom_left {width: 100%; float: none; min-height: 421px; background-position: top center;} #phs_give_bottom_right {float: none; width: 100%; text-align: center; min-height: 150px; display: inline-block;} } @media screen and (max-width: 600px) { #phs_give_b3_content {padding: 50px 30px;} #phs_give_b3_content h2 {font-size: 30px; line-height: 40px;} } /*##################################################*/ /*################### Paraclete Freshman Admissions Styles ################*/ #phs_fa_top_wrapper {margin: 0 0 -5px;} #phs_fa_top_area {margin: 0 auto; display: inline-block; width: 100%; min-height: 421px;} #phs_fa_top_left {background-image: url(../images/bkgd_fa_top.jpg); background-repeat: no-repeat; background-position: top right; width: 50%; float: left; min-height: 421px;} #phs_fa_top_right {float: left; width: 50%; min-height: 421px; background-color: #554e47;} #phs_fa_top_right h2 {color: #ffffff; margin: 0 0 10px;} #phs_fa_top_right p {color: #ffffff; margin: 0 0 30px;} #phs_fa_top_right .phs_full_content_right {padding: 90px 20px 20px 70px; max-width: 490px; width: 100%;} #phs_fa_top_right a.btn_red {max-width: 340px; width: 100%; margin: 0;} #phs_fa_b1_wrapper {max-width: 1040px; width: 100%; margin: 115px auto 60px; padding: 0 20px;} #phs_fa_b1_area {margin: 0 auto; display: inline-block; width: 100%;} #phs_fa_b1_left {float: left; max-width: 480px; width: 100%; margin: 0 120px 40px 0;} #phs_fa_b1_left p {margin: 0 0 20px;} #phs_fa_b1_left a {font-weight: bold;} #phs_fa_b1_right {float: left; max-width: 380px; width: 100%; margin: 45px 0 40px;} #phs_fa_b1_right h3 {font-size: 34px; line-height: 60px; margin: 0; text-align: center; font-style: italic; font-weight: 600; color: #a59a8f; font-family: "Times New Roman", Times, serif;} #phs_fa_b2_wrapper {background-image: url(../images/bkgd_fa_cta_block.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; background-color: #800000;} #phs_fa_b2_area {margin: 0 auto; display: block; width: 100%; max-width: 910px; padding: 115px 20px 90px;} #phs_fa_b2_area h2 {color: #ffffff; text-align: center; font-size: 45px; line-height: 55px; padding: 0 100px;} #phs_fa_b2_area p {color: #ffffff; text-align: center; margin-bottom: 30px;} #phs_fa_b3_wrapper {max-width: 1040px; width: 100%; margin: 120px auto 80px; padding: 0 20px;} #phs_fa_b3_area {margin: 0 auto; display: inline-block; width: 100%;} #phs_fa_b3_left {float: left; max-width: 480px; width: 100%; margin: 40px 88px 40px 0;} #phs_fa_b3_left h2 {margin: 0 0 10px;} #phs_fa_b3_left p {margin: 0 0 20px;} #phs_fa_b3_left a {font-weight: bold;} #phs_fa_b3_right {float: left; max-width: 432px; width: 100%; margin: 0 0 40px;} #phs_fa_b4_wrapper {max-width: 1140px; width: 100%; margin: 0 auto; padding: 100px 20px 120px; border-top: 2px solid #dadada;} #phs_fa_b4_area {margin: 0 auto; display: inline-block; width: 100%;} #phs_fa_b4_area h2 {text-align: center; color: #554e47; font-weight: 600; font-size: 45px; line-height: 55px; margin: 0 0 10px;} #phs_fa_b4_area p {text-align: center; margin: 0 0 40px;} #phs_fa_bottom_wrapper {margin: 0 0 -5px;} #phs_fa_bottom_area {margin: 0 auto; display: inline-block; width: 100%; min-height: 421px;} #phs_fa_bottom_left {background-image: url(../images/bkgd_fa_learn_more.jpg); background-repeat: no-repeat; background-position: top right; width: 50%; float: left; min-height: 421px;} #phs_fa_bottom_right {float: left; width: 50%; min-height: 421px; background-color: #554e47;} #phs_fa_bottom_right .phs_full_content_right {float: left; max-width: 510px; width: 100%; padding: 60px 20px 30px 70px;} #phs_fa_bottom_right h2 {color: #ffffff; margin: 0 0 30px;} #phs_fa_bottom_right h3 {font-size: 22px; line-height: 32px; margin: 0; font-style: italic; font-weight: 400; color: #ffffff;} #phs_fa_bottom_right p {color: #ffffff;} #phs_fa_bottom_right ul {margin: 0 0 20px; padding: 0;} #phs_fa_bottom_right ul li {font-size: 16px; line-height: 26px; margin: 0px; padding: 0 0 20px; font-weight: 900; color: #554e47; background-image: none; background-repeat: no-repeat; background-position: 0 0; text-transform: uppercase;} #phs_fa_bottom_right a {color: #fcb315;} #phs_fa_bottom_right a:hover {color: #de2323;} @media screen and (max-width: 1195px) { /*#phs_fa_top_left {width: 100%; float: none; min-height: 421px; background-position: top center;}*/ #phs_fa_top_left {display: none;} #phs_fa_top_right {float: none; width: 100%; text-align: center; min-height: 150px; display: inline-block;} #phs_fa_top_right .phs_full_content_right {margin: 0 auto; max-width: 900px; width: 100%; padding: 60px 20px !important;} #phs_fa_top_right a.btn_red {margin: 0 auto;} } @media screen and (max-width: 1040px) { #phs_fa_b1_left {float: none; max-width: 900px; width: 100%; margin: 0 auto 40px;} #phs_fa_b1_left p {text-align: center;} #phs_fa_b1_right {float: none; max-width: 900px; width: 100%; margin: 0 auto 40px;} #phs_fa_b3_left {float: none; max-width: 900px; width: 100%; margin: 0 auto 40px;} #phs_fa_b3_left h2 {text-align: center;} #phs_fa_b3_left p {text-align: center;} #phs_fa_b3_right {float: none; margin: 0 auto 40px;} } @media screen and (max-width: 900px) { #phs_fa_b2_area h2 {padding: 0;} #phs_fa_bottom_left {width: 100%; float: none; min-height: 421px; background-position: top center;} #phs_fa_bottom_right {float: none; width: 100%; text-align: center; min-height: 150px; display: inline-block;} #phs_fa_bottom_right .phs_full_content_right {margin: 0 auto; max-width: 900px; width: 100%; padding: 60px 20px !important;} } @media screen and (max-width: 480px) { #phs_fa_b1_wrapper {margin: 80px auto 40px;} #phs_fa_b2_area {padding: 80px 20px;} #phs_fa_b2_area h2 {font-size: 35px; line-height: 45px;} #phs_fa_b3_wrapper {margin: 80px auto 40px;} #phs_fa_b1_right h3 {font-size: 34px; line-height: 44px;} #phs_fa_b4_wrapper {padding: 80px 20px;} #phs_fa_b4_area h2 {font-size: 35px; line-height: 45px;} } /*##################################################*/ /*################### Paraclete AP Capstone Styles ################*/ #phs_capstone_b1_wrapper {margin: 0 0 -5px;} #phs_capstone_b1_area {margin: 0 auto; display: inline-block; width: 100%; min-height: 421px;} #phs_capstone_b1_left {background-image: url(../images/image_ap_capstone.jpg); background-repeat: no-repeat; background-position: top right; width: 50%; float: left; min-height: 421px;} #phs_capstone_b1_right {float: left; width: 50%; min-height: 421px; background-color: #554e47;} #phs_capstone_b1_right h2 {color: #ffffff; margin: 0 0 10px;} #phs_capstone_b1_right p {color: #ffffff; margin: 0 0 30px;} #phs_capstone_b1_right .phs_full_content_right {padding: 90px 20px 20px 70px; max-width: 490px; width: 100%;} #phs_capstone_b1_right a.btn_red {max-width: 340px; width: 100%; margin: 0;} #phs_capstone_b2_wrapper {max-width: 1040px; width: 100%; margin: 115px auto 60px; padding: 0 20px;} #phs_capstone_b2_area {margin: 0 auto; display: inline-block; width: 100%;} #phs_capstone_b2_left {float: left; max-width: 480px; width: 100%; margin: 0 80px 40px 0;} #phs_capstone_b2_left p {margin: 0 0 20px;} #phs_capstone_b2_left a {font-weight: bold;} #phs_capstone_b2_right {float: left; max-width: 440px; width: 100%; margin: 200px 0 40px;} #phs_capstone_b2_right h3 {font-size: 34px; line-height: 60px; margin: 0; text-align: center; font-style: italic; font-weight: 600; color: #a59a8f; font-family: "Times New Roman", Times, serif;} #phs_capstone_b3_wrapper {background-image: url(../images/bkgd_defining_scholars_for_college.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; background-color: #800000;} #phs_capstone_b3_area {margin: 0 auto; display: block; width: 100%; max-width: 910px; padding: 115px 20px 90px;} #phs_capstone_b3_area h2 {color: #ffffff; text-align: center; font-size: 45px; line-height: 55px; padding: 0;} #phs_capstone_b3_area p {color: #ffffff; text-align: center; margin-bottom: 30px;} #phs_capstone_b4_wrapper {max-width: 1100px; width: 100%; margin: 140px auto 90px; padding: 0 20px;} #phs_capstone_b4_area {margin: 0 auto; display: inline-block; width: 100%;} #phs_capstone_b4_area h2 {margin: 0 0 10px;} #phs_capstone_b4_area p {margin: 0 0 20px;} #phs_capstone_b4_area a {font-weight: bold;} #phs_capstone_b4_area img {float: left;} #phs_capstone_b4_left {float: left; max-width: 450px; width: 100%; margin: 0 40px 60px;} #phs_capstone_b4_right {float: left; max-width: 450px; width: 100%; margin: 0 40px 60px;} .capstone_b4_1st_area_image {padding: 30px 0 0;} .capstone_b4_2nd_area_text {padding: 60px 0 0;} .capstone_b4_3rd_area_text {padding: 73px 0 0;} #phs_capstone_b5_wrapper {background-image: url(../images/bkgd_ap_capstone_right_for_me.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; background-color: #800000;} #phs_capstone_b5_area {margin: 0 auto; display: block; width: 100%; max-width: 910px; padding: 115px 20px 90px;} #phs_capstone_b5_area h2 {color: #ffffff; text-align: center; font-size: 45px; line-height: 55px; padding: 0;} #phs_capstone_b5_area p {color: #ffffff; text-align: center; margin: 0 0 20px;} #phs_capstone_b6_wrapper {max-width: 760px; width: 100%; margin: 0 auto; padding: 130px 20px 75px;} #phs_capstone_b6_area {margin: 0 auto; display: inline-block; width: 100%;} #phs_capstone_b6_area h2 {text-align: center; color: #800000; font-weight: 600; font-size: 45px; line-height: 55px; margin: 0 0 10px;} #phs_capstone_b6_area p {text-align: center; margin: 0 0 40px;} #phs_capstone_b7_container {max-width: 1140px; width: 100%; margin: 0 auto; padding: 0 20px} #phs_capstone_b7_area {margin: 0 auto; display: inline-block; width: 100%; border-top: 2px solid #dadada;} #phs_capstone_b7_wrapper {max-width: 1000px; width: 100%; margin: 0 auto; padding: 105px 0 70px;} #phs_capstone_b7_area h2 {margin: 0 0 80px; text-align: center; font-size: 45px; line-height: 55px;} #phs_capstone_b7_left {float: left; max-width: 480px; width: 100%; margin: 0px 88px 40px 0;} #phs_capstone_b7_left p {margin: 0 0 20px;} #phs_capstone_b7_left a {font-weight: bold;} #phs_capstone_b7_right {float: left; max-width: 432px; width: 100%; margin: 0 0 40px;} #phs_capstone_bottom_wrapper {margin: 0 0 -5px;} #phs_capstone_bottom_area {margin: 0 auto; display: inline-block; width: 100%; min-height: 421px;} #phs_capstone_bottom_left {background-image: url(../images/image_ap_capstone_learn_more.jpg); background-repeat: no-repeat; background-position: top right; width: 50%; float: left; min-height: 421px;} #phs_capstone_bottom_right {float: left; width: 50%; min-height: 421px; background-color: #554e47;} #phs_capstone_bottom_right .phs_full_content_right {float: left; max-width: 510px; width: 100%; padding: 60px 20px 30px 70px;} #phs_capstone_bottom_right h2 {color: #ffffff; margin: 0 0 30px;} #phs_capstone_bottom_right h3 {font-size: 22px; line-height: 32px; margin: 0; font-style: italic; font-weight: 400; color: #ffffff;} #phs_capstone_bottom_right p {color: #ffffff;} #phs_capstone_bottom_right ul {margin: 0 0 20px; padding: 0;} #phs_capstone_bottom_right ul li {font-size: 16px; line-height: 26px; margin: 0px; padding: 0 0 20px; font-weight: 900; color: #554e47; background-image: none; background-repeat: no-repeat; background-position: 0 0; text-transform: uppercase;} #phs_capstone_bottom_right a {color: #fcb315;} #phs_capstone_bottom_right a:hover {color: #de2323;} @media (max-width: 1195px) { #phs_capstone_b1_area {min-height: 100px;} #phs_capstone_b1_left {display: none;} #phs_capstone_b1_right {float: none; width: 100%; text-align: center; min-height: 150px; display: inline-block;} #phs_capstone_b1_right .phs_full_content_right {margin: 0 auto; max-width: 900px; width: 100%; padding: 60px 20px !important;} #phs_capstone_b1_right a.btn_red {margin: 0 auto;} #phs_capstone_bottom_left {width: 100%; float: none; min-height: 350px; background-position: top center;} #phs_capstone_bottom_right {float: none; width: 100%; text-align: center; min-height: 350px; display: inline-block;} #phs_capstone_bottom_right .phs_full_content_right {float: none; margin: 0 auto; max-width: 900px; width: 100%; padding: 60px 20px !important;} } @media (max-width: 1120px) { #phs_capstone_b4_left {float: none; max-width: 900px; width: 100%; margin: 0 auto 60px;} #phs_capstone_b4_area h2 {text-align: center;} #phs_capstone_b4_area p {text-align: center;} #phs_capstone_b4_area img {float: none; margin: 0 auto; display: block;} #phs_capstone_b4_right {float: none; max-width: 900px; width: 100%; margin: 0 auto 60px;} .capstone_b4_1st_area_image {padding: 0;} .capstone_b4_2nd_area_text {padding: 0;} .capstone_b4_3rd_area_text {padding: 0;} } @media (max-width: 1060px) { #phs_capstone_b2_left {float: none; max-width: 900px; width: 100%; margin: 0 auto; padding: 0 0 40px;} #phs_capstone_b2_left h2 {text-align: center;} #phs_capstone_b2_left p {text-align: center;} #phs_capstone_b2_right {float: none; max-width: 440px; width: 100%; margin: 0 auto 40px;} #phs_capstone_b7_area h2 {margin: 0 0 30px;} #phs_capstone_b7_left {float: none; max-width: 900px; width: 100%; margin: 0 auto; padding: 0 0 40px;} #phs_capstone_b7_left p {text-align: center;} #phs_capstone_b7_right {float: none; margin: 0 auto 40px;} } @media (max-width: 650px) { #phs_capstone_b2_wrapper {margin: 80px auto 40px;} #phs_capstone_b3_area {padding: 80px 20px 60px;} #phs_capstone_b3_area h2 {font-size: 35px; line-height: 45px;} #phs_capstone_b5_area {padding: 80px 20px 60px;} #phs_capstone_b5_area h2 {font-size: 35px; line-height: 45px;} #phs_capstone_b6_wrapper {padding: 80px 20px 40px;} #phs_capstone_b6_area h2 {font-size: 35px; line-height: 45px;} #phs_capstone_b7_wrapper {padding: 80px 0px 40px;} #phs_capstone_b7_area h2 {font-size: 35px; line-height: 45px;} #phs_capstone_b4_wrapper {margin: 80px auto 40px;} } /*##################################################*/ /*################### Tuition Styles ################*/ #phs_tuition_b1_wrapper {margin: 0 0 -5px;} #phs_tuition_b1_area {margin: 0 auto; display: inline-block; width: 100%; min-height: 421px;} #phs_tuition_b1_left {background-image: url(../images/image_tuition.jpg); background-repeat: no-repeat; background-position: top right; width: 50%; float: left; min-height: 421px;} #phs_tuition_b1_right {float: left; width: 50%; min-height: 421px; background-color: #554e47;} #phs_tuition_b1_right h2 {color: #ffffff; margin: 0 0 10px;} #phs_tuition_b1_right p {color: #ffffff; margin: 0 0 30px;} #phs_tuition_b1_right .phs_full_content_right {padding: 90px 20px 20px 70px; max-width: 490px; width: 100%;} #phs_tuition_b1_right a.btn_red {max-width: 340px; width: 100%; margin: 0;} #phs_tuition_b2_wrapper {max-width: 1060px; width: 100%; margin: 115px auto 60px; padding: 0 20px;} #phs_tuition_b2_area {margin: 0 auto; display: inline-block; width: 100%;} #phs_tuition_b2_left {float: left; max-width: 480px; width: 100%; margin: 0 108px 40px 0;} #phs_tuition_b2_left p {margin: 0 0 20px;} #phs_tuition_b2_left a {font-weight: bold;} #phs_tuition_b2_right {float: left; max-width: 432px; width: 100%; margin: 0 0 40px;} #phs_tuition_b2_right h3 {font-size: 35px; line-height: 45px; margin: 0; text-align: center; font-style: italic; font-weight: 600; color: #a59a8f; font-family: "Times New Roman", Times, serif;} #phs_tuition_b2_logo_wrapper {max-width: 432px; width: 100%; margin: 50px auto 0; padding: 0;} #phs_tuition_b2_logo_area {margin: 0 auto; display: inline-block; width: 100%;} #phs_tuition_b2_logo {float: left; max-width: 110px; width: 100%; margin: 0 42px 0 0;} #phs_tuition_b2_logo img {display: block; float: none; margin: 0 auto;} #phs_tuition_b2_logo_text {float: left; max-width: 280px; width: 100%; margin: 0; display: table; min-height: 100px;} #phs_tuition_b2_logo_text p {font-size: 20px; line-height: 30px; margin: 0; font-weight: 700; vertical-align: middle; display: table-cell;} #phs_tuition_b3_wrapper {background-image: url(../images/bkgd_tuition_b3.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; background-color: #800000;} #phs_tuition_b3_area {margin: 0 auto; display: block; width: 100%; max-width: 720px; padding: 115px 20px 90px;} #phs_tuition_b3_area h2 {color: #ffffff; text-align: center; font-size: 45px; line-height: 55px; padding: 0;} #phs_tuition_b3_area p {color: #ffffff; text-align: center; margin-bottom: 30px;} #phs_tuition_b4_wrapper {max-width: 1040px; width: 100%; margin: 115px auto 75px; padding: 0 20px;} #phs_tuition_b4_area {margin: 0 auto; display: inline-block; width: 100%;} #phs_tuition_b4_area h2 {margin: 0 0 10px;} #phs_tuition_b4_area p {margin: 0 0 20px;} #phs_tuition_b4_area a {font-weight: bold;} #phs_tuition_b4_area img {display: block; float: none; margin: 0 auto 15px;} #phs_tuition_b4_left {float: left; max-width: 480px; width: 100%; margin: 60px 88px 40px 0;} #phs_tuition_b4_right {float: left; max-width: 432px; width: 100%; margin: 0 0 40px;} #phs_tuition_b5_container {max-width: 1140px; width: 100%; margin: 0 auto; padding: 0 20px} #phs_tuition_b5_area {margin: 0 auto; display: inline-block; width: 100%; border-top: 2px solid #dadada;} #phs_tuition_b5_wrapper {max-width: 820px; width: 100%; margin: 0 auto; padding: 105px 0px 120px;} #phs_tuition_b5_area {margin: 0 auto; display: inline-block; width: 100%;} #phs_tuition_b5_area h2 {text-align: center; color: #554e47; font-weight: 600; font-size: 45px; line-height: 55px; margin: 0 0 10px;} #phs_tuition_b5_area p {text-align: center; margin: 0 0 40px;} #phs_tuition_bottom_wrapper {margin: 0 0 -5px;} #phs_tuition_bottom_area {margin: 0 auto; display: inline-block; width: 100%; min-height: 421px;} #phs_tuition_bottom_left {background-image: url(../images/image_tuition_learn_more.jpg); background-repeat: no-repeat; background-position: top right; width: 50%; float: left; min-height: 421px;} #phs_tuition_bottom_right {float: left; width: 50%; min-height: 421px; background-color: #554e47;} #phs_tuition_bottom_right .phs_full_content_right {float: left; max-width: 510px; width: 100%; padding: 60px 20px 30px 70px;} #phs_tuition_bottom_right h2 {color: #ffffff; margin: 0 0 30px;} #phs_tuition_bottom_right h3 {font-size: 22px; line-height: 32px; margin: 0; font-style: italic; font-weight: 400; color: #ffffff;} #phs_tuition_bottom_right p {color: #ffffff;} #phs_tuition_bottom_right li a {text-decoration: none;} #phs_tuition_bottom_right ul {margin: 0 0 20px; padding: 0;} #phs_tuition_bottom_right ul li {font-size: 16px; line-height: 26px; margin: 0px; padding: 0 0 20px; font-weight: 900; color: #554e47; background-image: none; background-repeat: no-repeat; background-position: 0 0; text-transform: uppercase;} #phs_tuition_bottom_right a {color: #fcb315;} #phs_tuition_bottom_right a:hover {color: #de2323;} @media (max-width: 1195px) { #phs_tuition_b1_area {min-height: 100px;} #phs_tuition_b1_left {display: none;} #phs_tuition_b1_right {float: none; width: 100%; text-align: center; min-height: 150px; display: inline-block;} #phs_tuition_b1_right .phs_full_content_right {margin: 0 auto; max-width: 900px; width: 100%; padding: 60px 20px !important;} #phs_tuition_b1_right a.btn_red {margin: 0 auto;} #phs_tuition_b1_right a.btn_contact_finance {margin: 0 auto;} #phs_tuition_bottom_left {width: 100%; float: none; min-height: 350px; background-position: top center;} #phs_tuition_bottom_right {float: none; width: 100%; text-align: center; min-height: 350px; display: inline-block;} #phs_tuition_bottom_right .phs_full_content_right {float: none; margin: 0 auto; max-width: 900px; width: 100%; padding: 60px 20px !important;} } @media (max-width: 1080px) { #phs_tuition_b2_left {float: none; max-width: 900px; width: 100%; margin: 0 auto; padding: 0 0 40px;} #phs_tuition_b2_left h2 {text-align: center;} #phs_tuition_b2_left p {text-align: center;} #phs_tuition_b2_right {float: none; max-width: 432px; width: 100%; margin: 0 auto 40px;} } @media (max-width: 1060px) { #phs_tuition_b4_left {float: none; max-width: 900px; width: 100%; margin: 0 auto 40px;} #phs_tuition_b4_area h2 {text-align: center;} #phs_tuition_b4_area p {text-align: center;} #phs_tuition_b4_right {float: none; max-width: 432px; width: 100%; margin: 0 auto 40px;} } @media (max-width: 650px) { #phs_tuition_b2_wrapper {margin: 80px auto;} #phs_tuition_b3_area {padding: 80px 20px 60px;} #phs_tuition_b3_area h2 {font-size: 35px; line-height: 45px;} #phs_tuition_b5_wrapper {padding: 80px 0px;} #phs_tuition_b5_area h2 {font-size: 35px; line-height: 45px;} #phs_tuition_b4_wrapper {margin: 80px auto 40px;} } @media (max-width: 480px) { #phs_tuition_b2_logo {float: none; margin: 0 auto 20px;} #phs_tuition_b2_logo_text {float: none; max-width: 280px; width: 100%; margin: 0 auto; display: block; min-height: 10px;} #phs_tuition_b2_logo_text p {text-align: center; vertical-align: top; display: block;} } /*##################################################*/ /*################### Paraclete Application Process Styles ################*/ #phs_app_p_top_wrapper {background-color: #f2f1ef;} #phs_app_p_top_area {margin: 0 auto; width: 100%; max-width: 1140px; padding: 20px 20px;} #phs_app_p_top_area ul { margin: 0 !important; list-style-type: none; padding: 0 !important;} #phs_app_p_top_area li {display: inline-block !important; width: 364px !important; text-align: center !important; font-size: 16px !important; line-height: 26px !important; font-weight: 400 !important; color: #554e47 !important; background-image: none !important; background-repeat: no-repeat; background-position: 0 0 !important; text-transform: uppercase !important; padding: 0 !important; margin: 0 !important; border-right: 1px solid #554e47 !important;} #phs_app_p_top_area li:last-child {border-right: none !important;} #phs_app_p_top_area a {color: #554e47} #phs_app_p_top_area li a {text-decoration: none;} #phs_app_p_top_area a:hover {color: #800000;} #phs_app_p_b1_wrapper {background-image: url(../images/bkgd_applcation_process_b1.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; background-color: #800000;} #phs_app_p_b1_area {margin: 0 auto; display: block; width: 100%; max-width: 1140px; padding: 0 20px; min-height: 342px;} #phs_app_p_b2_wrapper {max-width: 1100px; width: 100%; margin: 0 auto; padding: 90px 20px 60px;} #phs_app_p_b2_area {margin: 0 auto; display: inline-block; width: 100%;} #phs_app_p_b2_left {float: left; max-width: 480px; width: 100%; margin: 0px 80px 40px 0;} #phs_app_p_b2_left h2 {margin: 0 0 15px; font-weight: 700;} #phs_app_p_b2_left p {margin: 0 0 20px; font-size: 20px; line-height: 30px; font-weight: 400; color: #554e47;} #phs_app_p_b2_left a {font-weight: bold;} #phs_app_p_b2_right {float: left; max-width: 500px; width: 100%; margin: 5px 0 40px;} #phs_app_p_b2_right h3 {margin: 0 0 5px; font-size: 28px; line-height: 38px; font-weight: 600; font-family: 'Montserrat', sans-serif;} #phs_app_p_b2_right p {margin: 0 0 30px; font-size: 16px; line-height: 26px; font-weight: 400; color: #554e47;} #phs_app_p_b3_container {background-image: url(../images/bkgd_applcation_process_b3.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; background-color: #800000;} #phs_app_p_b3_wrapper {margin: 0 auto; width: 100%; max-width: 700px; padding: 100px 20px;} #phs_app_p_b3_area {margin: 0 auto; display: inline-block; width: 100%;} #phs_app_p_b3_area h3 {margin: 0; color: #ffffff; font-weight: 700; text-align: center;} #phs_app_p_b3_right {float: left; max-width: 500px; width: 100%; margin: 55px 0 00px;} #phs_app_p_b3_right p {margin: 0 0 30px; color: #ffffff; font-weight: 400;} #phs_app_p_b4_wrapper {max-width: 1100px; width: 100%; margin: 0 auto; padding: 105px 20px 60px;} #phs_app_p_b4_area {margin: 0 auto; display: inline-block; width: 100%;} #phs_app_p_b4_left {float: left; max-width: 480px; width: 100%; margin: 0px 80px 40px 0;} #phs_app_p_b4_left h2 {margin: 0 0 15px; font-weight: 700;} #phs_app_p_b4_left p {margin: 0 0 20px; font-size: 20px; line-height: 30px; font-weight: 400; color: #554e47;} #phs_app_p_b4_left a {font-weight: bold;} #phs_app_p_b4_right {float: left; max-width: 500px; width: 100%; margin: 5px 0 40px;} #phs_app_p_b4_right h3 {margin: 0 0 5px; font-size: 28px; line-height: 38px; font-weight: 600; font-family: 'Montserrat', sans-serif;} #phs_app_p_b4_right p {margin: 0 0 30px; font-size: 16px; line-height: 26px; font-weight: 400; color: #554e47;} #phs_app_p_b5_wrapper {background-image: url(../images/bkgd_applcation_process_b5.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; background-color: #800000;} #phs_app_p_b5_area {margin: 0 auto; display: block; width: 100%; max-width: 910px; padding: 80px 20px;} #phs_app_p_b5_area h2 {color: #ffffff; text-align: center; font-size: 45px; line-height: 55px; margin: 0 0 15px; text-transform: uppercase;} #phs_app_p_b5_area p {color: #ffffff; text-align: center; margin: 0 0 25px;} .fa-angle-double-down {position: relative !important; top: 0 !important; right: 0px !important; background: #800000 !important; color: #fcb315 !important; padding: 6px 8px 5px 9px !important; float: right !important; height: 26px; width: 26px; border-radius: 50%;} .fa-angle-double-right {position: relative !important; top: 0 !important; right: 0px !important; background: #800000 !important; color: #fcb315 !important; padding: 5px 8px 6px 8px !important; float: right !important; height: 26px; width: 26px; border-radius: 50%;} @media screen and (max-width: 1160px) { #phs_app_p_top_area {width: 100%; max-width: 948px;} #phs_app_p_top_area li {width: 300px !important;} } @media screen and (max-width: 1120px) { #phs_app_p_b2_left {float: none; max-width: 900px; width: 100%; margin: 0px auto 80px;} #phs_app_p_b2_right {float: none; max-width: 900px; width: 100%; margin: 5px 0 40px;} #phs_app_p_b3_left {float: none; max-width: 900px; width: 100%; margin: 0px auto;} #phs_app_p_b3_right {float: none; max-width: 900px; width: 100%; margin: 0px auto 40px;} #phs_app_p_b4_left {float: none; max-width: 900px; width: 100%; margin: 0px auto 80px;} #phs_app_p_b4_right {float: none; max-width: 900px; width: 100%; margin: 0px auto 40px;} } @media screen and (max-width: 970px) { #phs_app_p_top_area {width: 100%; max-width: 768px;} #phs_app_p_top_area li {width: 240px !important;} } @media screen and (max-width: 785px) { #phs_app_p_top_area {padding: 20px 20px 0;} #phs_app_p_top_area li {display: block !important; padding: 0 0 20px !important; border-right: none !important; margin: 0 auto !important;} } @media screen and (max-width: 650px) { #phs_app_p_b2_left h2 {text-align: center;} #phs_app_p_b2_left p {text-align: center;} a.btn_red_fresh_app {margin: 40px auto 0;} #phs_app_p_b2_right h3 {text-align: center;} #phs_app_p_b2_right p {text-align: center;} #phs_app_p_b3_left h2 {text-align: center;} #phs_app_p_b3_left p {text-align: center;} #phs_app_p_b3_right a.btn_fa_read_more {margin: 0 auto;} #phs_app_p_b4_left h2 {text-align: center;} #phs_app_p_b4_left p {text-align: center;} #phs_app_p_b4_left a.btn_red_fresh_app {margin: 0 auto;} #phs_app_p_b4_right h3 {text-align: center;} #phs_app_p_b4_right p {text-align: center;} } @media screen and (max-width: 480px) { #phs_app_p_b2_wrapper {padding: 80px 20px;} #phs_app_p_b2_area h2 {font-size: 35px; line-height: 45px;} #phs_app_p_b3_wrapper {padding: 80px 20px;} #phs_app_p_b1_right h3 {font-size: 34px; line-height: 44px;} #phs_app_p_b4_wrapper {padding: 80px 20px;} #phs_app_p_b4_area h2 {font-size: 35px; line-height: 45px;} #phs_app_p_b5_area h2 {font-size: 35px; line-height: 45px;} } /*##################################################*/ /*################### Paraclete Alumni Styles ################*/ #phs_alumni_top_wrapper {margin: 0 0 -5px;} #phs_alumni_top_area {margin: 0 auto; display: inline-block; width: 100%; min-height: 225px;} #phs_alumni_top_right {background-image: url(../images/bkgd_stay_connected_hero.jpg); background-repeat: no-repeat; background-position: top left; width: 50%; float: right; min-height: 225px;} #phs_alumni_top_left {float: left; width: 50%; min-height: 225px; background-color: #800000;} #phs_alumni_top_left h2 {color: #ffffff; margin: 0; font-weight: 700;} #phs_alumni_top_left p {color: #ffffff;} #phs_alumni_top_left .phs_full_content_left {padding: 95px 60px 20px 50px;} #phs_alumni_b1_wrapper {max-width: 1140px; width: 100%; margin: 90px auto 30px; padding: 0 20px;} #phs_alumni_b1_area {margin: 0 auto; display: inline-block; width: 100%;} #phs_alumni_b1_area h2 {text-align: center; color: #554e47; font-size: 45px; line-height: 51px; font-weight: 700; margin: 0 0 25px;} #alumni_grid_wrapper {margin: 0 auto; max-width: 1140px; width: 100%;} .alumni_grid {display: inline-block; width: 100%;} .alumni_grid figure {position: relative; float: left; overflow: hidden; margin: 0 20px 20px 0; text-align: center; cursor: pointer;} .alumni_grid figure:last-child {position: relative; float: left; overflow: hidden; margin: 0 0 20px; text-align: center; cursor: pointer;} .alumni_grid figure img {} .alumni_grid figure figcaption {padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden;} .alumni_grid figure figcaption::before, .alumni_grid figure figcaption::after {pointer-events: none;} .alumni_grid figure figcaption, .alumni_grid figure figcaption > a {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */ .alumni_grid figure figcaption > a {z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0;} .alumni_grid figure h3 {font-weight: 700; font-size: 30px; line-height: 34px; color: #ffffff; text-transform: none;} .alumni_grid figure h3 span {font-weight: 800;} .alumni_grid figure h3, .alumni_grid figure p {margin: 0;} .alumni_grid figure figcaption p {font-size: 18px !important; line-height: 28px !important; font-weight: 400 !important; color: #ffffff !important; padding: 0 30px; margin: 0 0 20px !important;} .alumni_grid figure.effect-oscar:hover a {color: #fcb315; text-transform: uppercase; opacity: 1;} .alumni_grid figure figcaption, .alumni_grid figure figcaption > a {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .alumni_grid figure.effect-oscar {} .alumni_grid figure.effect-oscar img {} .alumni_grid figure.effect-oscar figcaption {padding: 20px;} .alumni_grid figure.effect-oscar figcaption::before {position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; content: ''; background-color: rgba(128,0,0,0.75);} .alumni_grid figure.effect-oscar figcaption img {margin: 60px 0 10px; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);} .alumni_grid figure.effect-oscar h3 {margin: 0 0 10px; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,30px,0);} .alumni_grid figure.effect-oscar figcaption::before, .alumni_grid figure.effect-oscar p {opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(0); transform: scale(0);} .alumni_grid figure.effect-oscar:hover h3 {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} .alumni_grid figure.effect-oscar:hover img {opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} .alumni_grid figure.effect-oscar:hover figcaption::before, .alumni_grid figure.effect-oscar:hover p {opacity: 1; -webkit-transform: scale(1); transform: scale(1);} .alumni_grid figure.effect-oscar:hover figcaption {} .alumni_grid figure.effect-oscar:hover img {} #phs_alumni_b2_wrapper {max-width: 1020px; width: 100%; margin: 0 auto; padding: 30px 20px 65px;} #phs_alumni_b2_area {margin: 0 auto; display: inline-block; width: 100%;} #phs_alumni_b2_area p {font-weight: 400; font-size: 16px; line-height: 26px; margin: 0 0 15px;} #phs_alumni_b3_container {background-image: url(../images/bkgd_alumni_go_spirits.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover;} #phs_alumni_b3_wrapper {max-width: 1060px; width: 100%; margin: 0 auto; padding: 210px 20px 190px;} #phs_alumni_b3_area {margin: 0 auto; display: inline-block; width: 100%;} #phs_alumni_b3_area h2 {color: #ffffff; font-size: 70px; line-height: 70px; margin: 0px; font-weight: 700; text-align: center;} #phs_alumni_b4_wrapper {max-width: 1140px; width: 100%; margin: 0 auto; padding: 115px 20px 110px;} #phs_alumni_b4_area {margin: 0 auto; display: inline-block; width: 100%;} #phs_alumni_b4_area h2 {text-align: center; color: #554e47; font-size: 45px; line-height: 51px; font-weight: 700; margin: 0 0 30px;} #alumni_ways_wrapper {max-width: 1098px; width: 100%; margin: 0 auto; padding: 0;} #alumni_ways_area {margin: 0 auto; display: inline-block; width: 100%;} #alumni_ways_area h3 {color: #554e47; font-size: 20px; line-height: 24px; font-weight: 700; margin: 0 0 20px;} #alumni_ways_area p {color: #554e47; font-size: 16px; line-height: 24px; font-weight: 400; margin: 0 0 20px;} .alumni_ways_2 {float: left; max-width: 529px; width: 100%; margin: 0 10px 20px; padding: 55px 25px 50px 15px; border: 1px solid #dadada; min-height: 545px;} .alumni_ways_3 {float: left; max-width: 346px; width: 100%; margin: 0 10px 20px; padding: 55px 25px 50px 15px; border: 1px solid #dadada; min-height: 570px;} .alumni_ways_number {max-width: 80px; width: 100%; float: left; margin: 0 20px 20px 0;} .alumni_ways_2 .alumni_ways_text {max-width: 387px; width: 100%; float: right; margin: 0 0 20px; min-height: 350px;} .alumni_ways_3 .alumni_ways_text {max-width: 204px; width: 100%; float: right; margin: 0 0 20px; min-height: 400px;} .alumni_ways_2 .alumni_ways_link {max-width: 387px; width: 100%; float: right; margin: 0px;} .alumni_ways_3 .alumni_ways_link {max-width: 204px; width: 100%; float: right; margin: 0px;} #alumni_ways_area .alumni_ways_link p {color: #554e47; font-size: 14px; line-height: 22px; font-weight: 800; margin: 0px; text-transform: uppercase;} @media screen and (max-width: 1195px) { #phs_alumni_top_right {width: 100%; float: none; min-height: 225px; background-position: top center;} #phs_alumni_top_left {float: none; width: 100%; text-align: center; min-height: 100px; display: inline-block;} } @media screen and (max-width: 1160px) { #alumni_grid_wrapper {margin: 0 auto; max-width: 746px; width: 100%;} #alumni_ways_wrapper {max-width: 732px; width: 100%;} .alumni_ways_2 {max-width: 346px; width: 100%;} .alumni_ways_2 .alumni_ways_text {max-width: 204px; width: 100%; min-height: 590px;} .alumni_ways_2 .alumni_ways_link {max-width: 204px; width: 100%;} } @media screen and (max-width: 805px) { #alumni_grid_wrapper {margin: 0 auto; max-width: 353px; width: 100%;} .alumni_grid figure {margin: 0 0 20px;} #phs_alumni_b2_area p {text-align: center;} #phs_alumni_b3_wrapper {padding: 60px 20px;} } @media screen and (max-width: 790px) { #alumni_ways_wrapper {max-width: 529px; width: 100%;} .alumni_ways_2 {margin: 0 0 20px; max-width: 529px; width: 100%;} .alumni_ways_3 {margin: 0 0 20px; max-width: 529px; width: 100%;} .alumni_ways_2 .alumni_ways_text {max-width: 387px; width: 100%; min-height: 220px;} .alumni_ways_3 .alumni_ways_text {max-width: 387px; width: 100%; min-height: 220px;} .alumni_ways_2 .alumni_ways_link {max-width: 387px; width: 100%;} .alumni_ways_3 .alumni_ways_link {max-width: 387px; width: 100%;} } @media screen and (max-width: 585px) { #alumni_ways_wrapper {max-width: 346px; width: 100%;} .alumni_ways_2 {margin: 0 0 20px; max-width: 346px; width: 100%;} .alumni_ways_3 {margin: 0 0 20px; max-width: 346px; width: 100%;} .alumni_ways_2 .alumni_ways_text {max-width: 204px; width: 100%; min-height: 220px;} .alumni_ways_3 .alumni_ways_text {max-width: 204px; width: 100%; min-height: 220px;} .alumni_ways_2 .alumni_ways_link {max-width: 204px; width: 100%;} .alumni_ways_3 .alumni_ways_link {max-width: 204px; width: 100%;} } @media screen and (max-width: 500px) { #phs_alumni_b1_area h2 {font-size: 35px; line-height: 41px;} #phs_alumni_b3_area h2 {font-size: 35px; line-height: 45px;} #phs_alumni_b4_area h2 {font-size: 35px; line-height: 41px;} .alumni_grid figure.effect-oscar img {opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} .alumni_grid figure.effect-oscar h3 {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} .alumni_grid figure.effect-oscar figcaption::before, .alumni_grid figure.effect-oscar p {opacity: 1; -webkit-transform: scale(1); transform: scale(1);} .alumni_grid figure.effect-oscar figcaption img {margin: 30px 0 10px; -webkit-transform: translate3d(0,0%,0); transform: translate3d(0,0%,0);} .alumni_grid figure.effect-oscar a {color: #fcb315; text-transform: uppercase; opacity: 1;} } @media screen and (max-width: 390px) { .alumni_ways_2 {padding: 50px 15px;} .alumni_ways_3 {padding: 50px 15px;} .alumni_ways_number {float: none; margin: 0 auto 30px;} .alumni_ways_2 .alumni_ways_text {max-width: 310px; width: 100%; min-height: 100px;} .alumni_ways_3 .alumni_ways_text {max-width: 310px; width: 100%; min-height: 100px;} .alumni_ways_2 .alumni_ways_link {max-width: 310px; width: 100%;} .alumni_ways_3 .alumni_ways_link {max-width: 310px; width: 100%;} #alumni_ways_area h3 {text-align: center;} #alumni_ways_area p {text-align: center;} #alumni_ways_area .alumni_ways_link p {text-align: center;} } /*##################################################*/ /*################### Paraclete Stay Connected Styles ################*/ #phs_stay_connected_top_wrapper {margin: 0 0 -5px;} #phs_stay_connected_top_area {margin: 0 auto; display: inline-block; width: 100%; min-height: 225px;} #phs_stay_connected_top_right {background-image: url(../images/bkgd_stay_connected_hero.jpg); background-repeat: no-repeat; background-position: top left; width: 50%; float: right; min-height: 225px;} #phs_stay_connected_top_left {float: left; width: 50%; min-height: 225px; background-color: #800000;} #phs_stay_connected_top_left h2 {color: #ffffff; margin: 0;} #phs_stay_connected_top_left p {color: #ffffff;} #phs_stay_connected_top_left .phs_full_content_left {padding: 65px 60px 20px 20px;} #phs_stay_connected_b1_wrapper {max-width: 1040px; width: 100%; margin: 85px auto 60px; padding: 0 20px;} #phs_stay_connected_b1_area {margin: 0 auto; display: inline-block; width: 100%;} #phs_stay_connected_b1_area h2 {text-align: center; color: #554e47; font-size: 45px; line-height: 55px; font-weight: 700; margin: 0 0 15px; padding: 0 120px;} #phs_stay_connected_b1_area p {text-align: center; margin: 0 0 30px; font-size: 20px; line-height: 30px; font-weight: 400;} #phs_stay_connected_b2_container {background-color: #ececec;} #phs_stay_connected_b2_wrapper {max-width: 820px; width: 100%; margin: 0 auto; padding: 85px 20px;} #phs_stay_connected_b2_area {margin: 0 auto; display: inline-block; width: 100%;} #phs_stay_connected_b2_area h2 {text-align: center; color: #554e47; font-weight: 700; font-size: 30px; line-height: 40px; margin: 0 0 15px; font-family: 'Montserrat', sans-serif;} #phs_stay_connected_b2_area p {text-align: center; margin: 0 0 30px;} #phs_stay_connected_b3_wrapper {max-width: 1060px; width: 100%; margin: 90px auto; padding: 0 20px;} #phs_stay_connected_b3_area {margin: 0 auto; display: inline-block; width: 100%;} #phs_stay_connected_b3_area h2 {text-align: left; color: #800000; font-size: 27px; line-height: 37px; margin: 0 0 20px; font-weight: 700;} #phs_stay_connected_b3_area p {text-align: center; margin: 0 0 30px;} #phs_stay_connected_b3_area ul {margin: 0; padding: 0;} #phs_stay_connected_b3_area ul li {font-size: 16px; line-height: 26px; margin: 0px; padding: 0 0 10px 15px; font-weight: 400; color: #554e47; background-image: url(../images/icon_arrow.png); background-repeat: no-repeat; background-position: 0 8px;} #phs_stay_connected_b3_left_list {float: left; max-width: 480px; width: 100%; margin: 0 60px 0 0;} #phs_stay_connected_b3_right_list {float: left; max-width: 480px; width: 100%; margin: 0;} @media screen and (max-width: 1195px) { #phs_stay_connected_top_right {width: 100%; float: none; min-height: 225px; background-position: top center;} #phs_stay_connected_top_left {float: none; width: 100%; text-align: center; min-height: 225px; display: inline-block;} } @media screen and (max-width: 1080px) { #phs_stay_connected_b3_left_list {float: none; margin: 0 auto;} #phs_stay_connected_b3_right_list {float: none; margin: 0 auto;} #phs_stay_connected_b3_area h2 {text-align: center;} } @media screen and (max-width: 900px) { #phs_stay_connected_b1_area h2 {padding: 0;} } @media screen and (max-width: 480px) { #phs_stay_connected_b1_area h2 {font-size: 35px; line-height: 45px;} } /*##################################################*/ /*################### Bottom CTA Area ################*/ #bottom_cta_wrapper {width: 100%; background-color: #554e47; margin: 0 0 -5px; background-image: url(../images/bkgd_bottom_cta.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover;} #bottom_cta_area {padding: 80px 20px 45px; margin: 0 auto; max-width: 1180px; width: 100%;} #bottom_cta_area h2 {font-size: 45px; line-height: 55px; color: #ffffff; padding: 0; margin: 0 0 5px; text-transform: uppercase; font-weight: 700; text-align: center;} #bottom_cta_area h3 {font-size: 30px; line-height: 40px; color: #77a8d9; padding: 0; margin: 0 0 10px; font-weight: 700; text-align: center; text-transform: none;} #bottom_cta_area p {margin: 0 0 25px; color: #ffffff; text-align: center;} a.btn_bottom_cta {color: #ffffff; background-color: rgba(0, 0, 0, 0.0 ); text-transform: uppercase; padding: 15px; font-size: 16px; line-height: 20px; border: 2px solid #ffffff; font-weight: 400; text-align: center; display: block; border-radius: 3px; width: 100%; max-width: 350px; margin: 0 auto; text-decoration: none !important;} a.btn_bottom_cta:hover {color: #554e47; background: #ffffff; text-decoration: none; border: 2px solid #ffffff;} #bottom_cta_wrapper_2 {max-width: 542px; width: 100%; margin: 0 auto; padding: 30px 0 45px;} #bottom_cta_area_2 {margin: 0 auto; display: inline-block; width: 100%;} a.btn_resources_ask_admissions {float: left; margin: 0 18px !important;} a.btn_resources_tuition_questions {float: left; margin: 0 18px !important;} @media screen and (max-width: 650px) { #bottom_cta_area h2 {font-size: 35px; line-height: 45px;} #bottom_cta_area_guess h2 {font-size: 35px; line-height: 45px;} } @media (max-width: 600px) { #bottom_cta_area {padding: 60px 20px 45px;} #bottom_cta_wrapper_2 {max-width: 542px; width: 100%; margin: 0 auto; padding: 30px 0 15px;} a.btn_resources_ask_admissions {float: none; margin: 0 auto 20px !important;} a.btn_resources_tuition_questions {float: none; margin: 0 auto !important;} } /*######################################################*/ /*################### Christian Service Styles ################*/ #phs_cs_b1_wrapper {margin: 0 0 -5px;} #phs_cs_b1_area {margin: 0 auto; display: inline-block; width: 100%; min-height: 421px;} #phs_cs_b1_right {background-image: url(../images/bkgd_christian_services_top.jpg); background-repeat: no-repeat; background-position: top left; width: 50%; float: right; min-height: 421px;} #phs_cs_b1_left {float: left; width: 50%; min-height: 421px; background-color: #554e47;} #phs_cs_b1_left h2 {color: #ffffff;} #phs_cs_b1_area .quote_author {font-size: 16px; line-height: 26px; font-family: 'Montserrat', sans-serif;} #phs_cs_b1_left .phs_full_content_left {padding: 120px 100px 20px 70px;} #phs_cs_b2_wrapper {margin: 0 0 -5px;} #phs_cs_b2_area {margin: 0 auto; display: inline-block; width: 100%; min-height: 421px;} #phs_cs_b2_left {background-image: url(../images/bkgd_christian_services_bottom.jpg); background-repeat: no-repeat; background-position: top right; width: 50%; float: left; min-height: 421px;} #phs_cs_b2_right {float: left; width: 50%; min-height: 421px; background-color: #554e47;} #phs_cs_b2_right h2 {color: #ffffff; line-height: 40px;} #phs_cs_b2_right p {color: #ffffff;} #phs_cs_b2_area .quote_author {font-size: 16px; line-height: 26px; font-family: 'Montserrat', sans-serif; display: block;} #phs_cs_b2_right .phs_full_content_right {padding: 50px 20px 50px 60px;} #phs_cs_b3_wrapper {max-width: 1100px; width: 100%; margin: 110px auto; padding: 0 20px;} #phs_cs_b3_area {margin: 0 auto; display: inline-block; width: 100%;} #phs_cs_b3_left {float: left; max-width: 500px; width: 100%; margin: 0 60px 0 0;} #phs_cs_b3_right {float: left; max-width: 500px; width: 100%; margin: 0;} @media screen and (max-width: 1195px) { #phs_cs_b1_right {width: 100%; float: none; min-height: 421px; background-position: top center;} #phs_cs_b1_left {float: none; width: 100%; text-align: center; min-height: 150px; display: inline-block;} #phs_cs_b2_left {width: 100%; float: none; min-height: 421px; background-position: top center;} #phs_cs_b2_right {float: none; width: 100%; text-align: center; min-height: 150px; display: inline-block;} } /*##################################################*/ /*################### Student Activities Styles ################*/ #phs_sa_b1_wrapper {background-color: #554e47;} #phs_sa_b1_area {margin: 0 auto; display: block; width: 100%; max-width: 1040px; padding: 60px 20px 40px;} #phs_sa_b1_area h2 {color: #ffffff; text-align: center;} #phs_sa_b1_area p {color: #ffffff; text-align: center;} #phs_sa_b2_wrapper {margin: 0;} #phs_sa_b2_area {margin: 0 auto; display: inline-block; width: 100%; min-height: 540px;} #phs_sa_b2_left {background-image: url(../images/bkgd_sa_athletics.jpg); background-repeat: no-repeat; background-position: top right; width: 50%; float: left; min-height: 540px;} #phs_sa_b2_right {float: left; width: 50%; min-height: 540px;} #phs_sa_b2_right ul li {padding: 0 0 5px 25px;} #phs_sa_b3_wrapper {margin: 0;} #phs_sa_b3_area {margin: 0 auto; display: inline-block; width: 100%; min-height: 540px;} #phs_sa_b3_right {background-image: url(../images/bkgd_sa_music_arts.jpg); background-repeat: no-repeat; background-position: top left; width: 50%; float: right; min-height: 540px;} #phs_sa_b3_left {float: left; width: 50%; min-height: 540px;} #phs_sa_b3_left ul li {padding: 0 0 5px 25px;} #phs_sa_b4_wrapper {margin: 0;} #phs_sa_b4_area {margin: 0 auto; display: inline-block; width: 100%; min-height: 540px;} #phs_sa_b4_left {background-image: url(../images/bkgd_sa_academic_societies.jpg); background-repeat: no-repeat; background-position: top right; width: 50%; float: left; min-height: 540px;} #phs_sa_b4_right {float: left; width: 50%; min-height: 540px;} #phs_sa_b4_right ul li {padding: 0 0 5px 25px;} #phs_sa_b5_wrapper {margin: 0;} #phs_sa_b5_area {margin: 0 auto; display: inline-block; width: 100%; min-height: 600px} #phs_sa_b5_right {background-image: url(../images/bkgd_sa_clubs.jpg); background-repeat: no-repeat; background-position: top left; background-size: cover; width: 50%; float: right; min-height: 600px;} #phs_sa_b5_left {float: left; width: 50%; min-height: 50px;} #phs_sa_b5_left ul li {padding: 0 0 5px 25px;} @media screen and (max-width: 1195px) { #phs_sa_b2_left {width: 100%; float: none; min-height: 420px; background-position: top center;} #phs_sa_b2_right {float: none; width: 100%; min-height: 150px; display: inline-block;} #phs_sa_b3_right {width: 100%; float: none; min-height: 420px; background-position: top center;} #phs_sa_b3_left {float: none; width: 100%; min-height: 150px; display: inline-block;} #phs_sa_b4_left {width: 100%; float: none; min-height: 420px; background-position: top center;} #phs_sa_b4_right {float: none; width: 100%; min-height: 150px; display: inline-block;} #phs_sa_b5_right {width: 100%; float: none; min-height: 420px; background-position: top center;} #phs_sa_b5_left {float: none; width: 100%; min-height: 150px; display: inline-block;} } /*##################################################*/ /*################### Christ-Centered Curriculm Styles ################*/ #phs_ccc_b1_wrapper {margin: 0 0 -5px;} #phs_ccc_b1_area {margin: 0 auto; display: inline-block; width: 100%; min-height: 421px;} #phs_ccc_b1_left {background-image: url(../images/bkgd_christ_centered_curriculm.jpg); background-repeat: no-repeat; background-position: top left; width: 50%; float: left; min-height: 421px;} #phs_ccc_b1_right {float: left; width: 50%; min-height: 421px; background-color: #554e47;} #phs_ccc_b1_right h2 {color: #ffffff;} #phs_ccc_b1_right p {color: #ffffff;} #phs_ccc_b1_right .phs_full_content_right {padding: 100px 20px 20px 60px;} #phs_ccc_b2_wrapper {} #phs_ccc_b2_area {margin: 0 auto; display: block; width: 100%; max-width: 1140px; padding: 100px 20px 60px;} #phs_ccc_b2_area h2 {color: #554e47; text-align: center; font-size: 45px; line-height: 55px; margin: 0 0 25px;} #phs_ccc_b2_area p {color: #554e47; text-align: center; font-size: 20px; line-height: 30px; margin: 0; font-family: "Times New Roman", Times, serif; font-weight: 600;} #phs_ccc_b2_area img {margin: 0 auto 15px; display: block; clear: both;} #core_values_area {margin: 0 auto; display: inline-block; width: 100%;} .core_values_block {float: left; max-width: 200px; width: 100%; margin: 0 10px 20px;} #phs_ccc_b3_wrapper {background-image: url(../images/bkgd_ccc_serving_others.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; background-color: #800000;} #phs_ccc_b3_area {margin: 0 auto; display: block; width: 100%; max-width: 1020px; padding: 80px 20px 50px;} #phs_ccc_b3_area h2 {color: #ffffff; text-align: center; font-size: 45px; line-height: 55px;} #phs_ccc_b3_area p {color: #ffffff; text-align: center; margin-bottom: 30px;} #phs_ccc_b3_area a.btn_bottom_cta {max-width: 500px; width: 100%;} #phs_ccc_b4_wrapper {max-width: 1040px; width: 100%; margin: 90px auto 70px; padding: 0 20px;} #phs_ccc_b4_area {margin: 0 auto; display: inline-block; width: 100%;} #phs_ccc_b4_left {float: left; max-width: 420px; width: 100%; margin: 0 60px 50px 0;} #phs_ccc_b4_right {float: left; max-width: 520px; width: 100%; margin: 0 0 50px; border: 1px solid #9b9895;} #phs_ccc_b4_right_title {background-color: #9b9895; padding: 25px 20px;} #phs_ccc_b4_right_title h2 {font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 24px; line-height: 34px; color: #ffffff; margin: 0; text-align: center; text-transform: uppercase;} #phs_ccc_b4_right_text {padding: 25px 20px 0;} #phs_ccc_b4_right_text p {margin: 0 0 25px; text-align: center;} @media screen and (max-width: 1195px) { #phs_ccc_b1_left {width: 100%; float: none; min-height: 421px; background-position: top center;} #phs_ccc_b1_right {float: none; width: 100%; text-align: center; min-height: 150px; display: inline-block;} #phs_give_bottom_left {width: 100%; float: none; min-height: 421px; background-position: top center;} #phs_give_bottom_right {float: none; width: 100%; text-align: center; min-height: 150px; display: inline-block;} } @media screen and (max-width: 1160px) { #phs_ccc_b2_area {width: 100%; max-width: 700px;} } @media screen and (max-width: 1060px) { #phs_ccc_b4_left {float: none; max-width: 520px; width: 100%; margin: 0 auto 50px; text-align: center;} #phs_ccc_b4_left a.btn_red {margin: 0 auto;} #phs_ccc_b4_right {float: none; margin: 0 auto 50px;} } @media screen and (max-width: 720px) { #phs_ccc_b2_area {width: 100%; max-width: 480px;} #phs_ccc_b3_wrapper {background-image: none;} } @media screen and (max-width: 500px) { .core_values_block {float: none; margin: 0 auto 20px;} } /*##################################################*/ /*################### Academic Program Styles ################*/ #phs_ap_b1_wrapper {margin: 0;} #phs_ap_b1_area {margin: 0 auto; display: inline-block; width: 100%; min-height: 421px;} #phs_ap_b1_left {background-image: url(../images/bkgd_academics.jpg); background-repeat: no-repeat; background-position: top right; width: 50%; float: left; min-height: 421px;} #phs_ap_b1_right {float: left; width: 50%; min-height: 421px; background-color: #554e47;} #phs_ap_b1_right h2 {color: #ffffff;} #phs_ap_b1_right p {color: #ffffff;} #phs_ap_b1_right .phs_full_content_right {padding: 80px 20px 20px 60px;} #phs_ap_b2_wrapper {} #phs_ap_b2_area {margin: 0 auto; display: block; width: 100%; max-width: 1040px; padding: 95px 20px 110px;} #phs_ap_b2_area h2 {color: #554e47; text-align: center; font-size: 45px; line-height: 55px; margin: 0 0 25px;} #phs_ap_b2_area p {color: #554e47; text-align: center;} #phs_ap_b2_area a.btn_red {margin: 0 auto 75px;} #phs_ap_b3_wrapper {background-image: url(../images/bkgd_ccc_serving_others.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; background-color: #800000;} #phs_ap_b3_area {margin: 0 auto; display: block; width: 100%; max-width: 1020px; padding: 120px 20px 90px;} #phs_ap_b3_area h2 {color: #ffffff; text-align: center; font-size: 45px; line-height: 55px;} #phs_ap_b3_area p {color: #ffffff; text-align: center; margin-bottom: 30px;} #phs_ap_b4_wrapper {max-width: 1165px; width: 100%; margin: 85px auto 90px; padding: 0 20px;} #phs_ap_b4_area {margin: 0 auto; display: inline-block; width: 100%;} #phs_ap_b4_area h2 {color: #554e47; text-align: center; font-size: 45px; line-height: 55px; margin: 0 0 25px;} #phs_ap_b4_left {float: left; max-width: 555px; width: 100%; margin: 0 15px 15px 0;} #phs_ap_b4_right {float: left; max-width: 555px; width: 100%; margin: 0;} #phs_ap_b4_right h3 {font-size: 28px; line-height: 32px; font-weight: 400; text-align: center; margin: 0; color: #ffffff; font-family: "Times New Roman", Times, serif;} #phs_ap_b4_right p {font-size: 20px; line-height: 24px; font-weight: 400; text-align: center; margin: 0; color: #ffffff; font-family: "Times New Roman", Times, serif;} #phs_ap_b4_red_block {float: left; max-width: 555px; width: 100%; background-color: #800000; padding: 80px 60px 50px; min-height: 245px; margin: 0 0 15px;} #phs_ap_b4_dark_gray_block {float: left; max-width: 270px; width: 100%; background-color: #554e47; padding: 80px 30px 50px; min-height: 245px; margin: 0 15px 15px 0;} #phs_ap_b4_gray_block {float: left; max-width: 270px; width: 100%; background-color: #918d89; padding: 80px 40px 50px; min-height: 245px; margin: 0 0 15px;} @media screen and (max-width: 1195px) { #phs_ap_b1_left {width: 100%; float: none; min-height: 421px; background-position: top center;} #phs_ap_b1_right {float: none; width: 100%; min-height: 150px; display: inline-block; text-align: center;} #phs_ap_b4_left {float: none; margin: 0 auto 15px;} #phs_ap_b4_right {float: none; margin: 0 auto;} } @media screen and (max-width: 800px) { #phs_ap_b3_wrapper {background-image: none;} } @media screen and (max-width: 615px) { #phs_ap_b4_red_block {float: left; padding: 40px; min-height: 50px;} #phs_ap_b4_dark_gray_block {float: left; max-width: 555px; width: 100%; padding: 40px; min-height: 50px; margin: 0 0 15px;} #phs_ap_b4_gray_block {float: left; max-width: 555px; width: 100%; padding: 40px; min-height: 50px;} } /*##################################################*/ /*################### Technology Styles ################*/ #phs_tech_b1_wrapper {margin: 0;} #phs_tech_b1_area {margin: 0 auto; display: inline-block; width: 100%; min-height: 421px;} #phs_tech_b1_left {background-image: url(../images/bkgd_technology.jpg); background-repeat: no-repeat; background-position: top right; width: 50%; float: left; min-height: 421px;} #phs_tech_b1_right {float: left; width: 50%; min-height: 421px; background-color: #554e47;} #phs_tech_b1_right h2 {color: #ffffff; padding: 0 80px 0 0;} #phs_tech_b1_right p {color: #ffffff;} #phs_tech_b1_right .phs_full_content_right {max-width: 440px; width: 100%; padding: 100px 20px 20px 60px;} #phs_tech_b2_wrapper {} #phs_tech_b2_area {margin: 0 auto; display: block; width: 100%; max-width: 1040px; padding: 95px 20px 140px;} #phs_tech_b2_area h2 {color: #554e47; text-align: center; font-size: 45px; line-height: 55px; margin: 0 0 25px;} #phs_tech_b2_area p {color: #554e47; text-align: center;} #phs_tech_b2_area a.btn_red {margin: 0 auto 75px;} #phs_tech_b3_wrapper {background-image: url("../images/bkgd_technology_digital_citizen.jpg"); background-repeat: no-repeat; background-position: top center; background-size: cover; background-color: #800000;} #phs_tech_b3_area {margin: 0 auto; display: block; width: 100%; max-width: 960px; padding: 120px 20px 90px;} #phs_tech_b3_area h2 {color: #ffffff; text-align: center; font-size: 45px; line-height: 55px;} #phs_tech_b3_area p {color: #ffffff; text-align: center; margin-bottom: 30px;} #phs_tech_b4_wrapper {max-width: 1140px; width: 100%; margin: 125px auto 110px; padding: 0 20px;} #phs_tech_b4_area {margin: 0 auto; display: inline-block; width: 100%;} #phs_tech_b4_area h2 {margin: 0 0 15px;} #phs_tech_b4_area p {margin: 0 0 15px;} #phs_tech_b4_left {float: left; max-width: 460px; width: 100%; margin: 90px 50px 0 40px;} #phs_tech_b4_right {float: right; max-width: 430px; width: 100%; margin: 0 40px 0 0;} #phs_tech_b5_wrapper {max-width: 1180px; width: 100%; margin: 0px auto 125px; padding: 0 20px;} #phs_tech_b5_area {margin: 0 auto; display: inline-block; width: 100%;} #phs_tech_b5_area h2 {margin: 0 0 15px;} #phs_tech_b5_area p {margin: 0 0 15px;} #phs_tech_b5_left {float: left; max-width: 610px; width: 100%; margin: 0 90px 0 0;} #phs_tech_b5_right {float: left; max-width: 400px; width: 100%; margin: 0;} #video_wrapper {position: relative; overflow: hidden; height: 0; padding-bottom: 56.25%;} #video_wrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;} @media screen and (max-width: 1195px) { #phs_tech_b1_left {width: 100%; float: none; min-height: 421px; background-position: top center;} #phs_tech_b1_right {float: none; width: 100%; min-height: 150px; display: inline-block; text-align: center;} #phs_tech_b1_right h2 {padding: 0;} #phs_tech_b1_right .phs_full_content_right {float: none; max-width: 1140px; width: 100%; padding: 80px 20px !important;} } @media screen and (max-width: 1160px) { #phs_tech_b5_left {float: none; max-width: 800px; width: 100%; margin: 0 auto 50px;} #phs_tech_b5_right {float: none; max-width: 1000px; width: 100%; margin: 0 auto; text-align: center;} } @media screen and (max-width: 1090px) { #phs_tech_b4_left {float: left; margin: 90px 50px 0 0px;} #phs_tech_b4_right {float: right; margin: 0;} } @media screen and (max-width: 1000px) { #phs_tech_b4_left {float: none; margin: 0 auto 35px; max-width: 1000px; width: 100%; text-align: center;} #phs_tech_b4_right {float: none; margin: 0 auto;} } @media screen and (max-width: 800px) { #phs_tech_b3_wrapper {background-position: 60% top;} #phs_tech_b2_area {padding: 80px 20px;} #phs_tech_b3_area {padding: 80px 20px;} #phs_tech_b4_wrapper {margin: 80px auto 100px;} #phs_tech_b5_wrapper {margin: 0 auto 80px;} #phs_tech_b2_area h2 {font-size: 35px; line-height: 45px;} #phs_tech_b3_area h2 {font-size: 35px; line-height: 45px;} } @media screen and (max-width: 600px) { #phs_tech_b1_right .phs_full_content_right {padding: 60px 20px !important;} #phs_tech_b2_area {padding: 60px 20px;} #phs_tech_b3_area {padding: 60px 20px;} #phs_tech_b4_wrapper {margin: 60px auto 80px;} #phs_tech_b5_wrapper {margin: 0 auto 60px;} } /*##################################################*/ /*######################### Replacement Tabbed Block ##################################*/ #tabbed_wrapper {padding: 0;} #tabbed_area {max-width: 1040px; margin: 70px auto 0; padding: 0; float: none; border: 1px solid #9b9895;} #tabbed_title_wrapper {background-color: #9b9895; padding: 25px 20px;} #tabbed_title_wrapper h2 {font-weight: 400; font-size: 28px; line-height: 38px; color: #ffffff; margin: 0; text-align: center; font-family: 'Montserrat', sans-serif; text-transform: uppercase;} section h3 {font-size: 24px; line-height: 24px; margin: 0 0 15px; color: #800000; font-weight: 400; font-family: 'Montserrat', sans-serif;} section p {font-size: 16px !important; line-height: 26px !important; margin: 0 0 20px !important; color: #554e47 !important; font-weight: 400 !important; text-align: left !important;} .tab_content_blue {color: #015b96 !important; font-weight: 700 !important; margin: 0 0 40px !important;} section {zoom: 1; position: relative; height: auto; background-color: #ffffff; border: none;} section:after, section:before {content: ""; display: table;} section:after {clear: both;} section h4 {cursor: pointer; padding: 15px 45px; font-size: 16px; line-height: 30px; color: #554e47; margin: 0; font-weight: 400; background-color: #f2f1ef; font-family: 'Montserrat', sans-serif; text-transform: uppercase;} #phs_tech_b2_wrapper section h4 {padding: 35px 45px;} section .tab_content {zoom: 1; position: relative; height: auto; min-height: 100%; display: none; padding: 55px 30px 30px;} section .tab_content:after, section .tab_content:before {content: ""; display: table;} section .tab_content:after {clear: both;} section .active {cursor: default; color: #800000; font-weight: 700;} section .active + .tab_content {display: block;} @media screen and (min-width: 1140px) { section h4 {position: relative; max-width: 330px; display: block; width: 100%;} section .tab_content {position: absolute; max-width: 670px; width: 100%; right: 0; top: 0; padding: 80px 90px;} section .active {background: rgba(0,0,0,0);} } @media (max-width: 1140px) { section h4 {border-top: 1px solid #9b9895;} section h4 {padding: 20px 30px;} #phs_tech_b2_wrapper section h4 {padding: 20px 30px;} } @media screen and (max-width: 600px) { #tabbed_area h2 {font-size: 24px; line-height: 34px;} section h4 {padding: 20px;} #phs_tech_b2_wrapper section h4 {padding: 20px;} section .tab_content {padding: 30px 20px;} } /*#####################################################################*/ #content-search {max-width: 1140px; width: 100%; padding: 0 20px; float: none; margin: 0 auto 80px;} /*######################### Replacement Tabbed Block ##################################*/ #button_lander_wrapper {max-width: 1030px; width: 100%; margin: 0 auto;} #button_lander_area {margin: 20px auto 60px; display: inline-block; width: 100%;} #button_lander_left {float: left; margin: 0 50px; max-width: 415px; width: 100%;} #button_lander_right {float: left; margin: 0 50px; max-width: 415px; width: 100%;} .lander_button {background-color: #f2f1ef; margin: 0 0 15px; max-width: 415px; width: 100%; padding: 15px 20px; display: inline-block;} .lander_button_text {float: left; max-width: 280px; width: 100%; margin: 0 50px 0 0;} .lander_button_text p {font-size: 16px; line-height: 26px; margin: 0; padding: 0; text-transform: uppercase; font-weight: 600;} a > .lander_button p {color: #800000;} a > .lander_button:hover p {color: #554E47;} .lander_button_icon{width: 26px; margin: 0; float: right;} @media screen and (max-width: 1090px) { #button_lander_left {float: none; margin: 0 auto;} #button_lander_right {float: none; margin: 0 auto;} } @media screen and (max-width: 480px) { .lander_button_text {max-width: 190px; width: 100%; margin: 0 24px 0 0;} } /*#####################################################################*/ /*######################### Admissions Calendar Block ##################################*/ #admission_calendar_container {background-image: url(../images/bkgd_admissions_calendar.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; background-color: #800000;} #admission_calendar_wrapper {max-width: 1140px; width: 100%; margin: 0 auto; padding: 0 20px;} #admission_calendar_area {margin: 0 auto -1px; display: inline-block; width: 100%;} #admission_calendar_text {float: left; margin: 45px 50px 30px 40px; max-width: 440px; width: 100%;} #admission_calendar_image {float: right; margin: 25px 0 0; max-width: 440px; width: 100%;} #admission_calendar_area h2 {color: #ffffff; font-size: 40px; line-height: 48px; text-transform: none; margin: 0 0 15px;} #admission_calendar_area p {color: #fcb315; font-size: 16px; line-height: 26px; font-weight: 800; text-transform: uppercase; margin: 0;} #admission_calendar_area a {color: #fcb315; text-decoration: none;} #admission_calendar_area a:hover {color: #ffffff;} .italic_calendar {display: block; font-style: italic;} a.btn_red_text {color: #de2323; text-decoration: none !important; display: block; margin: 0 0 10px; font-size: 16px; line-height: 26px; font-weight: 600;} a.btn_red_text:hover {color: #554e47;} @media screen and (max-width: 990px) { #admission_calendar_text {float: none; margin: 40px auto; text-align: center;} #admission_calendar_image {float: none; margin: 0 auto;} } /*#####################################################################*/ .calendar_buttons {display: inline-block; width: 100%; margin: 0 0 20px;} .calendar_buttons a.btn_red {float: left; margin: 0 20px 20px 0;} @media screen and (max-width: 600px) { .calendar_buttons a.btn_red {margin: 0 0 20px;} } /* .lander_button_text {max-width: 190px; width: 100%; margin: 0 24px 0 0;}*/ .error404 #main.error-page {margin: 0 auto; max-width: 1140px; width: 100%; padding: 20px 20px 120px; float: none;} /*################### Hubspot Form Block ################*/ h3.form-title {display: none;} .hs-form .hs-error-msgs label {display: block; font-size: 14px; line-height: 24px; color: red; margin: 5px 7px;} .hs-form ul {margin: 0; padding: 0;} .hsform .hs-error-msgs li {list-style-type: none; margin: 0 15px; padding: 0;} fieldset {border: 0; padding: 0; margin: 0; max-width: 1100px !important; width: 100%;} fieldset.form-columns-3 .input {margin: 10px 7px 0px !important;} fieldset.form-columns-2 .input {margin: 10px 7px 0px !important;} fieldset.form-columns-1 .input {margin: 10px 7px 0px !important;} fieldset.form-columns-3 .hs-form-field {margin: 20px 0px 0px !important;} fieldset.form-columns-2 .hs-form-field {margin: 20px 0px 0px !important;} fieldset.form-columns-1 .hs-form-field {margin: 20px 0px 0px !important;} .hs-form .hs_submit {margin: 25px auto 25px !important; display: block;} .hs-form-field > label {color: #554e47; margin: 0 7px; font-size: 14px; line-height: 24px; font-weight: 400; padding: 0 0 5px; text-transform: uppercase;} .hs-form input[type="text"], .hs-form input[type="password"], .hs-form input[type="datetime"], .hs-form input[type="datetime-local"], .hs-form input[type="date"], .hs-form input[type="month"], .hs-form input[type="time"], .hs-form input[type="week"], .hs-form input[type="number"], .hs-form input[type="email"], .hs-form input[type="url"], .hs-form input[type="search"], .hs-form input[type="tel"], .hs-form input[type="color"], .hs-form textarea, .hs-form select {font-family: 'Montserrat', sans-serif; display: inline-block; width: 100% !important; height: 46px; padding: 10px 20px; font-size: 16px; line-height: 26px; color: #554e47; background-color: #ffffff; background-image: none; border: 1px solid #adadad; border-radius: 0px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;} .hs-form input[type="submit"], .hs-form input[type="reset"], .hs-form input[type="button"] {border-radius: 3px; color: #ffffff; background-color: #800000 !important; text-transform: uppercase; padding: 15px; font-size: 16px; line-height: 20px; border: 2px solid #800000 !important; font-family: 'Montserrat', sans-serif; font-weight: 700; text-align: center; max-width: 280px; width: 100%; letter-spacing: 0; margin: 0 auto; display: block;} .hs-form input[type="submit"]:hover {color: #800000 !important; background-color: #ffffff !important; text-decoration: none; border: 2px solid #800000 !important;} .hs_recaptcha {padding: 20px 15px; display: none;} @media screen and (max-width: 750px) { fieldset.form-columns-2 .hs-form-field {width: 100% !important; float: left;} fieldset.form-columns-2 {margin: 0px !important;} fieldset.form-columns-2 .input {margin: 0px !important;} fieldset.form-columns-1 .input {margin: 0px !important;} .hs-form-field > label {margin: 0px !important;} .hs_cos_wrapper_type_form .hs-form-field > label {margin: 0;} .hs-form .hs-error-msgs label {margin: 5px 0;} } @media (max-width: 400px), (max-device-width: 480px) and (min-device-width: 320px) { .form-columns-2 .hs-form-field .hs-input {width: 100% !important;} } /*##################################################*/ .anchor{ display: block; height: 200px; /*same height as header*/ margin-top: -200px; /*same height as header*/ visibility: hidden; } .accordions .accordions-head {cursor: pointer; padding: 20px 10px;} .accordions .accordions-head-title {font-size: 16px; line-height: 26px; font-weight: 600; padding: 0; text-transform: uppercase;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {border: none !important; background: #ffffff !important; font-weight: 600; color: #454545; border-bottom: 1px solid #bbb8b5 !important;} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {border: 1px solid #ffffff !important; background: #ffffff !important; font-weight: normal; color: #fff;} .ui-widget-content {border: 1px solid #ffffff !important; border-bottom: 1px solid #bbb8b5 !important; background: #fff; color: #333;} .accordions .accordion-content {background: #fff none repeat scroll 0 0; padding: 0 10px;} #phs_app_p_b2_right .accordions p {margin: 0 0 20px; font-size: 16px; line-height: 26px; font-weight: 400; color: #9d9893;} #phs_app_p_b2_right .accordions ul li {color: #9d9893 !important;} #phs_app_p_b2_right .accordions a {color: #de2323; font-weight: 600;} #phs_app_p_b2_right .accordions a:hover {color: #9d9893;} #phs_app_p_b4_right .accordions p {margin: 0 0 20px; font-size: 16px; line-height: 26px; font-weight: 400; color: #9d9893;} #phs_app_p_b4_right .accordions ul li {color: #9d9893 !important;} #phs_app_p_b4_right .accordions a {color: #de2323; font-weight: 600;} #phs_app_p_b4_right .accordions a:hover {color: #9d9893;} .n2-ss-slider {margin: 0 0 50px !important;} /*################### Spring Camp Block ################*/ #spring_camp_container {padding: 80px 0 40px;} #spring_camp_wrapper {max-width: 1000px; width: 100%; margin: 0 auto 80px;} #spring_camp_area {width: 100%; margin: 0 auto; display: inline-block;} #spring_camp_info {float: left; max-width: 300px; width: 100%; text-align: center; margin: 0 100px 0 0;} #spring_camp_content {float: left; max-width: 600px; width: 100%; margin: 0; display: flex; align-items: center;} @media (min-width: 1061px) { #spring_camp_area {width: 100%; margin: 0 auto; display: flex;} } @media (max-width: 1060px) { #spring_camp_wrapper {margin: 0 auto 60px;} #spring_camp_info {float: none; max-width: 300px; width: 100%; margin: 0 auto 40px;} #spring_camp_content {float: none; max-width: 600px; width: 100%; margin: 0 auto; text-align: center;} } @media (max-width: 650px) { #spring_camp_container {padding: 40px 0;} #spring_camp_wrapper {margin: 0 auto 40px;} } /*#####################################################################*/ /*################### Admission Resources Styles ################*/ #admission_resources_wrapper {max-width: 1140px; width: 100%; margin: 0 auto; padding: 50px 20px 120px; border-top: 3px solid #eeedec;} #admission_resources_area {width: 100%; display: inline-block; margin: 0 auto;} .resource_wrapper {float: left; width: 50%; padding: 0 10px 20px; margin: 0;} .resource_item {background: #ffffff; border: 1px solid #dadada; display: inline-block; width: 100%;} .resources_content_area {float: left; max-width: 260px; width: 100%; background-color: #ffffff; min-height: 320px;} .resource_content_top {border-top: none; padding: 50px 40px 10px; min-height: 250px;} .resource_content_top h3 {font-size: 22px; line-height: 32px; font-weight: 700; color: #554e47; margin: 0 0 25px; text-decoration: none;} .resource_content_link {padding: 0 40px 40px; font-size: 14px; line-height: 24px; text-transform: uppercase; font-weight: 800;} .resource_content_top a {color: #554e47;} .resource_content_top a:hover {color: #de2323;} .resource_image {float: left; max-width: 268px; width: 100%; min-height: 320px; background-repeat: no-repeat; background-position: center;} @media (max-width: 1160px) { .resources_content_area {max-width: 532px; width: 100%; min-height: 200px;} .resource_content_top {padding: 45px 30px 10px; min-height: 180px;} .resource_content_link {padding: 0 30px 40px;} .resource_image {max-width: 530px; width: 100%; min-height: 250px;} } @media (max-width: 700px) { .resource_wrapper {float: none; max-width: 532px; width: 100%; padding: 0 0 20px; margin: 0 auto;} .resources_content_area {min-height: 20px;} .resource_content_top {min-height: 20px;} } @media (max-width: 600px) { .resource_content_top {padding: 30px 20px 0px; text-align: center;} .resource_content_link {padding: 0 20px 30px; text-align: center;} #admission_resources_wrapper { padding: 50px 20px 60px;} } /*######################################################*/ #glt-translate-trigger {padding: 10px 20px;} #glt-translate-trigger > span {font-size: 16px; line-height: 20px; font-family: 'Montserrat', sans-serif;} /*################### Class of 2020 Styles ################*/ #phs_graduation_top_wrapper {margin: 0;} #phs_graduation_top_area {margin: 0 auto; display: inline-block; width: 100%; min-height: 421px;} #phs_graduation_top_left {background-image: url(/wp-content/uploads/bkgd_hero_graduation_main.jpg); background-repeat: no-repeat; background-position: center; width: 50%; float: left; min-height: 421px; background-size: cover;} #phs_graduation_top_right {float: left; width: 50%; min-height: 421px; background-color: #554e47;} #phs_graduation_top_right h2 {color: #ffffff; margin: 0 0 10px;} #phs_graduation_top_right p {color: #ffffff; margin: 0 0 30px;} #phs_graduation_top_right .phs_full_content_right {padding: 65px 20px 20px 70px; max-width: 530px; width: 100%;} #phs_graduation_top_right a.btn_graduation_details {margin: 0;} #phs_graduation_b1_wrapper {max-width: 1040px; width: 100%; margin: 95px auto 60px; padding: 0 20px;} #phs_graduation_b1_area {margin: 0 auto; display: inline-block; width: 100%;} #phs_graduation_b1_left {float: left; max-width: 480px; width: 100%; margin: 40px 88px 40px 0;} #phs_graduation_b1_left h2 {margin: 0 0 10px;} #phs_graduation_b1_left p {margin: 0 0 20px;} #phs_graduation_b1_left a {font-weight: bold;} #phs_graduation_b1_right {float: left; max-width: 432px; width: 100%; margin: 0 0 40px;} #phs_graduation_b2_wrapper {background-image: url(/wp-content/uploads/bkgd_virtual_graduation.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; background-color: #800000;} #phs_graduation_b2_area {margin: 0 auto; display: block; width: 100%; max-width: 880px; padding: 115px 20px 90px;} #phs_graduation_b2_area h2 {color: #ffffff; text-align: center; font-size: 40px; line-height: 50px;} #phs_graduation_b2_area p {color: #ffffff; text-align: center; margin-bottom: 30px;} #phs_graduation_b3_wrapper {} #phs_graduation_b3_area {margin: 0 auto; display: block; width: 100%; max-width: 1080px; padding: 110px 20px;} #phs_graduation_b3_area h2 {text-align: center; font-size: 40px; line-height: 50px;} #phs_graduation_b3_area p {text-align: center; margin-bottom: 30px;} #phs_graduation_b3_area img {margin: 0 auto 40px; display: block;} @media screen and (max-width: 1195px) { #phs_graduation_top_area {min-height: 50px;} #phs_graduation_top_left {display: none;} #phs_graduation_top_right {float: none; width: 100%; text-align: center; min-height: 150px; display: inline-block;} #phs_graduation_top_right .phs_full_content_right {margin: 0 auto; max-width: 900px; width: 100%; padding: 60px 20px !important;} #phs_graduation_top_right a.btn_graduation_details {margin: 0 auto;} } @media screen and (max-width: 1040px) { #phs_graduation_b1_left {float: none; max-width: 900px; width: 100%; margin: 0 auto 40px;} #phs_graduation_b1_left h2 {text-align: center;} #phs_graduation_b1_left p {text-align: center;} #phs_graduation_b1_right {float: none; margin: 0 auto 40px;} } @media screen and (max-width: 800px) { #phs_graduation_b1_wrapper {margin: 80px auto 40px;} #phs_graduation_b2_area {padding: 80px 20px;} #phs_graduation_b3_area {padding: 80px 20px;} } @media screen and (max-width: 600px) { #phs_graduation_b1_wrapper {margin: 60px auto 40px;} #phs_graduation_b2_area {padding: 60px 20px;} #phs_graduation_b2_area h2 {font-size: 35px; line-height: 45px;} #phs_graduation_b3_area {padding: 60px 20px 80px;} #phs_graduation_b3_area h2 {font-size: 35px; line-height: 45px;} } /*##################################################*/ /*################### Class of 2020 Styles ################*/ .graduates_corner {max-width: 1020px; width: 100%; margin: 0 auto;} /*##################################################*/ /*################### Graduation Detail Styles ################*/ #phs_gd_top_wrapper {margin: 0;} #phs_gd_top_area {margin: 0 auto; display: inline-block; width: 100%; min-height: 421px;} #phs_gd_top_left {background-image: url(/wp-content/uploads/bkgd_hero_graduation_details.jpg); background-repeat: no-repeat; background-position: top right; width: 50%; float: left; min-height: 421px;} #phs_gd_top_right {float: left; width: 50%; min-height: 421px; background-color: #554e47;} #phs_gd_top_right h2 {color: #ffffff; margin: 0 0 10px;} #phs_gd_top_right p {color: #ffffff; margin: 0 0 30px;} #phs_gd_top_right .phs_full_content_right {padding: 120px 20px 20px 70px; max-width: 530px; width: 100%;} #phs_gd_top_right a.btn_graduation_details {margin: 0;} #phs_gd_b1_wrapper {background-image: url(/wp-content/uploads/bkgd_graduation_countdown.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; background-color: #800000;} #phs_gd_b1_area {margin: 0 auto; display: block; width: 100%; max-width: 880px; padding: 65px 20px 35px;} #phs_gd_b1_area h3 {color: #ffffff; text-align: center; margin: 0 0 15px;} #phs_gd_b1_area p {color: #ffffff; text-align: center; margin-bottom: 30px;} #phs_gd_b1_area a {font-weight: 800; text-transform: uppercase; color: #fcb315; text-decoration: none;} #phs_gd_b1_area a:hover {color: #ffffff;} #phs_gd_b2_wrapper {} #phs_gd_b2_area {margin: 0 auto; display: block; width: 100%; max-width: 1040px; padding: 110px 20px 50px;} #phs_gd_b2_area h2 {text-align: center; font-size: 40px; line-height: 50px;} #phs_gd_b2_area p {text-align: center;} #phs_gd_b3_wrapper {max-width: 1040px; width: 100%; margin: 0 auto; padding: 0 20px 30px;} #phs_gd_b3_area {margin: 0 auto; display: inline-block; width: 100%;} #phs_gd_b3_left {float: left; max-width: 468px; width: 100%; margin: 0px 50px 40px 0;} #phs_gd_b3_right {float: right; max-width: 432px; width: 100%; margin: 0 0 40px;} #phs_gd_b3_area h3 {font-size: 30px; line-height: 40px; margin: 0 0 15px;} #phs_gd_b4_wrapper {max-width: 1040px; width: 100%; margin: 0 auto; padding: 40px 20px 100px;} #phs_gd_b4_area {margin: 0 auto; display: inline-block; width: 100%;} #phs_gd_b4_left {float: left; max-width: 432px; width: 100%; margin: 0 50px 40px 0;} #phs_gd_b4_right {float: left; max-width: 468px; width: 100%; margin: 0px 0 40px;} #phs_gd_b4_area h3 {font-size: 30px; line-height: 40px; margin: 0 0 15px;} #phs_gd_b5_wrapper {} #phs_gd_b5_area {margin: 0 auto; display: block; width: 100%; max-width: 1000px; padding: 110px 20px 90px; border-top: 3px solid #eeedec;} #phs_gd_b5_area h2 {text-align: center; font-size: 40px; line-height: 50px;} #phs_gd_b5_area p {text-align: center; margin-bottom: 30px;} #phs_gd_b5_area img {margin: 0 auto 40px; display: block;} #phs_gd_b6_wrapper {} #phs_gd_b6_area {margin: 0 auto; display: block; width: 100%; max-width: 1040px; padding: 30px 20px 50px;} #phs_gd_b6_area h2 {text-align: center; font-size: 40px; line-height: 50px;} #phs_gd_b6_area p {text-align: center;} #phs_gd_b6_area a {font-weight: 700; color: #de2323;} #phs_gd_b6_area a:hover {color: #554e47;} @media screen and (max-width: 1195px) { #phs_gd_top_area {min-height: 50px;} #phs_gd_top_left {display: none;} #phs_gd_top_right {float: none; width: 100%; text-align: center; min-height: 150px; display: inline-block;} #phs_gd_top_right .phs_full_content_right {margin: 0 auto; max-width: 900px; width: 100%; padding: 60px 20px 30px !important;} #phs_gd_top_right a.btn_graduation_details {margin: 0 auto;} } @media screen and (max-width: 1055px) { #phs_gd_b3_left {float: none; max-width: 800px; margin: 0 auto;} #phs_gd_b3_right {float: none; margin: 0 auto 40px;} #phs_gd_b4_left {float: none; margin: 0 auto 40px;} #phs_gd_b4_right {float: none; max-width: 800px; margin: 0 auto;} } @media screen and (max-width: 800px) { #phs_gd_b2_area {padding: 80px 20px 35px;} #phs_gd_b5_area {padding: 80px 20px;} #phs_gd_b2_area {padding: 30px 20px 35px;} #phs_gd_b4_wrapper {padding: 0px 20px 80px;} } @media screen and (max-width: 600px) { #phs_gd_b1_area {padding: 60px 20px 30px;} #phs_gd_b4_wrapper {padding: 0px 20px 60px;} #phs_gd_b2_area {padding: 60px 20px 20px;} #phs_gd_b6_area {padding: 30px 20px 20px;} #phs_gd_b5_area {padding: 60px 20px 80px;} #phs_gd_b5_area h2 {font-size: 35px; line-height: 45px;} } /*##################################################*/ .blob {background: rgba(252, 179, 21, 1); border-radius: 50%; box-shadow: 0 0 0 0 rgba(252, 179, 21, 1); margin: 3px 5px 3px 0; height: 9px; width: 9px; transform: scale(1); animation: pulse-yellow 2s infinite; display: inline-block;} @keyframes pulse-yellow { 0% {transform: scale(0.95); box-shadow: 0 0 0 0 rgba(252, 179, 21, 0.7);} 70% {transform: scale(1); box-shadow: 0 0 0 9px rgba(252, 179, 21, 0);} 100% {transform: scale(0.95); box-shadow: 0 0 0 0 rgba(252, 179, 21, 0);} } /*########## Careers Top Block ##########*/ #careers_top_wrapper {max-width: 1180px; width: 100%; margin: 0 auto; padding: 80px 20px; float: none; border-top: 3px solid #eeedec;} #careers_top_area {display: inline-block; width: 100%; margin: 0 auto;} #careers_top_content {max-width: 1000px; width: 100%; margin: 0 auto; padding: 0 0 15px; text-align: center;} #careers_top_content h2 {font-size: 40px; line-height: 50px; color: #554e47; padding: 0; margin: 0 0 15px; font-weight: 700; text-align: center;} #careers_top_content p {color: #554e47; text-align: center;} @media (max-width: 600px) { #careers_top_wrapper {padding: 60px 20px;} #careers_top_content h2 {font-size: 30px; line-height: 40px;} } /*##############################################*/ /*########## Careers Content/Image Blocks ##########*/ #careers_b2_wrapper {max-width: 1100px; width: 100%; margin: 0px auto 65px; padding: 0 20px;} #careers_b2_area {margin: 0 auto; display: inline-block; width: 100%; padding: 50px 0;} #careers_b2_area h2 {font-size: 40px; line-height: 50px; color: #554e47; padding: 0; margin: 0 0 15px; font-weight: 700;} #careers_b2_area img {float: left;} #careers_b2_left {float: left; max-width: 450px; width: 100%; margin: 0 40px;} #careers_b2_right {float: right; max-width: 450px; width: 100%; margin: 0 40px;} .careers_b2_text {padding: 55px 0 0;} @media (max-width: 1120px) { #careers_b2_area {padding: 10px 0;} #careers_b2_left {float: none; max-width: 900px; width: 100%; margin: 0 auto 40px;} #careers_b2_area h2 {text-align: center;} #careers_b2_area p {text-align: center;} #careers_b2_area img {float: none; margin: 0 auto; display: block;} #careers_b2_right {float: none; max-width: 900px; width: 100%; margin: 0 auto 40px;} .careers_b2_text {padding: 0;} } @media (max-width: 600px) { #careers_b2_wrapper {margin: 0px auto 50px; padding: 0 20px 0;} #careers_b2_area h2 {font-size: 30px; line-height: 40px;} } /*##############################################*/ /*########## Careers Image Block ##########*/ #careers_image_wrapper {width: 100%; margin: 0 auto; padding: 0px;} #careers_image_area {display: inline-block; width: 100%; margin: 0 auto;} /*##############################################*/ /*########## Careers Spirit Blocks ##########*/ #careers_spirit_blocks_wrapper {max-width: 1130px; width: 100%; margin: 0 auto; padding: 130px 10px 110px;} #careers_spirit_blocks_area {display: inline-block; width: 100%; margin: 0 auto;} #careers_spirit_blocks_top_content {max-width: 1000px; width: 100%; margin: 0 auto; padding: 0 0 15px; text-align: center;} #careers_spirit_blocks_top_content h2 {font-size: 40px; line-height: 50px; color: #554e47; padding: 0; margin: 0 0 15px; font-weight: 700; text-align: center;} #spirit_blocks_bottom {max-width: 740px; width: 100%; margin: 0 auto;} .spirit_block {float: left; max-width: 350px; width: 100%; margin: 0 10px 20px; position: relative; text-align: center;} .spirit_block h3 {font-weight: 700; font-size: 30px; line-height: 34px; color: #ffffff; text-transform: none;} .spirit_block figcaption, .spirit_block figcaption > a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px;} .spirit_block figcaption::before {position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; content: '';} .spirit_block figcaption img {margin: 40px 0 10px; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);} .spirit_block figcaption h3 {margin: 0 0 10px; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,40px,0);} @media (max-width: 1150px) { #spirit_blocks_top {max-width: 740px; width: 100%; margin: 0 auto;} } @media (max-width: 1000px) { #careers_spirit_blocks_wrapper {padding: 100px 10px 80px;} } @media (max-width: 800px) { #careers_spirit_blocks_wrapper {padding: 80px 20px 60px;} .spirit_block {float: none;margin: 0 auto 20px;} } @media (max-width: 600px) { #careers_spirit_blocks_wrapper {padding: 60px 20px 60px;} #careers_spirit_blocks_top_content h2 {font-size: 30px; line-height: 40px;} .spirit_block h3 {font-size: 26px; line-height: 30px;} } /*##############################################*/ /*########## Careers Announcement CTA ##########*/ #careers_announcement_wrapper {width: 100%; background-color: #800000; margin: 0 0 50px;} #careers_announcement_area {padding: 60px 20px; margin: 0 auto; max-width: 1180px; width: 100%;} #careers_announcement_area h2 {color: #ffffff; text-align: center;} #careers_announcement_area p {margin: 0 0 25px; color: #ffffff; text-align: center;} @media (max-width: 600px) { #careers_announcement_area {padding: 40px 20px;} #careers_announcement_area h2 {font-size: 28px; line-height: 38px;} } /*##############################################*/ /*########## Careers Bottom CTA ##########*/ #careers_bottom_cta_wrapper {width: 100%; background-color: #554e47; margin: 0;} #careers_bottom_cta_area {padding: 130px 20px 100px; margin: 0 auto; max-width: 1180px; width: 100%;} #careers_bottom_cta_area h2 {font-size: 45px; line-height: 55px; color: #ffffff; padding: 0; margin: 0 0 10px; font-weight: 700; text-align: center;} #careers_bottom_cta_area p {margin: 0 0 25px; color: #ffffff; text-align: center;} @media (max-width: 1000px) { #careers_bottom_cta_area {padding: 100px 20px;} } @media (max-width: 800px) { #careers_bottom_cta_area {padding: 80px 20px;} } @media screen and (max-width: 650px) { #careers_bottom_cta_area h2 {font-size: 35px; line-height: 45px;} } @media (max-width: 600px) { #careers_bottom_cta_area {padding: 60px 20px;} } /*##############################################*/ div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area {margin: 0px !important;} div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p {margin: 18px 0 8px !important; color: #554e47 !important; font-family: inherit; font-size: 14px !important; font-weight: normal !important; line-height: 24px !important; text-align: left; text-shadow: none !important; float: left !important;} div#hs-eu-cookie-confirmation {z-index: 100000000!important; position: fixed !important; bottom: 0 !important; top: auto !important; border-bottom: 1px solid #bebebe !important; border-top: 1px solid #bebebe !important; -webkit-box-shadow: 0px 8px 28px rgba(0,0,0,0.08) !important; -moz-box-shadow: 0px 8px 28px rgba(0,0,0,0.08) !important; box-shadow: 0px 8px 28px rgba(0,0,0,0.08) !important;} div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {max-width: 880px !important; padding: 10px 20px 20px !important;} div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p a, div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p a:hover {color: #800000 !important;} body {-webkit-transition: padding-top .4s ease-out; -moz-transition: padding-top .4s ease-out; -ms-transition: padding-top .4s ease-out; -o-transition: padding-top .4s ease-out; transition: padding-top .4s ease-out;} /*################### why Paraclete Styles ################*/ #phs_why_top_wrapper {margin: 0 0 -5px;} #phs_why_top_area {margin: 0 auto; display: inline-block; width: 100%; min-height: 421px;} #phs_why_top_left {background-image: url(../images/bkgd_paraclete_campus.jpg); background-repeat: no-repeat; background-position: top left; width: 50%; float: left; min-height: 462px; background-size: cover;} #phs_why_top_right {float: left; width: 50%; min-height: 462px; background-color: #554e47;} #phs_why_top_right h2 {color: #ffffff;} #phs_why_top_right p {color: #ffffff;} #phs_why_top_right .phs_full_content_right {padding: 40px 20px 40px 60px;} #phs_why_s1_wrapper {max-width: 1040px; width: 100%; margin: 90px auto 40px; padding: 0 20px;} #phs_why_s1_area {margin: 0 auto; display: inline-block; width: 100%;} #phs_why_s1_left {float: left; max-width: 468px; width: 100%; margin: 0 100px 40px 0;} #phs_why_s1_right {float: right; max-width: 432px; width: 100%; margin: 0 0 40px;} #phs_why_s2_wrapper {max-width: 1040px; width: 100%; margin: 0 auto 40px; padding: 40px 20px 0;} #phs_why_s2_area {margin: 0 auto; display: inline-block; width: 100%;} #phs_why_s2_left {float: left; max-width: 432px; width: 100%; margin: 0 100px 40px 0;} #phs_why_s2_right {float: left; max-width: 468px; width: 100%; margin: 30px 0 40px;} #phs_why_s3_wrapper {max-width: 1040px; width: 100%; margin: 0 auto 40px; padding: 40px 20px 0;} #phs_why_s3_area {margin: 0 auto; display: inline-block; width: 100%;} #phs_why_s3_left {float: left; max-width: 468px; width: 100%; margin: 40px 100px 40px 0;} #phs_why_s3_right {float: right; max-width: 432px; width: 100%; margin: 0 0 40px;} #phs_why_s4_wrapper {max-width: 1040px; width: 100%; margin: 0 auto 40px; padding: 40px 20px 0;} #phs_why_s4_area {margin: 0 auto; display: inline-block; width: 100%;} #phs_why_s4_left {float: left; max-width: 432px; width: 100%; margin: 0 100px 40px 0;} #phs_why_s4_right {float: left; max-width: 468px; width: 100%; margin: 50px 0 40px;} #phs_why_s5_wrapper {max-width: 1040px; width: 100%; margin: 0 auto 40px; padding: 40px 20px 0;} #phs_why_s5_area {margin: 0 auto; display: inline-block; width: 100%;} #phs_why_s5_left {float: left; max-width: 468px; width: 100%; margin: 30px 100px 40px 0;} #phs_why_s5_right {float: right; max-width: 432px; width: 100%; margin: 0 0 40px;} #phs_why_s6_wrapper {max-width: 1040px; width: 100%; margin: 0 auto 80px; padding: 40px 20px 0;} #phs_why_s6_area {margin: 0 auto; display: inline-block; width: 100%;} #phs_why_s6_left {float: left; max-width: 432px; width: 100%; margin: 0 100px 40px 0;} #phs_why_s6_right {float: left; max-width: 468px; width: 100%; margin: 40px 0;} @media screen and (max-width: 1195px) { #phs_why_top_left {width: 100%; float: none; min-height: 421px; background-position: top center;} #phs_why_top_right {float: none; width: 100%; text-align: center; min-height: 150px; display: inline-block;} #phs_why_top_right a.btn_red {margin: 0 auto;} } @media screen and (max-width: 1055px) { #phs_why_s1_left {float: none; margin: 0 auto;} #phs_why_s1_right {float: none; max-width: 468px; margin: 0 auto 40px;} #phs_why_s2_left {float: none; max-width: 468px; margin: 0 auto 40px;} #phs_why_s2_right {float: none; margin: 0 auto;} #phs_why_s3_left {float: none; margin: 0 auto;} #phs_why_s3_right {float: none; max-width: 468px; margin: 0 auto 40px;} #phs_why_s4_left {float: none; max-width: 468px; margin: 0 auto 40px;} #phs_why_s4_right {float: none; margin: 0 auto;} #phs_why_s5_left {float: none; margin: 0 auto;} #phs_why_s5_right {float: none; max-width: 468px; margin: 0 auto 40px;} #phs_why_s6_left {float: none; max-width: 468px; margin: 0 auto 40px;} #phs_why_s6_right {float: none; margin: 0 auto;} } /*##################################################*/ /*################### Admissions Top Block ################*/ #phs_admissions_top_wrapper {margin: 0;} #phs_admissions_top_area {margin: 0 auto; display: flex; flex-wrap: wrap; width: 100%;} #phs_admissions_top_left {background-image: url(/wp-content/uploads/hero_admissions.jpg); background-repeat: no-repeat; background-position: center right; width: 50%; float: left;} #phs_admissions_top_right {float: left; width: 50%; background-color: #554e47;} #phs_admissions_top_right .phs_full_content_right {float: left; max-width: 570px; width: 100%; padding: 100px 20px 80px 70px;} #phs_admissions_top_right h2 {color: #ffffff;} #phs_admissions_top_right p {color: #ffffff;} @media screen and (max-width: 900px) { #phs_admissions_b2_area h2 {padding: 0;} #phs_admissions_top_left {width: 100%; float: none; background-position: top center;} #phs_admissions_top_right {float: none; width: 100%; text-align: center; display: inline-block;} #phs_admissions_top_right .phs_full_content_right {margin: 0 auto; max-width: 900px; width: 100%; padding: 80px 20px !important;} } @media screen and (max-width: 600px) { #phs_admissions_top_right .phs_full_content_right {padding: 50px 20px !important;} } /*##################################################*/ /*################### Admissions Future Starts Here ################*/ #phs_admissions_b3_wrapper {max-width: 1040px; width: 100%; margin: 0 auto; padding: 80px 20px 60px;} #phs_admissions_b3_area {margin: 0 auto; display: inline-block; width: 100%;} #phs_admissions_b3_left {float: left; max-width: 480px; width: 100%; margin: 0 88px 40px 0;} #phs_admissions_b3_left h2 {margin: 0 0 10px;} #phs_admissions_b3_left p {margin: 0 0 20px;} #phs_admissions_b3_left a {font-weight: bold;} #phs_admissions_b3_right {float: left; max-width: 432px; width: 100%; margin: 0;} @media screen and (max-width: 1040px) { #phs_admissions_b3_left {float: none; max-width: 900px; width: 100%; margin: 0 auto 40px;} #phs_admissions_b3_left h2 {text-align: center;} #phs_admissions_b3_left p {text-align: center;} #phs_admissions_b3_right {float: none; margin: 0 auto;} } @media screen and (max-width: 600px) { #phs_admissions_b3_wrapper {padding: 50px 20px;} } /*##################################################*/ /*################### Admissions Tabs ################*/ #phs_admission_tabs_wrapper {margin: 0 auto; display: block; width: 100%; max-width: 1040px; padding: 20px 20px 120px;} #phs_admission_tabs_border_wrapper {margin: 0 auto; display: block; width: 100%; max-width: 1040px; padding: 60px 20px 120px; border-top: 2px solid #dadada;} #phs_admission_tabs_area {display: inline-block; margin: 0 auto; width: 100%;} #phs_admission_tabs_header {text-align: center; padding: 0 0 20px;} #phs_admission_tabs_area a.btn_red {color: #ffffff; background-color: #800000; text-transform: uppercase; padding: 11px 15px; font-size: 18px; line-height: 22px; border: 2px solid #800000; font-weight: 400; text-align: center; display: block; border-radius: 3px; width: 100%; max-width: 330px; text-decoration: none !important;} #phs_admission_tabs_area a.btn_red:hover {color: #800000; background: #ffffff; text-decoration: none; border: 2px solid #800000;} #phs_admission_tabs_area .tab_cta {padding: 10px 0 0; display: block;} #phs_admission_tabs_area section {zoom: 1; position: relative; height: auto; background-color: #ffffff; border: none;} #phs_admission_tabs_area section:after, section:before {content: ""; display: table;} #phs_admission_tabs_area section:after {clear: both;} #phs_admission_tabs_area section h4 {cursor: pointer; padding: 30px 25px; font-size: 18px; line-height: 28px; color: #000000; margin: 0; font-weight: 500; background-color: #f2f1ef; font-family: 'Montserrat', sans-serif; text-transform: capitalize;} #phs_admission_tabs_area section h3 {font-size: 24px; line-height: 30px; margin: 0 0 15px; color: #554e47; font-weight: 700; font-family: 'Montserrat', sans-serif;} #phs_admission_tabs_area section h4 .tab_large_font {font-size: 26px; font-weight: 700; color: #800000; font-family: "Times New Roman", Times, serif; padding: 0 10px 0 0;} #phs_admission_tabs_area section .active .tab_large_font {color: #ffffff;} #phs_admission_tabs_area section .tab_content {zoom: 1; position: relative; height: auto; min-height: 100%; display: none; padding: 40px 30px;} #phs_admission_tabs_area section .tab_content:after, section .tab_content:before {content: ""; display: table;} #phs_admission_tabs_area section .tab_content:after {clear: both;} #phs_admission_tabs_area section .active {cursor: default; color: #ffffff; background: #800000;} #phs_admission_tabs_area section .active + .tab_content {display: block;} #phs_admission_tabs_area section .hs-cta-wrapper {display: block} @media screen and (min-width: 1140px) { #phs_admission_tabs_area section h4 {position: relative; max-width: 488px; display: block; width: 100%; border-bottom: 4px solid #ffffff;} #phs_admission_tabs_area section .tab_content {position: absolute; max-width: 492px; width: 100%; right: 0; top: 0; padding: 30px 0 50px 40px;} #phs_admission_tabs_area section .active {} } @media (max-width: 1140px) { #phs_admission_tabs_area section h4 {padding: 20px 25px; border-top: 4px solid #ffffff;} } @media screen and (max-width: 600px) { #phs_admission_tabs_wrapper {padding: 20px 20px 100px;} #phs_admission_tabs_border_wrapper {padding: 40px 20px 100px;} #phs_admission_tabs_header {padding: 0 0 10px;} #phs_admission_tabs_area section h2 {font-size: 28px; line-height: 38px;} #phs_admission_tabs_area section h3 {font-size: 20px; line-height: 26px;} #phs_admission_tabs_area section h4 {padding: 20px; font-size: 16px; line-height: 26px;} #phs_admission_tabs_area section h4 .tab_large_font {font-size: 22px;} #phs_admission_tabs_area section .tab_content {padding: 30px 20px;} } /*#####################################################################*/ /*################### Admissions Financial Assistance ################*/ #phs_admissions_fa_wrapper {max-width: 1040px; width: 100%; margin: 0 auto; padding: 80px 20px; border-top: 2px solid #dadada;} #phs_admissions_fa_area {margin: 0 auto; display: inline-block; width: 100%;} #phs_admissions_fa_block {float: none; margin: 0 auto; max-width: 480px; width: 100%;} #phs_admissions_fa_area h2 {text-align: center;} #phs_admissions_fa_area p {text-align: center; margin: 0 0 30px;} #phs_admissions_fa_area a.btn_reverse {color: #800000; background-color: #ffffff; text-transform: uppercase; padding: 11px 25px; font-size: 18px; line-height: 22px; border: 2px solid #800000; font-weight: 600; text-align: center; display: block; border-radius: 3px; width: 100%; text-decoration: none !important; margin: 0 auto; max-width: 300px;} #phs_admissions_fa_area a.btn_reverse:hover {color: #ffffff; background: #800000; text-decoration: none;} @media (max-width: 600px) { #phs_admissions_fa_wrapper {padding: 60px 20px;} } /*##################################################*/ /*################### Admissions Bottom Block ################*/ #phs_admissions_bottom_wrapper {margin: 0;} #phs_admissions_bottom_area {margin: 0 auto; display: flex; flex-wrap: wrap; width: 100%;} #phs_admissions_bottom_left {background-image: url(../images/bkgd_fa_learn_more.jpg); background-repeat: no-repeat; background-position: top right; width: 50%; float: left; background-size: cover;} #phs_admissions_bottom_right {float: left; width: 50%; background-color: #800000;} #phs_admissions_bottom_right .phs_full_content_right {float: left; max-width: 570px; width: 100%; padding: 60px 20px 50px 70px;} #phs_admissions_bottom_right h2 {color: #ffffff;} #phs_admissions_bottom_right p {color: #ffffff;} #phs_admissions_bottom_right a {color: #fcb315;} #phs_admissions_bottom_right a:hover {color: #ffffff;} #phs_admissions_bottom_right a.btn_red {color: #ffffff; background-color: #e31d1a; text-transform: uppercase; padding: 11px 25px; font-size: 18px; line-height: 22px; border: 2px solid #e31d1a; font-weight: 400; text-align: center; display: block; border-radius: 3px; width: 100%; margin: 10px 0 0; text-decoration: none !important;} #phs_admissions_bottom_right a.btn_red:hover {color: #e31d1a; background: #ffffff; text-decoration: none;} @media screen and (max-width: 900px) { #phs_admissions_b2_area h2 {padding: 0;} #phs_admissions_bottom_left {width: 100%; float: none; background-position: top center; min-height: 200px;} #phs_admissions_bottom_right {float: none; width: 100%; text-align: center; display: inline-block;} #phs_admissions_bottom_right .phs_full_content_right {margin: 0 auto; max-width: 900px; width: 100%; padding: 50px 20px !important;} #phs_admissions_bottom_right a.btn_red {margin: 30px auto 0;} } /*##################################################*/ /*################### international Top Block ################*/ #phs_international_top_wrapper {margin: 0;} #phs_international_top_area {margin: 0 auto; display: flex; flex-wrap: wrap; width: 100%;} #phs_international_top_left {background-image: url(/wp-content/uploads/hero-international-students.jpg); background-repeat: no-repeat; background-position: bottom right; width: 50%; float: left;} #phs_international_top_right {float: left; width: 50%; background-color: #554e47;} #phs_international_top_right .phs_full_content_right {float: left; max-width: 570px; width: 100%; padding: 100px 20px 80px 70px;} #phs_international_top_right h2 {color: #ffffff;} #phs_international_top_right p {color: #ffffff;} @media screen and (max-width: 900px) { #phs_international_b2_area h2 {padding: 0;} #phs_international_top_left {width: 100%; float: none; background-position: top center;} #phs_international_top_right {float: none; width: 100%; text-align: center; display: inline-block;} #phs_international_top_right .phs_full_content_right {margin: 0 auto; max-width: 900px; width: 100%; padding: 80px 20px !important;} } @media screen and (max-width: 600px) { #phs_international_top_right .phs_full_content_right {padding: 50px 20px !important;} } /*##################################################*/ /*################### International - Application Instructions ################*/ #phs_international_b2_wrapper {max-width: 1040px; width: 100%; margin: 0 auto; padding: 80px 20px 60px;} #phs_international_b2_area {margin: 0 auto; display: inline-block; width: 100%;} #phs_international_b2_left {float: left; max-width: 480px; width: 100%; margin: 0 88px 40px 0;} #phs_international_b2_left h2 {margin: 0 0 10px;} #phs_international_b2_left p {margin: 0 0 20px;} #phs_international_b2_left a {font-weight: bold;} #phs_international_b2_right {float: left; max-width: 432px; width: 100%; margin: 0;} @media screen and (max-width: 1040px) { #phs_international_b2_left {float: none; max-width: 900px; width: 100%; margin: 0 auto 40px;} #phs_international_b2_left h2 {text-align: center;} #phs_international_b2_left p {text-align: center;} #phs_international_b2_right {float: none; margin: 0 auto;} } @media screen and (max-width: 600px) { #phs_international_b2_wrapper {padding: 50px 20px;} } /*##################################################*/ /*################### International - Students from China ################*/ #phs_international_sfc_wrapper {max-width: 1040px; width: 100%; margin: 0 auto; padding: 80px 20px; border-top: 2px solid #dadada;} #phs_international_sfc_area {margin: 0 auto; display: inline-block; width: 100%;} #phs_international_sfc_block {float: none; margin: 0 auto; max-width: 940px; width: 100%;} #phs_international_sfc_area h2 {text-align: center;} #phs_international_sfc_area p {text-align: center; margin: 0 0 30px;} #phs_international_sfc_area a.btn_reverse {color: #800000; background-color: #ffffff; text-transform: uppercase; padding: 11px 25px; font-size: 18px; line-height: 22px; border: 2px solid #800000; font-weight: 600; text-align: center; display: block; border-radius: 3px; width: 100%; text-decoration: none !important; margin: 0 auto; max-width: 400px;} #phs_international_sfc_area a.btn_reverse:hover {color: #ffffff; background: #800000; text-decoration: none;} @media (max-width: 600px) { #phs_international_sfc_wrapper {padding: 60px 20px;} } /*##################################################*/ /*################### International Bottom Block ################*/ #phs_international_bottom_wrapper {margin: 0;} #phs_international_bottom_area {margin: 0 auto; display: flex; flex-wrap: wrap; width: 100%;} #phs_international_bottom_left {background-image: url(/wp-content/uploads/hosting-international-students.jpg); background-repeat: no-repeat; background-position: top right; width: 50%; float: left; background-size: cover;} #phs_international_bottom_right {float: left; width: 50%; background-color: #554e47;} #phs_international_bottom_right .phs_full_content_right {float: left; max-width: 570px; width: 100%; padding: 60px 20px 60px 70px;} #phs_international_bottom_right h2 {color: #ffffff;} #phs_international_bottom_right p {color: #ffffff;} #phs_international_bottom_right a.btn_red {color: #ffffff; background-color: #e31d1a; text-transform: uppercase; padding: 11px 25px; font-size: 18px; line-height: 22px; border: 2px solid #e31d1a; font-weight: 400; text-align: center; display: block; border-radius: 3px; width: 100%; margin: 10px 0 0; text-decoration: none !important; max-width: 340px;} #phs_international_bottom_right a.btn_red:hover {color: #e31d1a; background: #ffffff; text-decoration: none;} @media screen and (max-width: 900px) { #phs_international_b2_area h2 {padding: 0;} #phs_international_bottom_left {width: 100%; float: none; background-position: top center; min-height: 200px;} #phs_international_bottom_right {float: none; width: 100%; text-align: center; display: inline-block;} #phs_international_bottom_right .phs_full_content_right {margin: 0 auto; max-width: 900px; width: 100%; padding: 50px 20px !important;} #phs_international_bottom_right a.btn_red {margin: 30px auto 0;} } /*##################################################*/ /*################### Student Activities Top Block ################*/ #phs_sa_hero_wrapper {margin: 0 0 90px;} #phs_sa_hero_area {margin: 0 auto; display: flex; flex-wrap: wrap; width: 100%;} #phs_sa_hero_left {background-image: url(/wp-content/uploads/hero_student_activities.jpg); background-repeat: no-repeat; background-position: bottom right; width: 50%; float: left;} #phs_sa_hero_right {float: left; width: 50%; background-color: #554e47;} #phs_sa_hero_right .phs_full_content_right {float: left; max-width: 570px; width: 100%; padding: 100px 20px 80px 70px;} #phs_sa_hero_right h2 {color: #ffffff;} #phs_sa_hero_right p {color: #ffffff;} @media screen and (max-width: 900px) { #phs_sa_hero_right h2 {padding: 0;} #phs_sa_hero_right h2 {padding: 0;} #phs_sa_hero_left {width: 100%; float: none; background-position: top center;} #phs_sa_hero_right {float: none; width: 100%; text-align: center; display: inline-block;} #phs_sa_hero_right .phs_full_content_right {margin: 0 auto; max-width: 900px; width: 100%; padding: 80px 20px !important;} } @media screen and (max-width: 600px) { #phs_sa_hero_right .phs_full_content_right {padding: 50px 20px !important;} #phs_sa_hero_wrapper {margin: 0 0 50px;} } /*##################################################*/ /*################### Student Activities - sections ################*/ .phs_sa_wrapper {max-width: 1040px; width: 100%; margin: 0 auto; padding: 0 20px 90px;} .phs_sa_area {margin: 0 auto; display: inline-block; width: 100%;} .phs_sa_area h2 {margin: 0 0 10px;} .phs_sa_area p {margin: 0 0 20px;} .phs_sa_area a {font-weight: bold;} .phs_sa_content_left {float: left; max-width: 480px; width: 100%; margin: 0 88px 40px 0;} .phs_sa_image_right {float: right; max-width: 432px; width: 100%; margin: 0;} .phs_sa_content_right {float: right; max-width: 480px; width: 100%; margin: 0 0 40px 88px;} .phs_sa_image_left {float: left; max-width: 432px; width: 100%; margin: 0;} @media screen and (max-width: 1040px) { .phs_sa_area h2 {text-align: center;} .phs_sa_area p {text-align: center;} .phs_sa_content_left {float: none; max-width: 900px; width: 100%; margin: 0 auto;} .phs_sa_image_right {float: none; margin: 0 auto 40px;} .phs_sa_content_right {float: none; max-width: 900px; width: 100%; margin: 0 auto;} .phs_sa_image_left {float: none; margin: 0 auto 40px;} } @media screen and (max-width: 600px) { #phs_sa_wrapper {padding: 0 20px 50px;} } /*##################################################*/ /*################### boxzilla ################*/ .boxzilla {padding: 0 !important;} .boxzilla-close-icon {color: #fcb315 !important; opacity: .7 !important;} .boxzilla-close-icon:focus, .boxzilla-close-icon:hover {opacity: 1 !important;} /*##################################################*/ .single .post-entry {margin: 0 auto; max-width: 990px; width: 100%; padding: 0 0 30px;} .single .post-entry h2 {font-size: 35px; line-height: 45px; margin: 0 0 20px; font-weight: 400; color: #800000; font-family: "Times New Roman", Times, serif;} .single .post-entry h3 {font-size: 25px; line-height: 35px; margin: 0 0 20px; font-weight: 400; color: #554e47; font-family: "Times New Roman", Times, serif;} .single .post-entry p {color: #554e47; margin: 0 0 30px;} .single .post-entry a {color: #de2323; font-weight: 700;} .single .post-entry a:hover {color: #554e47;} #blog_image {position: relative; padding: 0; margin: 0;} #blog_image_inner {display: flex;justify-content: center; max-height: 425px; overflow: hidden; align-items: center; position: relative; width: 100%; height: 100%;} #blog_image_inner img {flex-grow: 1; object-fit: cover; flex-shrink: 0; min-width: 100%; min-height: 100%;} .section {padding: 50px 0 45px; border-bottom: 2px solid #dadada; margin: 0 auto 50px; max-width: 990px; width: 100%;} .post-header {position: relative;} .post-header p {font-weight: 400; font-size: 14px; line-height: 24px; margin-bottom: 20px; color: #a7a39f !important; text-align: left; text-transform: uppercase; font-family: "Times New Roman", Times, serif;} /* Blog Post Title */ .post-header h1 {font-weight: 400; font-size: 50px; line-height: 60px; margin-bottom: 30px; color: #800000 !important; text-align: left; font-family: 'Montserrat',sans-serif;} .post-header h1 a {color: #554e47;} @media (max-width: 550px){ .post-header h1 {font-size: 40px; line-height: 50px;} } /* Blog Author and Avatar */ #hubspot-author_data {font-weight: 300; font-size: 18px; line-height: 28px; margin-bottom: 0px; color: #a7a39f !important; text-align: left; text-transform: none;} .blog-news .blog-listing-wrapper .post-listing #hubspot-author_data {font-weight: 300; font-size: 18px; line-height: 28px; margin-bottom: 30px; color: #de2323 !important; text-align: left;} #hubspot-author_data a.author-link {color: #a7a39f; font-weight: 700; text-transform: uppercase; text-decoration: none;} #hubspot-author_data a:hover {color: #800000; font-weight: 700;} #hubspot-author_data .hs-author-avatar {} #hubspot-author_data .hs-author-avatar img {} /*################### Post Navigation ################*/ .post-navigation {display: inline-block; max-width: 990px; width: 100%; margin: 0 auto 35px;} .post-navigation h3 {font-size: 28px; line-height: 38px; font-weight: 300; text-transform: uppercase; margin: 0 0 20px; color: #800000; font-family: 'Montserrat',sans-serif;} .post-navigation a {font-weight: 700;} .post-navigation .nav-previous {font-weight: bold; float: left; margin-bottom: 20px; text-transform: none; font-size: 16px; line-height: 26px;} .post-navigation .nav-next {font-weight: bold; float: right; margin-bottom: 20px; text-transform: none; font-size: 16px; line-height: 26px;} @media (max-width: 850px) { .post-navigation h3 {text-align: center;} .post-navigation .nav-previous {float: none; text-align: center; display: block; width: 100%;} .post-navigation .nav-next {float: none; text-align: center; display: block; width: 100%;} } /*##################################################*/ /*################### Inline + Bottom CTA's ################*/ .inline_cta {padding: 20px 0 0; margin: 0 auto 40px;} .inpage_cta {padding: 20px 0 0; margin: 0 auto 20px;} .inline_cta img, .inpage_cta img {margin: 0 auto; display: block;} /*##################################################*/ #blog_section_container {padding: 80px 0 0;} @media (max-width: 650px){ #blog_section_container {padding: 50px 0 0;} } .blog-content {max-width: 1030px; width: 100%; margin: 0 auto !important; padding: 0px; float: none !important;} .archive .blog-content {max-width: 1140px; width: 100%; padding: 0 20px;} .blog-listing-title { width: 100%; margin: 0px auto 40px; padding: 0 20px;} .blog-listing-title h1 {font-size: 55px; line-height: 65px; font-weight: 300; color: #554e47; text-transform: none; font-family: "Times New Roman",Times,serif;} /*########################## Pagination ################*/ #pagination_wrapper {padding: 0px 0 80px;} .navigation {max-width: 1140px; width: 100%; margin: 0 auto !important; padding: 0 20px; float: none !important;} .navigation li a, .navigation li.disabled {position: relative; float: left; padding: 10px; margin: 0; color: #8c8680; text-decoration: none; background-color: #fff; border: 1px solid #8c8680; font-size: 15px; line-height: 15px; font-weight: 700;} .navigation li a:hover, .navigation li.active a {color: #fff; background-color: #8c8680; border-color: #8c8680;} .navigation li.previous_next > a {border: none;} .navigation li.previous_next > a:hover {background-color: #fff; color: #8c8680;} .navigation .fa-angle-double-right {position: relative !important; top: 0 !important; right: 0px !important; background: none !important; color: #8c8680 !important; padding: 0 !important; float: none !important; height: auto; width: auto; border-radius: 0;} .navigation ul {margin: 0; text-align: center; padding: 0;} .navigation li {padding: 0; display: inline-block; vertical-align: middle;} /*##################################################*/ /*########################## New Listing ################*/ .archive .full-width-page main#main {float: none; margin: 0 0 50px; padding: 0 0 20px;} .post-listing-container {margin: 0 auto; max-width: 100%; padding: 0; width: 100%;} .news-listing-wrapper .post-listing .span6 {max-width: 343px; width: 100%; margin: 0 10px 20px !important; padding: 0; display: block; float: left;} .news-listing-wrapper .post-listing .span6:nth-child(1) .post-large, .news-listing-wrapper .post-listing .span6:nth-child(6) .post-large, .news-listing-wrapper .post-listing .span6:nth-child(8) .post-large {background-color: #800000; float: left; max-width: 343px; width: 100%; min-height: 325px; background-repeat: no-repeat; background-position: top center; background-size: cover; border: 1px solid #dadada;} .news-listing-wrapper .post-listing .span6:nth-child(2) .post-large, .news-listing-wrapper .post-listing .span6:nth-child(4) .post-large, .news-listing-wrapper .post-listing .span6:nth-child(9) .post-large {background-color: #ffffff; float: left; max-width: 343px; width: 100%; min-height: 325px; background-repeat: no-repeat; background-position: top center; background-size: cover; border: 1px solid #dadada;} .news-listing-wrapper .post-listing .span6:nth-child(3) .post-large, .news-listing-wrapper .post-listing .span6:nth-child(5) .post-large, .news-listing-wrapper .post-listing .span6:nth-child(7) .post-large {background-color: #554e47; float: left; max-width: 343px; width: 100%; min-height: 325px; background-repeat: no-repeat; background-position: top center; background-size: cover; border: 1px solid #dadada;} .news-listing-wrapper .post-listing .span6 .post-video {background-color: #554e47; float: left; max-width: 343px; width: 100%; min-height: 325px; background-repeat: no-repeat; background-position: top center; background-size: cover; border: 1px solid #dadada;} .news-listing-wrapper .post-listing .post-large .post-box-inner, .news-listing-wrapper .post-listing .post-video .post-box-inner {border-top: none; padding: 45px 40px 10px; min-height: 269px;} .news-listing-wrapper .post-listing .post-large .post-box-inner p, .news-listing-wrapper .post-listing .post-video .post-box-inner p {font-size: 14px; line-height: 24px; font-weight: 400; color: #ffffff; margin-bottom: 20px; text-transform: uppercase; font-family: "Times New Roman", Times, serif;} .news-listing-wrapper .post-listing .post-large .post-box-inner h3, .news-listing-wrapper .post-listing .post-video .post-box-inner h3 {font-size: 18px; line-height: 28px; font-weight: 700; color: #ffffff; margin: 0 0 25px; text-decoration: none; font-family: 'Montserrat',sans-serif;} .news-listing-wrapper .post-listing .span6:nth-child(1) .post-large .post-box-inner a, .news-listing-wrapper .post-listing .span6:nth-child(6) .post-large .post-box-inner a, .news-listing-wrapper .post-listing .span6:nth-child(8) .post-large .post-box-inner a, .news-listing-wrapper .post-listing .span6 .post-video .post-box-inner a {color: #ffffff; text-decoration: none;} .news-listing-wrapper .post-listing .span6:nth-child(1) .post-large .post-box-inner a:hover , .news-listing-wrapper .post-listing .span6:nth-child(6) .post-large .post-box-inner a:hover, .news-listing-wrapper .post-listing .span6:nth-child(8) .post-large .post-box-inner a:hover, .news-listing-wrapper .post-listing .span6 .post-video .post-box-inner a:hover {color: #fcb315; text-decoration: none;} .news-listing-wrapper .post-listing .span6:nth-child(2) .post-large .post-box-inner a, .news-listing-wrapper .post-listing .span6:nth-child(4) .post-large .post-box-inner a, .news-listing-wrapper .post-listing .span6:nth-child(9) .post-large .post-box-inner a {color: #554e47; text-decoration: none;} .news-listing-wrapper .post-listing .span6:nth-child(2) .post-large .post-box-inner a:hover , .news-listing-wrapper .post-listing .span6:nth-child(4) .post-large .post-box-inner a:hover, .news-listing-wrapper .post-listing .span6:nth-child(9) .post-large .post-box-inner a:hover {color: #de2323; text-decoration: none;} .news-listing-wrapper .post-listing .span6:nth-child(3) .post-large .post-box-inner a, .news-listing-wrapper .post-listing .span6:nth-child(5) .post-large .post-box-inner a, .news-listing-wrapper .post-listing .span6:nth-child(7) .post-large .post-box-inner a {color: #ffffff; text-decoration: none;} .news-listing-wrapper .post-listing .span6:nth-child(3) .post-large .post-box-inner a:hover , .news-listing-wrapper .post-listing .span6:nth-child(5) .post-large .post-box-inner a:hover, .news-listing-wrapper .post-listing .span6:nth-child(7) .post-large .post-box-inner a:hover {color: #fcb315; text-decoration: none;} .news-listing-wrapper .post-listing .post-large .post-box-inner #hs_cos_wrapper_simple_sub_title p, .news-listing-wrapper .post-listing .post-video .post-box-inner #hs_cos_wrapper_simple_sub_title p {font-size: 22px; line-height: 26px; font-weight: 300; color: #554e47; margin-bottom: 0px;} .news-listing-wrapper #hubspot-topic_data {padding: 0 40px 30px; font-size: 14px; line-height: 24px; text-transform: uppercase; font-weight: 800;} .news-listing-wrapper .post-listing .span6:nth-child(1) .post-large .post-box-text-left #hubspot-topic_data a, .news-listing-wrapper .post-listing .span6:nth-child(6) .post-large .post-box-text-left #hubspot-topic_data a, .news-listing-wrapper .post-listing .span6:nth-child(8) .post-large .post-box-text-left #hubspot-topic_data a, .news-listing-wrapper .post-listing .span6 .post-video .post-box-text-left #hubspot-topic_data a {color: #fcb315;} .news-listing-wrapper .post-listing .span6:nth-child(1) .post-large .post-box-text-left #hubspot-topic_data a:hover, .news-listing-wrapper .post-listing .span6:nth-child(6) .post-large .post-box-text-left #hubspot-topic_data a:hover, .news-listing-wrapper .post-listing .span6:nth-child(8) .post-large .post-box-text-left #hubspot-topic_data a:hover, .news-listing-wrapper .post-listing .span6 .post-video .post-box-text-left #hubspot-topic_data a:hover {color: #ffffff;} .news-listing-wrapper .post-listing .span6:nth-child(2) .post-large .post-box-text-left #hubspot-topic_data a, .news-listing-wrapper .post-listing .span6:nth-child(4) .post-large .post-box-text-left #hubspot-topic_data a, .news-listing-wrapper .post-listing .span6:nth-child(9) .post-large .post-box-text-left #hubspot-topic_data a {color: #de2323;} .news-listing-wrapper .post-listing .span6:nth-child(2) .post-large .post-box-text-left #hubspot-topic_data a:hover, .news-listing-wrapper .post-listing .span6:nth-child(4) .post-large .post-box-text-left #hubspot-topic_data a:hover, .news-listing-wrapper .post-listing .span6:nth-child(9) .post-large .post-box-text-left #hubspot-topic_data a:hover {color: #554e47;} .news-listing-wrapper .post-listing .span6:nth-child(3) .post-large .post-box-text-left #hubspot-topic_data a, .news-listing-wrapper .post-listing .span6:nth-child(6) .post-large .post-box-text-left #hubspot-topic_data a, .news-listing-wrapper .post-listing .span6:nth-child(7) .post-large .post-box-text-left #hubspot-topic_data a {color: #fcb315;} .news-listing-wrapper .post-listing .span6:nth-child(3) .post-large .post-box-text-left #hubspot-topic_data a:hover, .news-listing-wrapper .post-listing .span6:nth-child(6) .post-large .post-box-text-left #hubspot-topic_data a:hover, .news-listing-wrapper .post-listing .span6:nth-child(7) .post-large .post-box-text-left #hubspot-topic_data a:hover {color: #ffffff;} @media (max-width: 1145px) { .blog-news .blog-content {max-width: 730px !important; width: 100%;} } @media (max-width: 785px) { .news-listing-wrapper .post-listing .span6 {margin: 0 auto 20px !important; float: none;} .news-listing-wrapper .post-listing .span6:nth-child(1) .post-large, .news-listing-wrapper .post-listing .span6:nth-child(6) .post-large, .news-listing-wrapper .post-listing .span6:nth-child(8) .post-large {float: none;} .news-listing-wrapper .post-listing .span6:nth-child(2) .post-large, .news-listing-wrapper .post-listing .span6:nth-child(4) .post-large, .news-listing-wrapper .post-listing .span6:nth-child(9) .post-large {float: none;} .news-listing-wrapper .post-listing .span6:nth-child(3) .post-large, .news-listing-wrapper .post-listing .span6:nth-child(5) .post-large, .news-listing-wrapper .post-listing .span6:nth-child(7) .post-large {float: none;} .news-listing-wrapper .post-listing .span6 .post-video {float: none;} } @media (max-width: 400px) { .news-listing-wrapper .post-listing .post-large .post-box-inner, .news-listing-wrapper .post-listing .post-video .post-box-inner {padding: 30px 30px 10px; min-height: 100px;} .news-listing-wrapper #hubspot-topic_data {padding: 0 30px 30px;} .news-listing-wrapper .post-listing .span6:nth-child(1) .post-large, .news-listing-wrapper .post-listing .span6:nth-child(6) .post-large, .news-listing-wrapper .post-listing .span6:nth-child(8) .post-large {min-height: 150px;} .news-listing-wrapper .post-listing .span6:nth-child(2) .post-large, .news-listing-wrapper .post-listing .span6:nth-child(4) .post-large, .news-listing-wrapper .post-listing .span6:nth-child(9) .post-large {min-height: 150px;} .news-listing-wrapper .post-listing .span6:nth-child(3) .post-large, .news-listing-wrapper .post-listing .span6:nth-child(5) .post-large, .news-listing-wrapper .post-listing .span6:nth-child(7) .post-large {min-height: 150px;} .news-listing-wrapper .post-listing .span6 .post-video {min-height: 150px;} } /*##################################################*/ /*########################## Spirt Stories Listing ################*/ .blog-listing-wrapper .post-listing .post-item {background: #ffffff; border: 1px solid #b0b0b0; display: inline-block; width: 100%;} .blog-listing-wrapper .post-listing .span6:first-child .post-small .featured-image, .blog-listing-wrapper .post-listing .span6:nth-child(6) .post-small .featured-image {float: left; max-width: 809px; width: 100%; min-height: 380px; background-repeat: no-repeat; background-position: top center; background-size: cover;} .blog-listing-wrapper .post-listing .span6:nth-child(2) .post-small .featured-image, .blog-listing-wrapper .post-listing .span6:nth-child(3) .post-small .featured-image, .blog-listing-wrapper .post-listing .span6:nth-child(4) .post-small .featured-image, .blog-listing-wrapper .post-listing .span6:nth-child(5) .post-small .featured-image {float: left; max-width: 264px; width: 100%; min-height: 380px; background-repeat: no-repeat; background-position: top center; background-size: cover;} .blog-listing-wrapper .post-listing .span6:first-child .post-small .post-box-text-left {float: left; max-width: 269px; width: 100%; background-color: #800000; min-height: 380px; } .blog-listing-wrapper .post-listing .span6:nth-child(6) .post-small .post-box-text-left {float: left; max-width: 269px; width: 100%; background-color: #554e47; min-height: 380px; } .blog-listing-wrapper .post-listing .span6:nth-child(2) .post-small .post-box-text-left {float: left; max-width: 264px; width: 100%; background-color: #ffffff; min-height: 380px;} .blog-listing-wrapper .post-listing .span6:nth-child(3) .post-small .post-box-text-left {float: left; max-width: 264px; width: 100%; background-color: #554e47; min-height: 380px;} .blog-listing-wrapper .post-listing .span6:nth-child(4) .post-small .post-box-text-left {float: left; max-width: 264px; width: 100%; background-color: #800000; min-height: 380px;} .blog-listing-wrapper .post-listing .span6:nth-child(5) .post-small .post-box-text-left {float: left; max-width: 264px; width: 100%; background-color: #ffffff; min-height: 380px;} .blog-listing-wrapper .post-listing .span6:first-child .post-small .post-box-inner, .blog-listing-wrapper .post-listing .span6:nth-child(6) .post-small .post-box-inner {border-top: none; padding: 45px 30px 10px; min-height: 305px;} .blog-listing-wrapper .post-listing .span6:first-child .post-small .post-box-inner p, .blog-listing-wrapper .post-listing .span6:nth-child(6) .post-small .post-box-inner p {font-size: 14px; line-height: 24px; font-weight: 400; color: #ffffff; margin-bottom: 15px; text-transform: uppercase; font-family: "Times New Roman", Times, serif;} .blog-listing-wrapper .post-listing .span6:first-child .post-small .post-box-inner h3, .blog-listing-wrapper .post-listing .span6:nth-child(6) .post-small .post-box-inner h3 {font-size: 22px; line-height: 32px; font-weight: 700; color: #ffffff; margin: 0 0 25px; text-decoration: none;} .blog-listing-wrapper .post-listing .span6:first-child .post-small .post-box-inner a, .blog-listing-wrapper .post-listing .span6:nth-child(6) .post-small .post-box-inner a {color: #ffffff; text-decoration: none;} .blog-listing-wrapper .post-listing .span6:first-child .post-small .post-box-inner a:hover, .blog-listing-wrapper .post-listing .span6:nth-child(6) .post-small .post-box-inner a:hover {color: #fcb315; text-decoration: none;} .blog-listing-wrapper .post-listing .span6:first-child .post-small .post-box-inner #hs_cos_wrapper_simple_sub_title p, .blog-listing-wrapper .post-listing .span6:nth-child(6) .post-small .post-box-inner #hs_cos_wrapper_simple_sub_title p {font-size: 22px; line-height: 26px; font-weight: 300; color: #554e47; margin-bottom: 0px;} .blog-listing-wrapper .post-listing .post-small .post-box-inner {border-top: none; padding: 50px 30px 10px; min-height: 305px;} .blog-listing-wrapper .post-listing .span6:nth-child(2) .post-small .post-box-inner p, .blog-listing-wrapper .post-listing .span6:nth-child(5) .post-small .post-box-inner p {font-size: 14px; line-height: 24px; font-weight: 400; color: #554e47; margin-bottom: 15px; text-transform: uppercase; font-family: "Times New Roman", Times, serif;} .blog-listing-wrapper .post-listing .span6:nth-child(3) .post-small .post-box-inner p, .blog-listing-wrapper .post-listing .span6:nth-child(4) .post-small .post-box-inner p {font-size: 14px; line-height: 24px; font-weight: 400; color: #ffffff; margin-bottom: 15px; text-transform: uppercase; font-family: "Times New Roman", Times, serif;} .blog-listing-wrapper .post-listing .post-small .post-box-inner h3 {font-size: 21px; line-height: 31px; font-weight: 700; color: #554e47; margin: 0 0 25px; text-decoration: none; font-family: 'Montserrat',sans-serif;} .blog-listing-wrapper .post-listing .span6:nth-child(2) .post-small .post-box-inner a, .blog-listing-wrapper .post-listing .span6:nth-child(5) .post-small .post-box-inner a {color: #554e47; text-decoration: none;} .blog-listing-wrapper .post-listing .span6:nth-child(2) .post-small .post-box-inner a:hover, .blog-listing-wrapper .post-listing .span6:nth-child(5) .post-small .post-box-inner a:hover {color: #de2323; text-decoration: none;} .blog-listing-wrapper .post-listing .span6:nth-child(3) .post-small .post-box-inner a, .blog-listing-wrapper .post-listing .span6:nth-child(4) .post-small .post-box-inner a {color: #ffffff; text-decoration: none;} .blog-listing-wrapper .post-listing .span6:nth-child(3) .post-small .post-box-inner a:hover, .blog-listing-wrapper .post-listing .span6:nth-child(4) .post-small .post-box-inner a:hover {color: #fcb315; text-decoration: none;} .blog-listing-wrapper .post-listing .post-small .post-box-inner #hs_cos_wrapper_simple_sub_title p {font-size: 16px; line-height: 22px; font-weight: 300; color: #554e47; margin-bottom: 0px;} .blog-listing-wrapper .post-listing .post-small .post-box-inner #hs_cos_wrapper_simple_sub_title h3 {font-size: 16px; line-height: 22px; font-weight: 300; color: #554e47; margin-bottom: 0px;} .blog-listing-wrapper .post-listing .span6:first-child .post-small .post-box-text-left #hubspot-topic_data a, .blog-listing-wrapper .post-listing .span6:nth-child(6) .post-small .post-box-text-left #hubspot-topic_data a {color: #fcb315;} .blog-listing-wrapper .post-listing .span6:first-child .post-small .post-box-text-left #hubspot-topic_data a:hover, .blog-listing-wrapper .post-listing .span6:nth-child(6) .post-small .post-box-text-left #hubspot-topic_data a:hover {color: #ffffff;} .blog-listing-wrapper .post-listing .span6:nth-child(2) .post-small .post-box-text-left #hubspot-topic_data a, .blog-listing-wrapper .post-listing .span6:nth-child(5) .post-small .post-box-text-left #hubspot-topic_data a {color: #de2323;} .blog-listing-wrapper .post-listing .span6:nth-child(2) .post-small .post-box-text-left #hubspot-topic_data a:hover, .blog-listing-wrapper .post-listing .span6:nth-child(5) .post-small .post-box-text-left #hubspot-topic_data a:hover {color: #554e47;} .blog-listing-wrapper .post-listing .span6:nth-child(3) .post-small .post-box-text-left #hubspot-topic_data a, .blog-listing-wrapper .post-listing .span6:nth-child(4) .post-small .post-box-text-left #hubspot-topic_data a {color: #fcb315;} .blog-listing-wrapper .post-listing .span6:nth-child(3) .post-small .post-box-text-left #hubspot-topic_data a:hover, .blog-listing-wrapper .post-listing .span6:nth-child(4) .post-small .post-box-text-left #hubspot-topic_data a:hover {color: #ffffff;} .blog-listing-wrapper .post-listing .span6:first-child {width: 100% !important; padding: 0 10px 20px;} .blog-listing-wrapper .post-listing .span6:nth-child(6) {width: 100% !important; padding: 0 10px 20px;} .blog-listing-wrapper .post-listing .span6 {width: 50%; margin: 0px !important; padding: 0 10px 20px; float: left;} #hubspot-topic_data {padding: 0 40px 40px; font-size: 16px; line-height: 26px; text-transform: uppercase; font-weight: 800;} .blog-listing-wrapper .post-listing .span6:first-child .post-small .post-box-text-left #hubspot-topic_data a, .blog-listing-wrapper .post-listing .span6:nth-child(6) .post-small .post-box-text-left #hubspot-topic_data a {color: #fcb315;} .blog-listing-wrapper .post-listing .span6:first-child .post-small .post-box-text-left #hubspot-topic_data a:hover, .blog-listing-wrapper .post-listing .span6:nth-child(6) .post-small .post-box-text-left #hubspot-topic_data a:hover {color: #ffffff;} .blog-listing-wrapper .post-listing .span6:nth-child(2) .post-small .post-box-text-left #hubspot-topic_data a, .blog-listing-wrapper .post-listing .span6:nth-child(5) .post-small .post-box-text-left #hubspot-topic_data a {color: #de2323;} .blog-listing-wrapper .post-listing .span6:nth-child(2) .post-small .post-box-text-left #hubspot-topic_data a:hover, .blog-listing-wrapper .post-listing .span6:nth-child(5) .post-small .post-box-text-left #hubspot-topic_data a:hover {color: #554e47;} .blog-listing-wrapper .post-listing .span6:nth-child(3) .post-small .post-box-text-left #hubspot-topic_data a, .blog-listing-wrapper .post-listing .span6:nth-child(4) .post-small .post-box-text-left #hubspot-topic_data a {color: #fcb315;} .blog-listing-wrapper .post-listing .span6:nth-child(3) .post-small .post-box-text-left #hubspot-topic_data a:hover, .blog-listing-wrapper .post-listing .span6:nth-child(4) .post-small .post-box-text-left #hubspot-topic_data a:hover {color: #ffffff;} @media (max-width: 1160px) { .blog-listing-wrapper .post-listing .span6:first-child .post-small .featured-image, .blog-listing-wrapper .post-listing .span6:nth-child(6) .post-small .featured-image {max-width: 1100px; width: 100%; min-height: 250px;} .blog-listing-wrapper .post-listing .span6:nth-child(2) .post-small .featured-image, .blog-listing-wrapper .post-listing .span6:nth-child(3) .post-small .featured-image, .blog-listing-wrapper .post-listing .span6:nth-child(4) .post-small .featured-image, .blog-listing-wrapper .post-listing .span6:nth-child(5) .post-small .featured-image {max-width: 1100px; width: 100%; min-height: 250px;} .blog-listing-wrapper .post-listing .span6:first-child .post-small .post-box-text-left {max-width: 1100px; width: 100%; min-height: 150px;} .blog-listing-wrapper .post-listing .span6:nth-child(6) .post-small .post-box-text-left {max-width: 1100px; width: 100%; min-height: 150px;} .blog-listing-wrapper .post-listing .span6:nth-child(2) .post-small .post-box-text-left {max-width: 1100px; width: 100%; min-height: 200px;} .blog-listing-wrapper .post-listing .span6:nth-child(3) .post-small .post-box-text-left {max-width: 1100px; width: 100%; min-height: 200px;} .blog-listing-wrapper .post-listing .span6:nth-child(4) .post-small .post-box-text-left {max-width: 1100px; width: 100%; min-height: 200px;} .blog-listing-wrapper .post-listing .span6:nth-child(5) .post-small .post-box-text-left {max-width: 1100px; width: 100%; min-height: 200px;} .blog-listing-wrapper .post-listing .span6:first-child .post-small .post-box-inner, .blog-listing-wrapper .post-listing .span6:nth-child(6) .post-small .post-box-inner {border-top: none; padding: 45px 30px 10px; min-height: 200px;} .blog-listing-wrapper .post-listing .post-small .post-box-inner {border-top: none; padding: 45px 30px 10px; min-height: 200px;} } @media (max-width: 800px){ .blog-listing-wrapper .post-listing .span6:first-child {width: 100% !important; margin: 0 !important; padding: 0 0 20px} .blog-listing-wrapper .post-listing .span6:nth-child(6) {width: 100% !important; margin: 0 !important; padding: 0 0 20px} .blog-listing-wrapper .post-listing .span6 {width: 100%; margin: 0 !important; padding: 0 0 20px;} .blog-listing-wrapper .post-listing .span6:first-child .post-small .post-box-inner, .blog-listing-wrapper .post-listing .span6:nth-child(6) .post-small .post-box-inner{border-top: none; padding: 45px 30px 10px; min-height: 100px;} .blog-listing-wrapper .post-listing .post-small .post-box-inner {border-top: none; padding: 45px 30px 10px; min-height: 100px;} } @media (max-width: 550px){ .blog-listing-wrapper .post-listing .post-small .post-box-inner {padding: 35px 25px 10px;} .blog-listing-wrapper .post-listing .span6:first-child .post-small .post-box-inner, .blog-listing-wrapper .post-listing .span6:nth-child(6) .post-small .post-box-inner {padding: 35px 25px 10px;} #hubspot-topic_data {padding: 0 25px 30px;} } /*##################################################*/ /*################### Form Settings ################*/ .nf-form-fields-required {display: none;} .nf-form-content label {color: #554e47 !important; margin: 0 !important; font-size: 14px !important; line-height: 24px !important; font-weight: 500 !important; padding: 0 0 5px !important; text-transform: none !important;} .nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {border-radius: 3px !important; color: #ffffff !important; background-color: #800000 !important; text-transform: none !important; padding: 15px !important; font-size: 16px !important; line-height: 20px !important; border: 2px solid #800000 !important; font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important; text-align: center !important; max-width: 280px !important; width: 100% !important; letter-spacing: 0 !important; margin: 0 auto !important; display: block !important;} .nf-form-content button:hover, .nf-form-content input[type=button]:hover, .nf-form-content input[type=submit]:hover {color: #800000 !important; background-color: #ffffff !important; text-decoration: none !important; border: 2px solid #800000 !important;} .nf-form-content .label-above .nf-field-label, .nf-form-content .label-below .nf-field-label, .nf-form-content .label-hidden .nf-field-label {margin-bottom: 0px !important; padding: 0;} /*##################################################*/ /*################### Contact Info Section ################*/ .content_area {width: 100%; display: inline-block;} .contact_info {background-color: #800000; width: 50% !important; float: left !important; margin: 0 !important; min-height: 350px !important;} #contact_info_text {float: right !important; max-width: 550px; width: 100%; padding: 60px 100px 25px 50px; margin: 0 !important;} .contact_info_block {display: inline-block; width: 100%; margin: 0 0 15px !important;} .contact_icon {width: 78px; margin: 0 32px 20px 0 !important; float: left !important;} .contact_text {width: calc(100% - 110px); margin: 12px 0 20px !important; float: left !important;} #contact_info_text .contact_info_block:first-child .contact_text {margin: 0 0 20px !important;} .contact_text h3 {font-size: 24px; line-height: 28px; color: #ffffff; margin: 0 0 5px; font-weight: 600; font-family: 'Montserrat', sans-serif;} .contact_text p {font-size: 16px; line-height: 22px; color: #ffffff; margin: 0px; font-weight: 300;} .contact_text a {color: #ffffff; text-decoration: none !important;} .contact_text a:hover {color: #fcb315;} .contact_map {width: 50% !important; background-image: url(/wp-content/uploads/bkgd_contact_map.jpg); background-repeat: no-repeat; background-size: cover; background-position: top left; float: left !important; min-height: 424px !important; margin: 0 !important;} @media screen and (max-width: 875px) { .contact_info {width: 100% !important; float: left !important; margin: 0 !important; min-height: 100px !important;} #contact_info_text {float: none !important; padding: 60px 20px 25px; margin: 0 auto!important;} .contact_map {width: 100% !important;} } /*##################################################*/ /*################### Contact Form Section ################*/ .form_wrapper {} .form_area {max-width: 840px; width: 100%; margin: 0 auto !important; padding: 75px 20px 50px; float: none !important;} .form_text {margin: 0 0 40px;} .form_text h2 {font-size: 45px; line-height: 55px; color: #554e47; margin: 0 0 5px; text-align: center; font-weight: 400; font-family: "Times New Roman", Times, serif;} .form_text p {font-size: 16px; line-height: 26px; color: #554e47; margin: 0px; text-align: center;} /*##################################################*/a /*########################## Thank You Page Styles ################*/ .thank-you-header h1 {margin: 0;} .thank_you_text_area {max-width: 1140px; width: 100%; padding: 0 20px; margin: 0 auto 60px !important; float: none !important;} .thank_you_text_area h2 {font-size: 36px !important; line-height: 46px !important; margin: 0 0 30px !important; color: #554e47; font-weight: 700 !important; text-align: center; padding: 0;} a.button_left {border-radius: 3px; color: #ffffff; background-color: #800000; text-transform: uppercase; padding: 15px; font-size: 16px; line-height: 20px; border: 2px solid #800000; font-family: 'Montserrat', sans-serif; font-weight: 700; text-align: center; display: inline-block; max-width: 280px; width: 100%; letter-spacing: 0; margin: 0; display: block; text-decoration: none !important;} a.button_left:hover {color: #800000; background-color: #ffffff; text-decoration: none; border: 2px solid #800000;} /*##################################################*/ /*########################## Landing Page Styles ################*/ .page-template-landing-page .header_wrapper {float: none; max-width: 1140px; width: 100%; margin: 0 auto !important; padding: 30px 20px 0;} .page-template-landing-page .header_area {display: inline-block; width: 100%; margin: 0 auto !important;} .page-template-landing-page .logo {float: left; margin: 10px 50px 30px 0 !important; max-width: 350px; width: 100%; display: block !important;} .page-template-landing-page .social_share {float: right; margin: 0 0 30px; max-width: 285px; width: 100%; min-height: 30px;} .page-template-landing-page .social-icons-text {float: left; max-width: 170px; width: 100%; margin: 0;} .page-template-landing-page .social-icons-text p {font-size: 17px !important; line-height: 37px !important; margin: 0 !important; color: #554e47; font-weight: 700 !important; text-align: right; padding: 0; text-transform: uppercase; font-family: 'Montserrat', sans-serif;} .page-template-landing-page .social-icons {float: right; max-width: 95px; width: 100%; padding: 0; display: inline-block; margin: 0 0 0 15px;} .page-template-landing-page .social-icons ul {margin: 0; padding: 0; display: inline-block;} .page-template-landing-page .social-icons ul li {list-style: none; color: #7f8a8f; font-weight: 700; font-size: 17px; line-height: 37px; margin: 0 5px; padding: 0; float: left; display: inline-block; width: 37px;} .page-template-landing-page .social-icons a {color: #24272a;} .page-template-landing-page .social-icons a:hover {color: #cecece;} .page-template-landing-page .body-container-wrapper {padding: 0px !important; border-top: none; background-color: #ffffff;} .page-template-landing-page .content_offer_hero_container {margin: 0 !important; padding: 0; background-repeat: no-repeat; background-position: top center; background-size: cover;} .page-template-landing-page .content_offer_hero_wrapper {float: none; max-width: 1140px; margin: 0 auto; padding: 60px 20px 0;} .page-template-landing-page .content_offer_hero_area {display: inline-block; width: 100%; margin: 0 auto;} .page-template-landing-page .landing-title {float: left; max-width: 680px; width: 100%; margin: 0 40px 0 0 !important;} .page-template-landing-page .landing-title h2 {font-size: 18px; line-height: 28px; color: #fcb315; font-weight: 700; margin: 0 0 20px; text-transform: uppercase; text-align: left; font-family: "Times New Roman", Times, serif;} .page-template-landing-page .landing-title h1 {font-size: 50px; line-height: 54px; color: #ffffff; font-weight: 800; margin: 0 0 20px; text-align: left; font-family: "Times New Roman", Times, serif;} .page-template-landing-page .cta_image {float: left; max-width: 360px; width: 100%; margin: 0 0 0px !important;} .page-template-landing-page .cta_image img {display: block; margin: 0 auto;} .page-template-landing-page .bottom_offer_wrapper {float: none; max-width: 1140px; width: 100%; margin: 0 auto !important; padding: 60px 20px 40px;} .page-template-landing-page .bottom_offer_area {display: inline-block; width: 100%; margin: 0 auto !important;} .page-template-landing-page .main-content {float: left; width: 50% !important; padding: 10px 50px 50px 0 !important;} .page-template-landing-page .main-content h3 {font-size: 27px !important; line-height: 37px !important; margin: 0 0 10px !important; color: #800000; font-weight: 700 !important; font-family: "Times New Roman", Times, serif !important; text-align: left; padding: 0;} .page-template-landing-page .main-content p {font-size: 16px !important; line-height: 26px !important; margin: 0 0 20px !important; color: #554e47; font-weight: 300 !important; font-family: 'Montserrat', sans-serif !important; text-align: left; padding: 0;} .page-template-landing-page .main-content ul {margin: 0 0 40px 0 !important; padding: 0 0 0 20px !important;} .page-template-landing-page .main-content li {font-size: 16px !important; line-height: 26px !important; list-style-image: url(https://cdn2.hubspot.net/hubfs/2559954/icon_arrow_list.jpg); margin: 0 0 10px !important; color: #3b3b3b; font-weight: 300 !important; font-family: 'Montserrat', sans-serif !important; text-align: left; padding: 0;} .page-template-landing-page .form-content {float: left; width: 50% !important; margin: 0 0 50px !important; border: none; padding: 0; background-color: #ececec; padding: 50px 50px 30px;} .page-template-landing-page .form_header h2 {font-size: 30px; line-height: 40px; color: #554e47; font-weight: 700; margin: 0 0 20px; text-align: center; font-family: 'Montserrat', sans-serif;} .page-template-landing-page .sidebar-form h3 {display: none;} .page-template-landing-page .hs-button.primary, .page-template-landing-page input[type="submit"], body input[type="button"] {border-radius: 3px; color: #ffffff; background-color: #800000; text-transform: uppercase; padding: 15px; font-size: 16px; line-height: 20px; border: 2px solid #800000; font-family: 'Montserrat', sans-serif; font-weight: 700; text-align: center; display: inline-block; max-width: 280px; width: 100%; letter-spacing: 0; margin: 0 auto; display: block;} .page-template-landing-page .hs-button.primary:hover, .page-template-landing-page input[type="submit"]:hover, .page-template-landing-page input[type="button"]:hover {color: #800000; background-color: #ffffff; text-decoration: none; border: 2px solid #800000;} .page-template-landing-page .footer-container-wrapper {background-color: #ffffff; clear: both; width: 100%;} .page-template-landing-page .footer_wrapper {float: none; max-width: 1140px; margin: 0 auto !important; padding: 30px 20px 15px; border-top: 1px solid #ececec;} .page-template-landing-page .footer_area {margin: 0 auto !important; display: inline-block; width: 100%;} .page-template-landing-page .footer_name a {display: block;} .page-template-landing-page .copyright p {margin: 0; color: #b4b0ac; font-size: 14px; line-height: 24px; font-family: 'Montserrat', sans-serif; text-align: right;} .page-template-landing-page .copyright a {color: #b4b0ac;} .page-template-landing-page .copyright a:hover {color: #df2426;} .page-template-landing-page .footer_name {float: left; width: 46px; margin: 0 35px 0 0;} .page-template-landing-page .copyright {float: right; width: 215px;} @media (max-width: 900px) { .page-template-landing-page .main-content {width: 100% !important; margin: 0 auto 50px !important; float: none; padding: 0 !important;} .page-template-landing-page .form-content {width: 100% !important; margin: 0 auto 50px !important; float: none; padding: 40px 25px 30px;} } @media (max-width: 1140px) { .page-template-landing-page .landing-title {float: none; margin-left: auto !important; margin: 0 auto 30px !important;} .page-template-landing-page .landing-title h1 {text-align: center;} .page-template-landing-page .landing-title h2 {text-align: center;} .page-template-landing-page .landing-title p {text-align: center;} .page-template-landing-page .cta_image {margin: 0px auto 30px !important; float: none;} } @media (max-width: 800px) { .page-template-landing-page .header_wrapper {padding: 20px 20px 0;} .page-template-landing-page .logo {float: none; margin: 0 auto !important;} .page-template-landing-page .logo img {margin: 0 auto 20px !important;} .page-template-landing-page .social_share {float: none; margin: 0 auto 40px; width: 100%;} .page-template-landing-page .social-icons {margin: 0 0 30px 15px;} .page-template-landing-page .social-icons-text {margin: 5px 0 30px;} .page-template-landing-page .footer_name {float: none; width: 100%; padding: 0;} .page-template-landing-page .footer_name h3 {text-align: center; margin: 0 0 15px;} .page-template-landing-page .copyright {float: none; width: 100%;} .page-template-landing-page .copyright p {text-align: center;} } @media (max-width: 680px) { .page-template-landing-page .landing-title h1 {font-size: 35px; line-height: 45px;} } @media (max-width: 480px) { .page-template-landing-page .landing-title {margin: 0 auto;} .page-template-landing-page .landing-title h1 {font-size: 30px; line-height: 40px;} .page-template-landing-page .form-content {padding: 50px 20px 30px;} } /*##################################################*/ /*########################## Landing Page - Capital Campaign Styles ################*/ .page-template-landing-page-capital .header_container {position: fixed; width: 100%; border-bottom: 1px solid #9b9895; background-color: #ffffff; z-index: 600;} .page-template-landing-page-capital .header_wrapper {float: none; max-width: 1140px; width: 100%; margin: 0 auto !important; padding: 20px;} .page-template-landing-page-capital .header_area {display: inline-block; width: 100%; margin: 0 auto !important;} .page-template-landing-page-capital .logo {float: left; margin: 0 50px 0 0 !important; max-width: 350px; width: 100%; display: block !important;} .page-template-landing-page-capital .social_share {float: right; margin: 0; max-width: 140px; width: 100%;} .page-template-landing-page-capital .social-icons-text {float: left; max-width: 140px; width: 100%; margin: 0;} .page-template-landing-page-capital .social-icons-text p {font-size: 16px !important; line-height: 24px !important; margin: 0 !important; color: #554e47; font-weight: 700 !important; text-align: right; padding: 0; text-transform: none; font-family: 'Montserrat', sans-serif;} .page-template-landing-page-capital .social-icons-text i {padding: 0 0 0 5px; color: #fcb315;} .page-template-landing-page-capital .body-container-wrapper {padding: 0px !important; border-top: none; background-color: #ffffff;} .page-template-landing-page-capital .main-content {float: left; width: 50% !important; padding: 10px 50px 50px 0 !important;} .page-template-landing-page-capital .main-content h3 {font-size: 27px !important; line-height: 37px !important; margin: 0 0 10px !important; color: #800000; font-weight: 700 !important; font-family: "Times New Roman", Times, serif !important; text-align: left; padding: 0;} .page-template-landing-page-capital .main-content p {font-size: 16px !important; line-height: 26px !important; margin: 0 0 20px !important; color: #554e47; font-weight: 300 !important; font-family: 'Montserrat', sans-serif !important; text-align: left; padding: 0;} .page-template-landing-page-capital .main-content ul {margin: 0 0 40px 0 !important; padding: 0 0 0 20px !important;} .page-template-landing-page-capital .main-content li {font-size: 16px !important; line-height: 26px !important; list-style-image: url(https://cdn2.hubspot.net/hubfs/2559954/icon_arrow_list.jpg); margin: 0 0 10px !important; color: #3b3b3b; font-weight: 300 !important; font-family: 'Montserrat', sans-serif !important; text-align: left; padding: 0;} .page-template-landing-page-capital .footer-container-wrapper {background-color: #ececec; clear: both; width: 100%;} .page-template-landing-page-capital .footer_wrapper {float: none; max-width: 1140px; margin: 0 auto !important; padding: 20px 20px;} .page-template-landing-page-capital .footer_area {margin: 0 auto !important; display: inline-block; width: 100%;} .page-template-landing-page-capital .footer_name a {display: block;} .page-template-landing-page-capital .copyright p {margin: 0; color: #b4b0ac; font-size: 14px; line-height: 30px; font-family: 'Montserrat', sans-serif; text-align: right;} .page-template-landing-page-capital .copyright a {color: #b4b0ac;} .page-template-landing-page-capital .copyright a:hover {color: #df2426;} .page-template-landing-page-capital .footer_name {float: left; width: 56px; margin: 0 34px 0 0;} .page-template-landing-page-capital .copyright {float: right; width: 215px;} @media (max-width: 800px) { .page-template-landing-page-capital .header_wrapper {padding: 20px;} .page-template-landing-page-capital .logo {float: none; margin: 0 auto 20px !important;} .page-template-landing-page-capital .logo img {margin: 0 auto !important;} .page-template-landing-page-capital .social_share {float: none; margin: 0 auto 40px; width: 100%;} .page-template-landing-page-capital .social-icons-text {margin: 0;} } /*##################################################*/ /*################### Main Banner Area ################*/ .main_banner_bkgd {z-index: 1000; width: 100%; background-repeat: repeat-x; background-position: top center; background-color: #800000; background-size: cover;} .main_banner_area {padding: 100px 20px 95px !important; margin: 0 auto !important; max-width: 940px !important; width: 100% !important; float: none !important;} .main_banner_area .entry-header {margin: 0; } .main_banner_area h1 {font-size: 55px; line-height: 65px; color: #ffffff; text-align: center; padding: 0; margin: 0 0 15px; text-transform: none; font-weight: 400; font-family: "Times New Roman", Times, serif;} .main_banner_area p {font-size: 20px; line-height: 30px; color: #ffffff; text-align: center; padding: 0; margin: 0; text-transform: none; font-weight: 400;} @media screen and (max-width: 800px) { .main_banner_area h1 {font-size: 45px; line-height: 55px;} } @media screen and (max-width: 600px) { .main_banner_area {padding: 60px 20px !important;} .main_banner_area h1 {font-size: 35px; line-height: 45px;} .main_banner_area p {font-size: 18px; line-height: 28px;} } /*##################################################*/ /*################### Form Wrapper Gray ################*/ .bottom_form_wrapper {background-color: #ececec !important; border-top: 2px solid #ffffff;} .bottom_form_area {display: block !important; margin: 0 auto !important; padding: 50px 20px !important; max-width: 840px !important; width: 100% !important; float: none !important;} .bottom_form_area h2 {color: #554e47; text-align: center; margin: 0 0 5px; font-weight: 800; font-size: 36px; line-height: 46px; font-family: 'Montserrat', sans-serif;} .bottom_form_area p {color: #554e47; text-align: center; margin: 0; font-size: 18px; line-height: 28px; font-weight: 300; font-family: 'Montserrat', sans-serif;} .bottom_form_area .content_section {margin: 0 auto 40px; text-align: center;} @media (max-width: 600px) { .bottom_form_area .content_section {margin: 0 auto 30px;} } /*##################################################*/ /*################### Open House Styles ################*/ .top_content_wrapper {} .top_content_area {display: block !important; margin: 0 auto !important; padding: 70px 20px 50px !important; max-width: 1140px !important; width: 100% !important; float: none !important; text-align: center;} .top_content_area p {color: #800000; text-align: center; margin: 0 0 20px; font-size: 18px; line-height: 28px; font-weight: 300; font-family: 'Montserrat', sans-serif;} .middle_form_wrapper {margin: 0 auto !important; padding: 40px 20px 50px !important; max-width: 1140px !important; width: 100% !important; float: none !important;} .middle_form_area {display: inline-block !important; width: 100%; margin: 0 auto;} .middle_form_area h2 {color: #554e47; text-align: center; margin: 0 0 5px; font-weight: 800; font-size: 36px; line-height: 46px; font-family: 'Montserrat', sans-serif;} .middle_form_area p {color: #554e47; text-align: left; margin: 0 0 25px; font-size: 18px; line-height: 28px; font-weight: 300; font-family: 'Montserrat', sans-serif;} .middle_text_left {float: left; max-width: 450px !important; width: 100% !important; margin: 0px 80px 50px 0 !important;} .middle_text_form {float: right !important; max-width: 570px !important; width: 100% !important; margin: 0 0 50px !important; border: 0; background-color: #ececec; padding: 30px 25px;} .middle_text_form h3 {margin: 0 0 30px; text-align: center; font-weight: 700;} .bottom_text_wrapper {background-color: #554e47;} .bottom_text_area {display: block !important; margin: 0 auto !important; padding: 70px 20px 50px !important; max-width: 1140px !important; width: 100% !important; float: none !important;} .bottom_text_area h2 {color: #ffffff; text-align: center; margin: 0 0 15px; font-weight: 800; font-size: 36px; line-height: 46px; font-family: 'Montserrat', sans-serif;} .bottom_text_area p {color: #ffffff; text-align: center; margin: 0 0 20px; font-size: 18px; line-height: 28px; font-weight: 300; font-family: 'Montserrat', sans-serif;} a.btn_lander {border-radius: 3px; color: #ffffff; background-color: #800000; text-transform: none; padding: 15px; font-size: 16px; line-height: 20px; border: 2px solid #800000; font-family: 'Montserrat', sans-serif; font-weight: 700; text-align: center; max-width: 280px; width: 100%; letter-spacing: 0; margin: 0 auto; display: block; text-decoration: none !important;} a.btn_lander:hover {color: #800000; background-color: #ffffff; text-decoration: none; border: 2px solid #800000;} @media (max-width: 1160px) { .middle_text_left {float: none !important; max-width: 100% !important; margin: 0px auto 50px !important;} .middle_text_form {float: none !important; max-width: 100% !important; margin: 0 auto 50px !important;} .middle_form_area h2 {text-align: center;} .middle_form_area p {text-align: center;} } @media (max-width: 600px) { .top_content_area {padding: 50px 20px 10px !important;} .top_content_area h2 {font-size: 26px; line-height: 36px;} .top_content_area p {font-size: 16px; line-height: 26px;} .middle_text_form h3 {font-size: 24px; line-height: 34px;} } @media (max-width: 480px) { .middle_text_form {padding: 30px 20px;} } /*##################################################*/ /*################### Header ################*/ #page_title_wrapper {max-width: 1180px; width: 100%; margin: 0 auto; padding: 50px 20px 30px; float: none;} #page_title_area {display: inline-block; width: 100%; margin: 0 auto; text-align: center;} #page_title_area h1 {margin: 0;} @media (max-width: 600px) { #page_title_wrapper {padding: 30px 20px;} } /*##################################################*/ /*################### Hero - Image/Content ################*/ #virtual_open_hero_wrapper {margin: 0 0 -5px;} #virtual_open_hero_area {margin: 0 auto; display: inline-block; width: 100%; min-height: 421px;} #virtual_open_hero_left {background-repeat: no-repeat; background-position: top right; width: 50%; float: left; min-height: 421px;} #virtual_open_hero_right {float: left; width: 50%; min-height: 421px; background-color: #554e47;} #virtual_open_hero_right h2 {color: #ffffff; margin: 0 0 10px;} #virtual_open_hero_right p {color: #ffffff; margin: 0 0 30px;} #virtual_open_hero_right .phs_full_content_right {padding: 90px 20px 20px 70px; max-width: 490px; width: 100%;} #virtual_open_hero_right a.btn_red {max-width: 340px; width: 100%; margin: 0;} @media (max-width: 1195px) { #virtual_open_hero_area {min-height: 100px;} #virtual_open_hero_left {display: none;} #virtual_open_hero_right {float: none; width: 100%; text-align: center; min-height: 150px; display: inline-block;} #virtual_open_hero_right .phs_full_content_right {margin: 0 auto; max-width: 900px; width: 100%; padding: 60px 20px !important;} #virtual_open_hero_right a.btn_red {margin: 0 auto;} } /*##################################################*/ /*################### Video ################*/ #virtual_open_video_wrapper {max-width: 940px; width: 100%; margin: 0 auto; padding: 80px 20px; float: none;} #virtual_open_video_area {display: inline-block; width: 100%; margin: 0 auto; text-align: center;} @media (max-width: 600px) { #virtual_open_video_wrapper {padding: 50px 20px;} } /*##################################################*/ /*################### Course Offerings ################*/ #course_offerings_wrapper {max-width: 1180px; width: 100%; margin: 0 auto; padding: 0px 20px 80px; float: none;} #course_offerings_area {display: inline-block; width: 100%; margin: 0 auto; text-align: center;} #course_offering_header {margin: 0 auto; padding: 0 0 30px;} #course_offerings {display: flex; flex-wrap: wrap; width: 100%; margin: 0 auto;} .course_offering_block {float: left; width: calc(33.3336% - 40px); margin: 0 20px 40px; display: flex; flex-direction: column;} .ourse_offering_block a:hover .course_offering_text h4 {color: #df2426;} .course_offering_image {width: 100%;} .course_offering_text {padding: 25px 10px 0;} @media (max-width: 900px){ .course_offering_block {width: calc(50% - 40px);} } @media (max-width: 600px) { #course_offering_header {padding: 0 0 10px;} .course_offering_block {float: none; margin: 0 auto 30px; width: 100%;} #course_offerings_wrapper {padding: 0px 20px 50px;} } /*##################################################*/ /*################### Middle CTA Block ################*/ #middle_cta_wrapper {width: 100%; background-color: #800000; margin: 0 0 50px; background-repeat: no-repeat; background-position: top center; background-size: cover;} #middle_cta_area {padding: 80px 20px; margin: 0 auto; max-width: 1180px; width: 100%;} #middle_cta_area h2 {font-size: 45px; line-height: 55px; color: #ffffff; padding: 0; margin: 0 0 10px; font-weight: 700; text-align: center;} #middle_cta_area p {margin: 0 0 25px; color: #ffffff; text-align: center; font-size: 16px; line-height: 26px; font-weight: 400;} a.btn_middle_cta {color: #ffffff; background-color: rgba(0, 0, 0, 0.0 ); text-transform: uppercase; padding: 15px; font-size: 16px; line-height: 20px; border: 2px solid #ffffff; font-weight: 400; text-align: center; display: block; border-radius: 3px; width: 100%; max-width: 330px; margin: 0 auto; text-decoration: none !important;} a.btn_middle_cta:hover {color: #554e47; background: #ffffff; text-decoration: none; border: 2px solid #ffffff;} @media screen and (max-width: 650px) { #middle_cta_area h2 {font-size: 35px; line-height: 45px;} } @media (max-width: 600px) { #middle_cta_area {padding: 60px 20px;} } /*##################################################*/ /*################### Two Column - Image and Content ################*/ .content_image_container {width: 100%;} .content_image_wrapper {max-width: 1040px; width: 100%; margin: 0 auto; padding: 50px 20px;} .content_image_area {display: inline-block; width: 100%; margin: 0 auto;} .content_image_wrapper .content_block {max-width: 500px; width: 100%; position: relative;} .content_block_inner {} .content_align_left {float: left; margin: 0 65px 0 0;} .content_align_right {float: right; margin: 0 0px 0 65px;} .content_image_wrapper .content_block h2 {margin: 0 0 10px;} .image_block {max-width: 435px; width: 100%; position: relative;} .image_block img {margin: 0;} .image_align_left {float: left; margin: 0;} .image_align_right {float: right; margin: 0;} a.btn_learn_more{color: #ffffff; background-color: #800000; text-transform: uppercase; padding: 11px 15px; font-size: 18px; line-height: 22px; border: 2px solid #800000; font-weight: 400; text-align: center; display: block; border-radius: 3px; width: 100%; max-width: 200px; margin: 0; text-decoration: none;} a.btn_learn_more:hover{color: #800000; background: #ffffff; text-decoration: none; border: 2px solid #800000;} @media (min-width: 1066px) { .content_image_wrapper .content_block {position: relative; min-height: 400px;} } @media (max-width: 1065px) { .content_image_wrapper .content_block {max-width: calc(100% - 465px); width: 100%; min-height: 368px;} .image_block {max-width: 400px; width: 100%;} } @media (max-width: 900px) { .content_image_wrapper .content_block {max-width: calc(100% - 385px); width: 100%; min-height: 50px;} .image_block {max-width: 320px; width: 100%;} } @media (min-width: 901px) { .content_image_wrapper .content_block_inner {position: absolute; top: 50%; transform: translateY(-50%);} } @media (max-width: 800px) { .content_image_wrapper {padding: 30px 20px;} .row-number-2 .content_image_wrapper {padding: 80px 20px 0;} .content_image_wrapper .content_block {max-width: 800px; width: 100%; text-align: center;} .content_align_left {float: none; margin: 0 auto; padding: 0 0 40px;} .content_align_right {float: none; margin: 0 auto; padding: 0 0 40px;} .image_block {max-width: 400px; width: 100%;} .image_align_left {float: none; margin: 0 auto;} .image_align_right {float: none; margin: 0 auto;} a.btn_learn_more {margin: 0 auto;} } @media (max-width: 600px) { } /*##################################################*/ /*################### Bottom CTA Block ################*/ #virtual_bottom_cta_wrapper {width: 100%; background-color: #554e47; margin: 50px 0 0; background-image: url(../images/bkgd_bottom_cta.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover;} #virtual_bottom_cta_area {padding: 80px 20px; margin: 0 auto; max-width: 1180px; width: 100%;} #virtual_bottom_cta_area h2 {font-size: 45px; line-height: 55px; color: #ffffff; padding: 0; margin: 0 0 10px; font-weight: 700; text-align: center;} #virtual_bottom_cta_area p {margin: 0 0 25px; color: #ffffff; text-align: center; font-size: 16px; line-height: 26px; font-weight: 400;} #virtual_bottom_cta_area a.btn_bottom_cta {color: #ffffff; background-color: rgba(0, 0, 0, 0.0 ); text-transform: uppercase; padding: 15px; font-size: 16px; line-height: 20px; border: 2px solid #ffffff; font-weight: 400; text-align: center; display: block; border-radius: 3px; width: 100%; max-width: 200px; margin: 0 auto; text-decoration: none !important;} #virtual_bottom_cta_area a.btn_bottom_cta:hover {color: #554e47; background: #ffffff; text-decoration: none; border: 2px solid #ffffff;} @media screen and (max-width: 650px) { #virtual_bottom_cta_area h2 {font-size: 35px; line-height: 45px;} } @media (max-width: 600px) { #virtual_bottom_cta_area {padding: 60px 20px;} } /*##################################################*/ a.btn_home_spirit_stories{color: #ffffff; background-color: rgba(0, 0, 0, .0); text-transform: uppercase; padding: 11px 15px; font-size: 18px; line-height: 22px; border: 2px solid #ffffff; font-weight: 400; text-align: center; display: block; border-radius: 3px; width: 100%; max-width: 320px; margin: 0; text-decoration: none !important;} a.btn_home_spirit_stories:hover, a.btn_home_spirit_stories:focus {color: #554e47; background: #ffffff; text-decoration: none; border: 2px solid #ffffff;} a.btn_ask_admissions{color: #800000; background-color: #ffffff; text-transform: uppercase; padding: 11px 15px; font-size: 18px; line-height: 22px; border: 2px solid #800000; font-weight: 400; text-align: center; display: block; border-radius: 3px; width: 100%; max-width: 280px; margin: 0 auto 20px; text-decoration: none !important;} a.btn_ask_admissions:hover{color: #ffffff; background: #800000; text-decoration: none;} a.btn_ask_admissions2{color: #800000; background-color: #ffffff; text-transform: uppercase; padding: 11px 15px; font-size: 18px; line-height: 22px; border: 2px solid #800000; font-weight: 400; text-align: center; display: block; border-radius: 3px; width: 100%; max-width: 280px; margin: 0 0 20px; text-decoration: none !important;} a.btn_ask_admissions2:hover{color: #ffffff; background: #800000; text-decoration: none;} a.btn_view_application_process{color: #ffffff; background-color: #800000; text-transform: uppercase; padding: 11px 15px; font-size: 18px; line-height: 22px; border: 2px solid #800000; font-weight: 400; text-align: center; display: block; border-radius: 3px; width: 100%; max-width: 330px; margin: 0 auto; text-decoration: none !important;} a.btn_view_application_process:hover{color: #800000; background: #ffffff; text-decoration: none; border: 2px solid #800000; text-decoration: none !important;} a.btn_view_tuition_details {color: #ffffff; background-color: rgba(0, 0, 0, .0); text-transform: uppercase; padding: 11px 15px; font-size: 18px; line-height: 22px; border: 2px solid #ffffff; font-weight: 400; text-align: center; display: block; border-radius: 3px; width: 100%; max-width: 280px; margin: 0 auto; text-decoration: none !important;} a.btn_view_tuition_details:hover {color: #800000; background: #ffffff; text-decoration: none !important; border: 2px solid #800000;} a.btn_contact_finance{color: #ffffff; background-color: #800000; text-transform: uppercase; padding: 11px 15px; font-size: 18px; line-height: 22px; border: 2px solid #800000; font-weight: 400; text-align: center; display: block; border-radius: 3px; width: 100%; max-width: 330px; margin: 0; text-decoration: none !important;} a.btn_contact_finance:hover{color: #800000; background: #ffffff; text-decoration: none; border: 2px solid #800000; text-decoration: none !important;} a.btn_make_a_gift_2{color: #ffffff; background-color: #800000; text-transform: uppercase; padding: 11px 15px; font-size: 18px; line-height: 22px; border: 2px solid #800000; font-weight: 400; text-align: center; display: block; border-radius: 3px; width: 100%; max-width: 195px; margin: 0; text-decoration: none !important;} a.btn_make_a_gift_2:hover {color: #800000; background: #ffffff; text-decoration: none; border: 2px solid #800000;} a.btn_course_catalog {color: #ffffff !important; background-color: #800000 !important; text-transform: uppercase !important; padding: 11px 15px !important; font-size: 18px !important; line-height: 22px !important; border: 2px solid #800000 !important; font-weight: 400 !important; text-align: center !important; display: block !important; border-radius: 3px !important; width: 100% !important; max-width: 220px !important; margin: 0 auto !important; text-decoration: none !important;} a.btn_course_catalog:hover {color: #800000 !important; background: #ffffff !important; text-decoration: none !important; border: 2px solid #800000 !important;} a.btn_course_catalog_2 {color: #ffffff !important; background-color: #800000 !important; text-transform: uppercase !important; padding: 11px 15px !important; font-size: 18px !important; line-height: 22px !important; border: 2px solid #800000 !important; font-weight: 400 !important; text-align: center !important; display: block !important; border-radius: 3px !important; width: 100% !important; max-width: 220px !important; margin: 0 !important; text-decoration: none !important;} a.btn_course_catalog_2:hover {color: #800000 !important; background: #ffffff !important; text-decoration: none !important; border: 2px solid #800000 !important;} a.btn_fa_read_more{color: #ffffff; background-color: rgba(0, 0, 0, .0); text-transform: uppercase; padding: 11px 15px; font-size: 18px; line-height: 22px; border: 2px solid #ffffff; font-weight: 400; text-align: center; display: block; border-radius: 3px; width: 100%; max-width: 280px; margin: 0 auto; text-decoration: none !important;} a.btn_fa_read_more:hover {color: #800000; background: #ffffff; text-decoration: none; border: 2px solid #800000;} a.btn_ipads_learn_more {color: #ffffff; background-color: #800000; text-transform: uppercase; padding: 11px 15px; font-size: 18px; line-height: 22px; border: 2px solid #800000; font-weight: 400; text-align: center; display: block; border-radius: 3px; width: 100%; max-width: 180px; margin: 0; text-decoration: none !important;} a.btn_ipads_learn_more:hover, a.btn_ipads_learn_more:focus {color: #800000; background: #ffffff; text-decoration: none; border: 2px solid #800000;} a.btn_make_a_gift{color: #ffffff; background-color: #800000; text-transform: uppercase; padding: 11px 15px; font-size: 18px; line-height: 22px; border: 2px solid #800000; font-weight: 400; text-align: center; display: block; border-radius: 3px; width: 100%; max-width: 195px; margin: 0 auto; text-decoration: none;} a.btn_make_a_gift:hover {color: #800000; background: #ffffff; text-decoration: none; border: 2px solid #800000;} a.btn_graduation_details {color: #ffffff !important; background-color: #800000; text-transform: uppercase; padding: 11px 15px; font-size: 18px; line-height: 22px; border: 2px solid #800000; font-weight: 400; text-align: center; display: block; border-radius: 3px; width: 100%; max-width: 320px !important; margin: 0 auto; text-decoration: none !important;} a.btn_graduation_details:hover {color: #800000 !important; background: #ffffff; text-decoration: none; border: 2px solid #800000;} a.btn_graduation_details {color: #ffffff !important; background-color: #800000; text-transform: uppercase; padding: 11px 15px; font-size: 18px; line-height: 22px; border: 2px solid #800000; font-weight: 400; text-align: center; display: block; border-radius: 3px; width: 100%; max-width: 260px !important; margin: 0 auto; text-decoration: none !important;} a.btn_graduation_details:hover {color: #800000 !important; background: #ffffff; text-decoration: none; border: 2px solid #800000;} a.btn_graduation_details_white {color: #ffffff; background-color: rgba(0, 0, 0, .0); text-transform: uppercase; padding: 11px 15px; font-size: 18px; line-height: 22px; border: 2px solid #ffffff; font-weight: 400; text-align: center; display: block; border-radius: 3px; width: 100%; max-width: 260px; margin: 0 auto; text-decoration: none !important;} a.btn_graduation_details_white:hover {color: #800000; background: #ffffff; text-decoration: none !important; border: 2px solid #800000;} a.btn_instagram {color: #ffffff !important; background-color: #800000; text-transform: uppercase; padding: 11px 15px; font-size: 18px; line-height: 22px; border: 2px solid #800000; font-weight: 400; text-align: center; display: block; border-radius: 3px; width: 100%; max-width: 320px !important; margin: 0 auto; text-decoration: none !important;} a.btn_instagram:hover {color: #800000 !important; background: #ffffff; text-decoration: none; border: 2px solid #800000;} a.btn_resources_ask_admissions {color: #ffffff; background-color: rgba(0, 0, 0, .0); text-transform: uppercase; padding: 15px; font-size: 16px; line-height: 20px; border: 2px solid #ffffff; font-weight: 400; text-align: center; display: block; border-radius: 3px; width: 100%; max-width: 235px; margin: 0 auto; text-decoration: none;} a.btn_resources_ask_admissions:hover, a.btn_resources_ask_admissions:focus {color: #554e47; background: #ffffff; text-decoration: none; border: 2px solid #ffffff;} a.btn_resources_tuition_questions {color: #554e47; background-color: #ffffff; text-transform: uppercase; padding: 15px; font-size: 16px; line-height: 20px; border: 2px solid #ffffff; font-weight: 400; text-align: center; display: block; border-radius: 3px; width: 100%; max-width: 235px; margin: 0 auto; text-decoration: none !important;} a.btn_resources_tuition_questions:hover, a.btn_resources_tuition_questions:focus {color: #ffffff; background-color: rgba(0, 0, 0, .0); text-decoration: none !important; border: 2px solid #ffffff;} a.btn_app_p_register{color: #ffffff; background-color: rgba(0, 0, 0, .0); text-transform: uppercase; padding: 11px 15px; font-size: 18px; line-height: 22px; border: 2px solid #ffffff; font-weight: 400; text-align: center; display: block; border-radius: 3px; width: 100%; max-width: 400px; margin: 0 auto; text-decoration: none;} a.btn_app_p_register:hover {color: #554e47; background: #ffffff; text-decoration: none; border: 2px solid #554e47;} /*################### Top Navigation ################*/ .top_navigation_container {background-color: #ffffff;} .top_navigation_wrapper {margin: 0 auto; max-width: 1180px; width: 100%; padding: 10px 20px; position: relative;} .top_navigation_area {display: inline-block; width: 100%; margin: 0 auto;} .top_navigation_logo {padding: 0;margin: 5px 30px 5px 0; float: left; max-width: 350px; width: 100%; display: block;} .top_navigation_links {font-family: Montserrat,sans-serif; color: #878787; font-size: 13px; padding: 0; float: right;} .top_navigation_links ul {text-align: left; margin: 0 auto; width: 100%; display: table; padding: 0; max-width: 745px;} .top_navigation_links li {text-align: center; display: inline-block; padding: 0; margin: 0;} .top_navigation_links li a {display: inline; color: #554e47; padding: 0 0 5px; line-height: 33px; font-size: 15px; font-weight: 500; text-decoration: none; position: relative; text-transform: none; font-family: Montserrat,sans-serif; margin: 0 10px;} .top_navigation_links li a:hover {color: #df2426;} .top_navigation_links.show .mobile-filter {display: block;} .top_navigation_links .mobile-filter {position: absolute; top: 55px; right: 20px; max-width: 220px; width: 100%; transition: all .3s; z-index: 900; display: none; padding: 15px 10px; background-color: #f3f3f3; -webkit-box-shadow: 0px 7px 32px 0px rgb(0 0 0 / 30%); -moz-box-shadow: 0px 7px 32px 0px rgba(0,0,0,0.30); box-shadow: 0px 7px 32px 0px rgb(0 0 0 / 30%);} @media (max-width: 1050px) { .top_navigation_logo {margin: 6px 30px 6px 0; max-width: 300px;} } @media (max-width: 992px) { .top_navigation_container {display: none;} } /*##################################################*/ #sample {display: none;} a.btn_primary {color: #ffffff; background-color: #800000; text-transform: uppercase; padding: 15px 40px; font-size: 16px; line-height: 20px; border: 2px solid #800000; font-weight: 700; text-align: center; border-radius: 3px; margin: 0 auto; text-decoration: none !important; display: inline-block;} a.btn_primary:hover, a.btn_primary:focus {color: #800000; background-color: #ffffff; text-decoration: none !important; border: 2px solid #800000;} a.btn_secondary {color: #800000; background-color: #ffffff; text-transform: uppercase; padding: 15px 40px; font-size: 16px; line-height: 20px; border: 2px solid #ffffff; font-weight: 700; text-align: center; border-radius: 3px; margin: 0 auto; text-decoration: none !important; display: inline-block;} a.btn_secondary:hover, a.btn_secondary:focus {color: #ffffff; background-color: #800000; text-decoration: none !important; border: 2px solid #800000;} a.btn_transparent_gray {color: #ffffff; background-color: rgba(0,0,0,0); text-transform: uppercase; padding: 15px 40px; font-size: 16px; line-height: 20px; border: 2px solid #ffffff; font-weight: 700; text-align: center; display: inline-block; border-radius: 3px; margin: 0 auto; text-decoration: none !important;} a.btn_transparent_gray:hover, a.btn_transparent_gray:focus {color: #554e47; background-color: #ffffff; text-decoration: none !important; border: 2px solid #ffffff;} a.btn_popup {color: #554e47; background-color: #ffffff; text-transform: uppercase; padding: 15px 40px; font-size: 16px; line-height: 20px; border: 2px solid #ffffff; font-weight: 700; text-align: center; border-radius: 3px; margin: 0 auto; text-decoration: none !important; display: inline-block;} a.btn_popup:hover, a.btn_popup:focus {color: #ffffff; background-color: #554e47; text-decoration: none !important; border: 2px solid #554e47;} @media (max-width: 600px) { a.btn_primary {padding: 13px 25px;} a.btn_secondary {padding: 13px 25px;} a.btn_transparent_gray {padding: 13px 25px;} a.btn_popup {padding: 13px 25px;} } .page-template-landing-page-capital .site-content {padding-top: 65px;} @media (max-width: 800px) { .page-template-landing-page-capital .site-content {padding-top: 109px;} } @media (max-width: 390px) { .page-template-landing-page-capital .site-content {padding-top: 107px;} } /*################### Capital Hero ################*/ #capital_hero_container {width: 100%; background-color: #800000; background-repeat: no-repeat; background-position: top center; background-size: cover;} #capital_hero_wrapper {max-width: 1140px; width: 100%; margin: 0 auto; padding: 100px 20px;} #capital_hero_area {display: inline-block; width: 100%; margin: 0 auto;} #capital_hero_content {float: right; max-width: 500px; width: 100%;} #capital_hero_content h2 {color: #ffffff; font-size: 50px; line-height: 56px; font-weight: 700; font-family: 'Montserrat', sans-serif;} #capital_hero_content p {color: #ffffff;font-size: 20px; line-height: 30px; margin: 0 0 30px;} #capital_hero_content a.btn_secondary:hover, #capital_hero_content a.btn_secondary:focus {border: 2px solid #ffffff;} @media (max-width: 800px) { #capital_hero_wrapper {padding: 80px 20px;} #capital_hero_content h2 {font-size: 42px; line-height: 48px;} } @media (max-width: 600px) { #capital_hero_wrapper {padding: 60px 20px;} #capital_hero_content h2 {font-size: 34px; line-height: 40px;} #capital_hero_content p {font-size: 20px; line-height: 30px;} } /*##################################################*/ /*################### Capital Why Donate ################*/ #capital_why_donate_container {width: 100%;} #capital_why_donate_wrapper {max-width: 1140px; width: 100%; margin: 0 auto; padding: 80px 20px;} #capital_why_donate_area {display: inline-block; width: 100%; margin: 0 auto;} #capital_why_donate_area h2 {color: #554e47; font-size: 45px; line-height: 51px; font-weight: 700; text-transform: uppercase;} #capital_why_donate_area p {font-weight: 500;} #capital_why_donate_area li {font-weight: 500;} #capital_why_donate_header {max-width: 830px; width: 100%; margin: 0 auto; padding: 0 0 40px; text-align: center;} .why_donate_content_image {display: flex; flex-wrap: wrap;} .why_donate_content {width: 50%; padding: 0 50px 30px 0;} .why_donate_image {width: 50%; padding: 0 0 30px;} @media (max-width: 800px) { #capital_why_donate_area h2 {font-size: 36px; line-height: 42px;} #capital_why_donate_header {padding: 0; text-align: left;} .why_donate_content {width: 100%; padding: 0 0 10px;} .why_donate_image {width: 100%; padding: 0px;} .why_donate_image img {margin: 0 auto; display: block;} } @media (max-width: 600px) { #capital_why_donate_wrapper {padding: 60px 20px;} #capital_why_donate_area h2 {font-size: 28px; line-height: 34px;} } /*##################################################*/ /*################### Capital Reach Our goal ################*/ #capital_reach_goal_container {width: 100%; background-color: #9b9895;} #capital_reach_goal_wrapper {max-width: 900px; width: 100%; margin: 0 auto; padding: 80px 20px 55px;} #capital_reach_goal_area {display: inline-block; width: 100%; margin: 0 auto; text-align: center;} #capital_reach_goal_area h2 {color: #800000; font-size: 45px; line-height: 51px; font-weight: 700; text-transform: uppercase;} #capital_reach_goal_area p {color: #ffffff; font-weight: 500;} .reach_goal_buttons {display: flex; flex-wrap: wrap; justify-content: center; padding: 20px 0 0;} .reach_goal_button {width: calc(50% - 20px); margin: 0 10px 25px;} .reach_goal_button a.btn_primary {width: 100%;} @media (max-width: 800px) { #capital_reach_goal_area h2 {font-size: 36px; line-height: 42px;} } @media (max-width: 600px) { #capital_reach_goal_wrapper {padding: 60px 20px 35px;} #capital_reach_goal_area h2 {font-size: 28px; line-height: 34px;} .reach_goal_button {width: 100%; margin: 0 auto 25px;} } /*##################################################*/ /*################### Capital Our Vision ################*/ #capital_our_vision_container {width: 100%;} #capital_our_vision_wrapper {max-width: 1180px; width: 100%; margin: 0 auto; padding: 80px 20px;} #capital_our_vision_area {display: inline-block; width: 100%; margin: 0 auto;} #capital_our_vision_area h2 {color: #800000; font-size: 45px; line-height: 51px; font-weight: 700;} #capital_our_vision_area p {font-weight: 500;} #capital_our_vision_area li {font-weight: 500;} #capital_our_vision_header {padding: 0 0 20px;} .our_vision_content_image {display: flex; flex-wrap: wrap;} .our_vision_content {width: 50%; padding: 0 50px 30px 0;} .our_vision_image {width: 50%; padding: 0 0 30px;} #capital_our_vision_bottom {padding: 30px 30px 10px; border-top: 1px solid #9b9895; border-bottom: 1px solid #9b9895; text-align: center;} @media (max-width: 800px) { #capital_our_vision_area h2 {font-size: 36px; line-height: 42px;} #capital_our_vision_header {padding: 0; text-align: left;} .our_vision_content {width: 100%; padding: 0 0 10px;} .our_vision_image {width: 100%; padding: 0 0 30px;} .our_vision_image img {margin: 0 auto; display: block;} } @media (max-width: 600px) { #capital_our_vision_wrapper {padding: 60px 20px;} #capital_our_vision_area h2 {font-size: 28px; line-height: 34px;} #capital_our_vision_bottom {padding: 25px 20px 5px;} } /*##################################################*/ /*################### Capital Our Progress ################*/ #capital_our_progress_container {width: 100%;} #capital_our_progress_wrapper {max-width: 1180px; width: 100%; margin: 0 auto; padding: 0 20px 80px;} #capital_our_progress_area {display: inline-block; width: 100%; margin: 0 auto;} #capital_our_progress_area h2 {color: #800000; font-size: 45px; line-height: 51px; font-weight: 700;} #capital_our_progress_area p {font-weight: 500;} #capital_our_progress_area li {font-weight: 500;} #capital_our_progress_header {padding: 0 0 20px;} .our_progress_slider {margin: 0 0 30px;} #vidyard-popbox-constraint.landscape {height: 100% !important;} .cta_blessing {text-align: center;} .our_progress_section {display: flex; flex-wrap: wrap;} .our_progress_left {width: 50%; padding: 0 10px 0 0; margin: 0 0 30px; display: flex; flex-direction: column;} .our_progress_right {width: 50%; padding: 0 0 0 10px; margin: 0 0 30px; display: flex; flex-direction: column;} .our_progress_video {border: 15px solid #9b9895; background-color: #800000; margin: 0 0 20px; padding: 35px 35px 15px;} .our_progress_video p {color: #ffffff;} .our_progress_video p.video_link {text-align: center;} .our_progress_video a {color: #fcb315; text-transform: uppercase; text-decoration: none !important;} .our_progress_video a:hover {color: #ffffff;} .our_progress_image {} @media (max-width: 800px) { #capital_our_progress_area h2 {font-size: 36px; line-height: 42px;} #capital_our_progress_header {padding: 0; text-align: left;} .our_progress_left {width: 100%; margin: 0 0 20px; padding: 0;} .our_progress_right {width: 100%; margin: 0; padding: 0;} .our_progress_image img {margin: 0 auto; display: block;} } @media (max-width: 600px) { #capital_our_progress_wrapper {padding: 0 20px 60px;} #capital_our_progress_area h2 {font-size: 28px; line-height: 34px;} } /*##################################################*/ /*################### Capital Bottom CTA ################*/ #capital_bottom_cta_container {width: 100%; background-color: #554e47;} #capital_bottom_cta_wrapper {max-width: 1140px; width: 100%; margin: 0 auto; padding: 80px 20px;} #capital_bottom_cta_area {display: inline-block; width: 100%; margin: 0 auto; text-align: center;} #capital_bottom_cta_area h2 {color: #ffffff; font-size: 45px; line-height: 51px; font-weight: 700;} #capital_bottom_cta_area p {color: #ffffff; margin: 0 0 30px;} @media (max-width: 800px) { #capital_bottom_cta_area h2 {font-size: 36px; line-height: 42px;} } @media (max-width: 600px) { #capital_bottom_cta_wrapper {padding: 50px 20px;} #capital_bottom_cta_area h2 {font-size: 28px; line-height: 34px;} } /*##################################################*/ /*################### Capital Popup ################*/ #capital_popup_wrapper {max-width: 600px; width: 100%; margin: 0 auto; padding: 50px 50px 10px;} #capital_popup_area {display: inline-block; width: 100%; margin: 0 auto; text-align: center;} #capital_popup_area h2 {color: #ffffff;font-weight: 700; font-family: 'Montserrat', sans-serif;} #capital_popup_area p {color: #ffffff; font-size: 24px; line-height: 34px;} #capital_popup_area li {font-weight: 500;} .popup_image {max-width: 150px; width: 100%; margin: 40px auto;} .popup_buttons {padding: 20px 0 0; display: inline-block; text-align: center;} .popup_button {margin: 0 10px 20px; float: left;} @media (max-width: 800px) { #capital_popup_area h2 {font-size: 36px; line-height: 42px;} #capital_popup_area p {color: #ffffff; font-size: 30px; line-height: 38px;} .popup_image {max-width: 275px; width: 100%; margin: 60px auto;} } @media (max-width: 600px) { #capital_popup_wrapper {padding: 40px 30px 10px;} #capital_popup_area p {font-size: 20px; line-height: 30px;} .popup_image {max-width: 120px; width: 100%; margin: 30px auto;} .popup_buttons {padding: 10px 0 0;} .popup_button {float: none; margin: 0 auto 20px;} .popup_button a.btn_popup {width: 100%;} } /*##################################################*/