#rss-popup {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
border: 2px solid #000;
padding: 20px;
z-index: 9999;
text-align: center; } #rss-popup .popup-content h2,
#rss-popup .popup-content h3 {
margin-bottom: 10px;
} #rss-popup .popup-content p {
background-color: yellow;
padding: 10px;
border-radius: 5px;
} #rss-popup .popup-content button {
margin: 20px auto; background-color: #007bff;
color: #fff;
border: none;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
} #popup-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 9998;
display: none;
}.spu-box,
.spu-box *{
box-sizing: border-box;
}
.wppopups-whole{
position: relative;
width: 100%;
left: 0;
top: 0;
z-index: 999998;
display: flex;
align-items: center;
justify-content: center;
}
.spu-bg{
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: none;
z-index: 99999;
}
.spu-box:before,
.spu-box:after {
content:"";
display:table;
}
.spu-box:after {
clear:both;
}
.spu-box {
zoom:1;
}
.spu-box {
position:fixed;
z-index: 999999;
width: 100%;
max-height: 100vh;
}
.spu-box img{
max-width: 100%;
height: auto;
}
.spu-box img.aligncenter {
clear: both;
display: block;
margin: 0 auto;
} .spu-box.spu-position-top-left{
top: 0; left: 0; bottom: auto; right: auto;
}
.spu-box.spu-position-top-right{
top: 0; right: 0; bottom: auto; left: auto;
}
.spu-box.spu-position-top-center{
top: 0; right: auto; bottom: auto; left: auto;
}
.spu-box.spu-position-bottom-left{
bottom: 0; left: 0; top: auto; right: auto;
}
.spu-box.spu-position-bottom-right{
bottom: 0; right: 0; top: auto; left: auto;
}
.spu-box.spu-position-bottom-center{
top: auto; right: auto; bottom: 0; left: auto;
}
.spu-box.spu-position-top-bar,
.spu-box.spu-position-bottom-bar{
margin: 0;
width: 100% !important;
max-width: 100% !important;
position: fixed;
}
.spu-box.spu-position-top-bar{
top: 0;
}
.spu-box.spu-position-bottom-bar{
bottom: 0;
}
.spu-box.spu-position-bottom-bar .spu-content .spu-fields-container,
.spu-box.spu-position-top-bar .spu-content .spu-fields-container{
padding: 0;
}
.spu-box.spu-position-bottom-bar .spu-content,
.spu-box.spu-position-top-bar .spu-content {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100% !important;
}
.spu-box.spu-position-bottom-bar .spu-content > *,
.spu-box.spu-position-top-bar .spu-content > *{
margin-left: 20px;
margin-bottom: 0;
}
.spu-box.spu-position-bottom-bar .spu-content .spu-optin-form,
.spu-box.spu-position-top-bar .spu-content label.spu-fields.spu-gdpr,
.spu-box.spu-position-bottom-bar .spu-content label.spu-fields.spu-gdpr,
.spu-box.spu-position-top-bar .spu-content .spu-optin-form {
display: inline-flex;
margin-bottom: 0;
}
.spu-box.spu-position-top-bar .spu-content .spu-optin-fields,
.spu-box.spu-position-bottom-bar .spu-content .spu-optin-fields,
.spu-box.spu-position-top-bar .spu-content label.spu-fields.spu-gdpr,
.spu-box.spu-position-bottom-bar .spu-content label.spu-fields.spu-gdpr{
margin-bottom: 0;
}
.spu-box.spu-position-bottom-bar .spu-content label.spu-fields.spu-gdpr ,
.spu-box.spu-position-top-bar .spu-content label.spu-fields.spu-gdpr {
margin-left: 20px;
margin-bottom: 0;
}
.spu-box.spu-position-bottom-bar .spu-content .spu-optin-fields .spu-fields ,
.spu-box.spu-position-top-bar .spu-content .spu-optin-fields .spu-fields {
min-width: 250px;
}
.spu-box.spu-position-bottom-bar .spu-content button.spu-fields.spu-submit ,
.spu-box.spu-position-top-bar .spu-content button.spu-fields.spu-submit {
width: 120px;
margin-left: 20px;
} .spu-close{
position:absolute;
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
line-height: .5;
text-decoration: none;
cursor: pointer;
z-index: 9999;
}
html .spu-box a.spu-close {
text-decoration: none;
}
.spu-close-top_right{
right:8px;
top:5px;
}
.spu-close-top_left{
left:8px;
top:5px;
}
.spu-close-bottom_right{
right:8px;
bottom:5px;
}
.spu-close-bottom_left{
left:8px;
bottom:5px;
}
.spu-close:hover,
.spu-close:focus {
text-decoration: none;
display: block;
} p.spu-powered {
position: absolute;
bottom: -55px;
width: 100%;
text-align: center;
color: #fff;
left: 0px;
}
p.spu-powered a{
color: #ccc;
text-decoration: underline;
}
.spu-box.spu-scrollable p.spu-powered {
display: none;
} .spu-addon-container {
text-align: center;
margin: 36px 32px 44px;
}
.spu-addon-container:after {
clear: both;
content: " ";
display: table;
}
.spu-addon-title {
font-size: 24px;
}
.spu-addon-msg {
font-size: 17px;
}
.spu-input-text {
background-color: #fff;
width: 49%;
height: 44px;
border: 1px solid #cdd1d4;
-webkit-box-shadow: 0 0 6px -3px rgba(0,0,0,0.8) inset;
-moz-box-shadow: 0 0 6px -3px rgba(0,0,0,0.8) inset;
box-shadow: 0 0 6px -3px rgba(0,0,0,0.8) inset;
border-radius: 3px;
font-size: 18px;
line-height: 38px;
padding: 4px 6px;
overflow: hidden;
outline: none;
margin: 0;
vertical-align: middle;
}
.spu-button {
display: block;
-webkit-box-shadow: 0 1px 1px -1px #fff inset;
-moz-box-shadow: 0 1px 1px -1px #fff inset;
box-shadow: 0 1px 1px -1px #fff inset;
-webkit-text-shadow: #888 -0 0 1px;
-moz-text-shadow: #888 -0 0 1px;
text-shadow: #888 0 0 1px;
font-size: 15px;
padding: 10px 12px;
line-height: 24px;
text-align: center;
vertical-align: middle;
cursor: pointer;
text-decoration: none;
margin: 0;
height: auto;
width: 35%;
border: 0;  
}
.spu-button-bg {
width: 100% !important;
}
.spu-inline {
display: inline-block !important;
}
.spu-errors {
color: red;
text-align: center;
margin-top: 20px;
} .spu-optin-form .spu-helper-fields{
display: none;
}
.spu-fields-container{
padding: 36px 32px 44px;
position: relative;
}
.spu-fields.spu-name,
.spu-fields.spu-email{
background-color: #fff;
width: 100%;
height: 48px;
border: 1px solid #cdd1d4;
-webkit-box-shadow: 0 0 6px -3px rgba(0,0,0,0.8) inset;
-moz-box-shadow: 0 0 6px -3px rgba(0,0,0,0.8) inset;
box-shadow: 0 0 6px -3px rgba(0,0,0,0.8) inset;
border-radius: 3px;
font-size: 18px;
line-height: 38px;
padding: 4px 6px;
overflow: hidden;
outline: none;
margin: 0 0 20px 0;
vertical-align: middle;
display: block;
}
.spu-fields.spu-submit{
background: #50bbe8;
border: 1px solid #429bc0;
-webkit-box-shadow: 0 1px 1px -1px #fff inset;
-moz-box-shadow: 0 1px 1px -1px #fff inset;
box-shadow: 0 1px 1px -1px #fff inset;
-webkit-text-shadow: #888 -0 0 1px;
-moz-text-shadow: #888 -0 0 1px;
text-shadow: #888 -0 0 1px;
width: 24%;
color: #fff;
font-size: 16px;
padding: 10px 6px;
line-height: 24px;
text-align: center;
vertical-align: middle;
cursor: pointer;
display: inline;
margin: 0;
height: auto;
}
.spu-fields.spu-submit i{
display: none;
}
.spu-optin-fields {
display: block;
}
.spu-optin-fields.spu-inline-fields {
display: flex;
margin-bottom: 20px;
}
.spu-optin-fields.spu-inline-fields .spu-fields{
margin-bottom: 0px;
}
.spu-optin-fields.spu-inline-fields .spu-fields.spu-name {
margin-right: 20px;
}
.spu-fields.spu-email{
margin-right: 0;
}
.spu-fields.spu-submit {
width: 100%;
max-width: 100%;
}
.spu-fields.spu-submit span{
transition: all 1s;
opacity:1;
}
.spu-fields.spu-submit svg{
display:none;
margin:0 auto;
transition: all 1s;
}
.spu-fields.spu-submit svg path,
.spu-fields.spu-submit svg rect{
fill: #fff;
}
.spu-fields.spu-submit.spu-sending span{
display: none;
opacity: 0;
}
.spu-fields.spu-submit.spu-sending svg{
display: block;
opacity: 1;
}
.optin-errors {
color: red;
text-align: center;
margin-top: 20px;
} span.spu-timer {
position: absolute;
bottom: 0px;
left: 0px;
font-size: 12px;
position: absolute;
width: 100%;
text-align: right;
padding: 0 10px;
}
@media all and (max-width: 568px){
.spu-box{
max-width: 90vw !important;
}
.spu-box.spu-position-fullscreen,
.spu-box.spu-position-top-bar,
.spu-box.spu-position-bottom-bar{
max-width: 100vw !important;
}
.spu-box.spu-position-bottom-bar .spu-content,
.spu-box.spu-position-top-bar .spu-content {
flex-flow: column;
}
.pop-up-text2{
margin-bottom: 25px !important;
}
}html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
} body,
button,
input,
select,
optgroup,
textarea {
color: #404040;
font-family: sans-serif;
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
// clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn, cite, em, i {
font-style: italic;
}
blockquote {
margin: 0 0 20px 0;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code, kbd, tt, var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark, ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} html {
box-sizing: border-box;
}
*,
*:before,
*:after { box-sizing: inherit;
}
body {
background: #fff; }
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul, ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto; max-width: 100%; }
figure {
margin: 1em 0; }
table {
margin: 0 0 1.5em;
width: 100%;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
font-size: 12px;
font-size: 0.75rem;
line-height: 1;
padding: .6em 1em .4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}  a {
color: royalblue;
}
a:visited {
color: purple;
}
a:hover, a:focus, a:active {
color: midnightblue;
}
a:focus {
outline: thin dotted;
}
a:hover, a:active {
outline: 0;
} .comment-navigation,
.posts-navigation,
.post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}  .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0;
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
} .widget {
margin: 0 0 1.5em; }
.widget select {
max-width: 100%;
}  .sticky {
display: block;
}
.post,
.page {
margin: 0;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.entry-footer {
display: none;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}  .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}  html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust:     100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
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-color: transparent;
}
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 0 20px 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;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0 0 20px 0;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
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-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0;
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;
} body,
button,
input,
select,
textarea {
color: #404040;
font-family: sans-serif;
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
}
p {
margin: 0 0 20px 0;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 0 20px 0;
}
address {
margin: 0 40px 20px 40px;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin: 0 0 20px 0;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} html {
box-sizing: border-box;
}
*,
*:before,
*:after { box-sizing: inherit;
}
body {
background: #fff; }
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin: 0 0 20px 0;
}
ul,
ol {
margin: 0 0 20px 40px;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin: 0 0 20px 40px;
}
dt {
font-weight: bold;
}
dd {
margin: 0 40px 20px 40px;
} table {
margin: 0 0 20px 0;
width: 100%;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #fff;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
color: rgba(0, 0, 0, .8);
font-size: 12px;
font-size: 0.75rem;
line-height: 1;
padding: .6em 1em .4em;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
border-color: #aaa #bbb #bbb;
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
select {
border: 1px solid #ccc;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
textarea {
width: 100%;
} a {
color: royalblue;
}
a:visited {
color: purple;
}
a:hover,
a:focus,
a:active {
color: midnightblue;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0;
} .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}  embed,
iframe,
object {
max-width: 100%;
}   @keyframes small-icon-bounce {
0%, 100%, 20%, 50%, 80% {
-webkit-transform: translateY( 0 );
-ms-transform:     translateY( 0 );
transform:         translateY( 0 );
}
40% {
-webkit-transform: translateY( -4px );
-ms-transform:     translateY( -4px );
transform:         translateY( -4px );
}
60% {
-webkit-transform: translateY( -2px );
-ms-transform:     translateY( -2px );
transform:         translateY( -2px );
}
} html, body {
width: 100%;
height: 100%;
}
body {
line-height: 1.8;
background: #00505c;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 400;
color: #333;
}
.site {
width: 100%;
overflow: hidden;
background: #fff;
}
h1, h2, h3, h4, h5, h6 {
margin: 0 0 20px 0;
}
h1 {
line-height: 1.2;
font-weight: 600;
font-size: 48px;
}
h2 {
line-height: 1.3;
font-weight: 600;
font-size: 36px;
}
h3 {
line-height: 1.4;
font-weight: 600;
font-size: 24px;
}
h4 {
font-weight: 600;
font-size: 20px;
}
h5 {
font-weight: 600;
font-size: 36px;
}
h6 {
font-weight: 600;
font-size: 36px;
}
@media all and ( max-width: 768px ) {
h1 {
font-size: 36px;
}
h2 {
font-size: 24px;
}
h3 {
font-size: 20px;
}
h4 {
font-size: 18px;
}
}
ul {
margin: 0 0 15px 0;
padding: 0 0 0 25px;
}
ul li {
margin: 0 0 5px 0;
}
strong {
font-weight: 600;
}
.small {
font-size: 12px;
}
.embed-container {
position: relative;
overflow: hidden;
width: 100%;
max-width: 100%;
height: 0;
padding-bottom: 56.25%;
}
.embed-container > iframe,
.embed-container > object,
.embed-container > embed,
.embed-container > .map,
.embed-container > div {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
vertical-align: top;
}
.posts-navigation {
margin: 0 0 80px 0;
}
.posts-navigation a {
}
.posts-navigation .previous {
float: left;
}
.posts-navigation .next {
float: right;
} button,
body .gform_wrapper .gform_footer input.button,
body .gform_wrapper .gform_footer input[type=submit] {
border: 0;
border-radius: 0;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 400;
text-shadow: none;
}
.button, .button:visited,
body .gform_wrapper .gform_footer input.button,
body .gform_wrapper .gform_footer input[type=submit] {
position: relative;
display: inline-block;
line-height: 50px;
padding: 0 20px 0 40px;
background: #000;
-moz-box-shadow:	0 2px 0 0 rgba( 0, 0, 0, 0.25 );
-webkit-box-shadow:	0 2px 0 0 rgba( 0, 0, 0, 0.25 );
box-shadow:			0 2px 0 0 rgba( 0, 0, 0, 0.25 );
backface-visibility: hidden;
white-space: nowrap;
font-weight: 600;
font-size: 18px;
color: #fff;
text-decoration: none;
transition: background-color 0.2s;
cursor: pointer;
}
.button.next {
padding: 0 40px 0 20px;
}
body .gform_wrapper .gform_footer input.button,
body .gform_wrapper .gform_footer input[type=submit] {
padding: 0 20px 0 20px;
}
.button:hover {
color: #fff;
}
.button:before {
content: '\f0da';
position: absolute;
top: calc( 50% + 1px );
left: 20px;
display: inline-block;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 20px;
-webkit-transform: translateY( -50% );
-ms-transform: translateY( -50% );
transform: translateY( -50% );
transition: left 0.1s;
}
.button.previous:before {
content: '\f0d9';
left: 23px;
}
.button.next:before {
content: '\f0da';
left: auto;
right: 23px;
transition: right 0.1s;
}
.button:hover:before {
left: 23px;
}
.button.previous:hover:before {
left: 20px;
}
.button.next:hover:before {
left: auto;
right: 20px;
}
.button.large {
line-height: 54px;
padding: 0 22px 0 44px;
font-size: 22px;
}
.button.large:before {
left: 22px;
font-size: 25px;
}
.button.large:hover:before {
left: 25px;
}
.button.mini {
line-height: 26px;
padding: 0 5px;
-moz-box-shadow:	0 1px 0 0 rgba( 0, 0, 0, 0.25 );
-webkit-box-shadow:	0 1px 0 0 rgba( 0, 0, 0, 0.25 );
box-shadow:			0 1px 0 0 rgba( 0, 0, 0, 0.25 );
text-align: center;
font-weight: 400;
font-size: 12px;
color: #fff;
cursor: pointer;
}
.button.mini:before {
display: none;
}
.button.full-width {
display: block;
}
.button.primary {
background: #f7403a;
}
.button.primary:hover {
background: #f72623;
}
.button.secondary {
background: #fdc82f;
color: #000;
}
.button.secondary:hover {
background: #fede37;
color: #000;
}
.button.white {
background: #e5e5e5;
color: #000;
}
.button.white:hover {
background: #fff;
color: #000;
}
.button.peckhams {
background: #009aa6;
}
.button.peckhams:hover {
background: #00b3bf;
}
.button.thunder {
background: #00505c;
}
.button.thunder:hover {
background: #006675;
}
.button.sunrise,
body .gform_wrapper .gform_footer input.button,
body .gform_wrapper .gform_footer input[type=submit] {
background: #fdc82f;
color: #000;
}
.button.sunrise:hover,
body .gform_wrapper .gform_footer input.button:hover,
body .gform_wrapper .gform_footer input[type=submit]:hover {
background: #fede37;
color: #000;
}
.button.kinnikinnick {
background: #a5d867;
color: #000;
}
.button.kinnikinnick:hover {
color: #000;
}
.button.fisher-grey {
background: #00505c;
}
.button.fisher-grey:hover {
}
.button.ember {
background: #f7403a;
}
.button.ember:hover {
background: #f72623;
}
a.help {
position: relative;
cursor: pointer;
}
a.help:before {
content: '\f059';
position: relative;
top: 100%;
display: inline-block;
width: 28px;
line-height: 100%;
max-height: 100%;
text-align: center;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 16px;
color: #009aa6;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
a.help:hover:before {
animation-name: small-icon-bounce;
-moz-animation-name: small-icon-bounce;
}
a.help > span {
display: none;
}
.anchor {
position: relative;
top: -132px;
display: block;
}
.columns {
display: -webkit-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.columns > div {
padding: 0 20px;
}
.columns.two > div {
width: 50%;
}
.columns.three > div {
width: 33.33%;
}
.columns.four > div {
width: 25%;
}
table {
margin: -10px 0 20px 0;
word-break: normal;
}
tr {
border-bottom: 1px solid #b2b4b3;
}
tfoot tr {
border-bottom: 0;
}
th, td {
padding: 10px 5px;
}
table .justify-left {
text-align: left;
}
table .justify-right {
text-align: right;
}
table .justify-center {
text-align: center;
}
.fee-table table {
}
.fee-table tr.total {
}
.fee-table tr.total td {
font-weight: 600;
}
.pagination {
}
.pagination .nav-links {
display: -webkit-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
margin: 0 0 78px 0;
padding: 0;
list-style: none;
}
.pagination a,
.pagination span {
display: block;
line-height: 30px;
width: 30px;
margin: 0 2px 4px 2px;
background-color: #009aa6;
font-weight: 600;
font-size: 16px;
color: #fff;
text-align: center;
}
.pagination a {
text-decoration: none;
}
.pagination a:hover {
background-color: #00b3bf;
}
.pagination span {
background-color: #00b3bf;
font-weight: 400;
} input[type="text"],
input[type="email"] {
border-radius: 0;
}
.sidebar input[type="text"],
.sidebar input[type="email"] {
width: 100%;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
min-height: 39px;
padding: 3px;
border: 1px solid #ccc;
border-radius: 0;
color: #000;
} .notifications {
position: relative;
z-index: 9999;
}
.notifications .notification {
position: relative;
padding: 11px 20px;
border-bottom: 1px solid #fff;
}
.notifications .importance-low {
background-color: #a5d867;
}
.notifications .importance-medium {
background-color: #fdc82f;
}
.notifications .importance-high {
background-color: #f7403a;
font-weight: 600;
color: #fff;
}
.notifications .dismissed {
display: none;
}
.notifications i {
position: absolute;
top: 15px;
left: 20px;
font-size: 125%;
}
.notifications p {
margin: 0;
padding: 0 0 0 40px;
}
.notifications .dismiss {
text-decoration: underline;
cursor: pointer;
}
@media all and ( max-width: 768px ) {
.notifications .notification {
padding: 6px 10px;
font-size: 13px;
}
.notifications i {
top: 10px;
left: 10px;
}
.notifications p {
padding: 0 0 0 25px;
}
} .site-header {
position: relative;
}
.site-branding {
}
.site-title, .site-title a {
width: 260px;
height: 77px;
}
.site-title {
display: block;
margin: 26px;
}
.site-title a {
overflow: hidden;
display: block;
background-image: url(//portal.cotr.bc.ca/wp-content/themes/cotr/images/college-of-the-rockies-logo-primary-260x77.png);
background-repeat: no-repeat;
text-indent: 200%;
white-space: nowrap;
}
@media all and ( max-width: 1024px ) {
.site-header {
border-bottom: 2px solid #009aa6;
}
.site-title {
display: block;
margin: 20px auto;
}
}
@media all and ( max-width: 480px ) {
.site-title, .site-title a {
width: 200px;
height: 59px;
}
.site-title a {
background-size: contain;
}
}
@media all and ( max-width: 400px ) {
.site-title, .site-title a {
width: 160px;
height: 47px;
}
} .site-header .navigation {
}
.site-header .navigation-toggle {
display: none;
}
.site-header .navigation > div {
}
@media all and ( max-width: 1024px ) {
.site-header .navigation {
position: fixed;
top: 0;
left: 0;
z-index: 980;
width: 100%;
height: 0;
}
.site-header .navigation-toggle {
position: absolute;
top: 20px;
left: 20px;
z-index: 982;
overflow: hidden;
display: block;
width: 48px;
height: 48px;
line-height: 1;
margin: 0;
padding: 0;
border: 0;
outline: 0;
border-radius: 0;
background-color: #00505c;
box-shadow: none !important;
font-size: 0;
text-indent: 200%;
white-space: nowrap;
text-shadow: none;
cursor: pointer;
}
.site-header .navigation-toggle:hover {
box-shadow: none;
font-size: 0;
}
.site-header .navigation-toggle:before,
.site-header .navigation-toggle:after {
content: '';
position: absolute;
left: 9px;
display: block;
width: 30px;
height: 4px;
background-color: #fff;
transition: 0.25s;
}
.site-header .navigation-toggle:before {
top: 13px;
}
.site-header .active .navigation-toggle:before {
top: 22px;
-webkit-transform: rotate( -45deg );
-ms-transform: rotate( -45deg );
transform: rotate( -45deg );
}
.site-header .navigation-toggle span {
position: absolute;
top: 23px;
left: 9px;
display: block;
width: 30px;
height: 4px;
background-color: #fff;
transition: 0.25s;
}
.site-header .active .navigation-toggle span {
opacity: 0;
}
.site-header .navigation-toggle:after {
bottom: 11px;
}
.site-header .active .navigation-toggle:after {
bottom: 22px;
-webkit-transform: rotate( 45deg );
-ms-transform: rotate( 45deg );
transform: rotate( 45deg );
}
.site-header .navigation > div {
position: absolute;
top: 0;
bottom: 0;
left: -100%;
z-index: 981;
overflow-y: scroll;
min-width: 50%;
max-width: 90%;
height: 100vh;
padding: 88px 0 0 0;
background: rgba( 0, 154, 166, 0.95 );
-webkit-box-shadow:	0px 0px 10px 0px rgba( 0, 0, 0, 0.75 );
-moz-box-shadow:	0px 0px 10px 0px rgba( 0, 0, 0, 0.75 );
box-shadow:			0px 0px 10px 0px rgba( 0, 0, 0, 0.75 );
transition: left 0.25s;
}
.site-header .navigation.active > div {
left: 0;
}
} .top-navigation {
position: absolute;
top: 0;
right: 0;
margin: 41px 26px 41px 0;
}
.top-navigation ul {
margin: 0;
padding: 0;
list-style: none;
}
.top-navigation ul li {
display: inline-block;
margin: 0;
}
.top-navigation ul li + li {
margin-left: 10px;
}
.top-navigation ul li a {
display: block;
line-height: 47px;
padding: 0 15px;
font-weight: 600;
font-size: 18px;
text-decoration: none;
color: #58595b;
transition: background-color 0.5s, color 0.5s;
}
.top-navigation ul li a:hover {
background-color: #009aa6;
color: #fff;
transition: background-color 0.2s, color 0.2s;
}
@media all and ( max-width: 1024px ) {
.top-navigation {
position: static;
top: auto;
right: auto;
margin: 0;
padding: 10px 0;
background-color: #fdc82f;
}
.top-navigation ul {
}
.top-navigation ul li {
display: block;
}
.top-navigation ul li + li {
margin-left: 0;
}
.top-navigation ul li a {
display: block;
line-height: 38px;
padding: 0 20px;
color: #000;
transition: none;
}
.top-navigation ul li a:hover {
background-color: transparent;
color: #000;
transition: none;
}
}  .main-navigation {
top: 0;
left: 0;
z-index: 990;
width: 100%;
padding: 0 26px;
background: #00505c;
}
.sticky-nav .main-navigation {
position: fixed;
}
.main-navigation > ul {
position: relative;
margin: 0;
padding: 0;
list-style: none;
font-size: 0;
}
.main-navigation > ul > li {
position: relative;
display: inline-block;
margin: 0;
}
.main-navigation > ul > li:nth-child(2) {
transition: margin-left 0.5s;
}
.sticky-nav .main-navigation > ul > li:nth-child(2) {
margin-left: 91px;
}
.main-navigation > ul > li.logo {
position: absolute;
top: 0;
left: -131px;
transition: left 0.5s;
}
.sticky-nav .main-navigation > ul > li.logo {
left: 0;
}
.main-navigation > ul > li.mega-menu {
position: static;
}
.main-navigation > ul > li > a {
display: block;
height: 50px;
line-height: 50px;
padding: 0 15px;
vertical-align: top;
font-weight: 600;
font-size: 18px;
text-decoration: none;
color: #fff;
transition: background-color 0.5s, color 0.5s;
}
.main-navigation > ul > li:hover > a {
background-color: #009aa6;
transition: background-color 0.2s, color 0.2s;
}
.main-navigation > ul > li.logo > a {
font-size: 0;
}
.main-navigation > ul > li.menu-item-has-children > a:after {
content: '\f0d7';
display: inline-block;
margin-left: 8px;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 14px;
}
.main-navigation > ul > li.logo > a:after {
content: '';
display: inline-block;
width: 61px;
height: 52px;
margin-left: 0;
padding: 10px 0;
background-image: url(//portal.cotr.bc.ca/wp-content/themes/cotr/images/college-of-the-rockies-icon-61x32.png);
background-position: center;
background-repeat: no-repeat;
vertical-align: top;
}
.main-navigation > ul > li > a .sub-menu-toggle {
display: none;
}
.main-navigation > ul > li.menu-item-search {
float: right;
}
.main-navigation > ul > li.menu-item-search > span {
display: block;
height: 50px;
line-height: 50px;
padding: 0 15px;
vertical-align: top;
font-weight: 600;
font-size: 0;
text-decoration: none;
color: #fff;
cursor: pointer;
transition: background-color 0.5s, color 0.5s;
}
.main-navigation > ul > li.menu-item-search > span:after {
content: '\f002';
display: inline-block;
margin-left: 0;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 18px;
}
@media all and ( max-width: 1024px ) {
.main-navigation {
position: static;
top: auto;
left: auto;
width: auto;
padding: 0;
background: transparent;
}
.main-navigation > ul {
position: static;
margin: 0;
padding: 0;
list-style: none;
font-size: 0;
}
.main-navigation > ul > li {
position: relative;
display: block;
padding: 10px 54px 10px 0;
border-bottom: 1px solid #fdc82f;
}
.main-navigation > ul > li:nth-child(2) {
transition: none;
}
.sticky-nav .main-navigation > ul > li:nth-child(2) {
margin-left: 0;
}
.main-navigation > ul > li.logo {
display: none;
font-size: 0;
}
.main-navigation > ul > li.mega-menu {
position: relative;
}
.main-navigation > ul > li > a {
display: block;
height: auto;
line-height: 34px;
padding: 0 20px;
color: #fff;
transition: none;
}
.main-navigation > ul > li:hover > a {
background-color: transparent;
transition: none;
}
.main-navigation > ul > li > a:after {
display: none;
}
.main-navigation > ul > li.menu-item-has-children > a:after {
display: none;
}
.main-navigation > ul > li.logo > a:after {
content: '';
width: 61px;
height: 52px;
margin-left: 0;
padding: 10px 0;
background-image: url(//portal.cotr.bc.ca/wp-content/themes/cotr/images/college-of-the-rockies-icon-61x32.png);
background-position: center;
background-repeat: no-repeat;
vertical-align: top;
}
.main-navigation > ul > li > .sub-menu-toggle {
position: absolute;
top: 10px;
right: 20px;
overflow: hidden;
display: block;
width: 34px;
height: 34px;
cursor: pointer;
}
.main-navigation > ul > li > .sub-menu-toggle:after {
content: '\f0d7';
position: relative;
top: -15px;
display: block;
text-align: center;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 36px;
color: #fff;
}
.main-navigation > ul > li.active > .sub-menu-toggle:after {
content: '\f0d9';
}
.main-navigation > ul > li.menu-item-search {
position: absolute;
top: 20px;
right: 20px;
float: none;
padding: 0;
border: 0;
}
.main-navigation > ul > li.menu-item-search > span {
float: right;
width: 48px;
height: 48px;
padding: 0;
background: #00505c;
text-align: center;
}
.main-navigation > ul > li.menu-item-search > span:after {
content: '\f002';
margin: -1px 0 0 2px;
font-size: 24px;
}
} .main-navigation > ul > li > div {
position: absolute;
top: 100%;
left: 0;
z-index: 990;
min-width: 180px;
border: 1px solid #e2e2e2;
border-top: 0;
background-color: #fff;
visibility: hidden;
opacity: 0;
filter: alpha( opacity = 0 );
transition: 0.1s ease;
}
.main-navigation > ul > li.mega-menu > div {
left: 0;
min-width: 0;
}
.main-navigation > ul > li.mega-menu.mega-menu-two > div {
width: 50%;
}
.main-navigation > ul > li.mega-menu.mega-menu-four > div {
width: 100%;
}
.main-navigation > ul > li:hover > div {
visibility: visible;
opacity: 1;
filter: alpha( opacity = 100 );
transition: 0.2s ease;
}
.main-navigation > ul > li > div:after {
content: '';
position: absolute;
top: 5px;
right: 0;
bottom: 0;
left: 0;
z-index: 991;
display: block;
-webkit-box-shadow: 0px 0px 10px 0px rgba( 0, 0, 0, 0.5 );
-moz-box-shadow: 0px 0px 10px 0px rgba( 0, 0, 0, 0.5 );
box-shadow: 0px 0px 10px 0px rgba( 0, 0, 0, 0.5 );
}
.main-navigation > ul > li > div > ul,
.main-navigation > ul > li > div > div {
position: relative;
z-index: 992;
margin: 0;
padding: 0;
list-style: none;
background-color: #fff;
}
.main-navigation > ul > li.mega-menu > div > ul {
display: -webkit-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.main-navigation > ul > li > div > ul > li {
position: relative;
z-index: 993;
display: block;
margin: 0;
vertical-align: top;
}
.main-navigation > ul > li.mega-menu > div > ul > li {
background: #fff;
}
.main-navigation > ul > li.mega-menu.mega-menu-two > div > ul > li {
width: 50%;
}
.main-navigation > ul > li.mega-menu.mega-menu-three > div > ul > li {
width: 33.33%;
}
.main-navigation > ul > li.mega-menu.mega-menu-four > div > ul > li {
width: 25%;
}
.main-navigation > ul > li.mega-menu.mega-menu-five > div > ul > li {
width: 20%;
}
.main-navigation > ul > li > div > ul > li > a {
position: relative;
z-index: 994;
display: block;
line-height: 40px;
padding: 0 15px;
font-size: 16px;
white-space: nowrap;
text-decoration: none;
color: #000;
}
.main-navigation > ul > li > div > ul > li > a:hover {
margin-top: -1px;
padding-top: 1px;
background-color: #a7e1e3;
}
.main-navigation > ul > li.mega-menu > div > ul > li > a:hover,
.main-navigation > ul > li > div > ul > li:first-child > a:hover {
margin-top: 0;
padding-top: 0;
}
.main-navigation > ul > li > div > ul > li > a:after {
content: '';
position: absolute;
bottom: 0;
right: 15px;
left: 15px;
z-index: 993;
display: block;
border-bottom: 1px solid #58595b;
}
.main-navigation > ul > li > div > ul > li:last-child > a:after {
display: none;
}
.main-navigation > ul > li.mega-menu > div > ul > li:last-child > a:after {
display: block;
}
.main-navigation > ul > li > div > ul > li > a:hover:after,
.main-navigation > ul > li.mega-menu > div > ul > li:last-child > a:hover:after {
display: none;
}
.main-navigation > ul > li.menu-item-search > div {
left: auto;
right: 0;
min-width: 300px;
white-space: nowrap;
}
@media all and ( max-width: 1024px ) {
.main-navigation > ul > li > div {
position: static;
top: auto;
left: auto;
z-index: auto;
overflow: hidden;
height: 0;
border: 0;
background-color: transparent;
visibility: visible;
opacity: 1;
filter: none;
transition: none;
}
.main-navigation > ul > li.active > div {
height: auto;
}
.main-navigation > ul > li.mega-menu > div {
left: auto;
min-width: 100%;
}
.main-navigation > ul > li.mega-menu.mega-menu-two > div,
.main-navigation > ul > li.mega-menu.mega-menu-three > div,
.main-navigation > ul > li.mega-menu.mega-menu-four > div,
.main-navigation > ul > li.mega-menu.mega-menu-five > div {
width: auto;
}
.main-navigation > ul > li:hover > div {
visibility: visible;
opacity: 1;
filter: none;
transition: none;
}
.main-navigation > ul > li > div:after {
display: none;
}
.main-navigation > ul > li > div > ul,
.main-navigation > ul > li > div > div {
position: static;
z-index: auto;
background-color: transparent;
}
.main-navigation > ul > li.mega-menu > div > ul {
display: block;
}
.main-navigation > ul > li > div > ul > li {
position: static;
z-index: auto;
}
.main-navigation > ul > li.mega-menu > div > ul > li {
background: transparent;
}
.main-navigation > ul > li.mega-menu.mega-menu-two > div > ul > li,
.main-navigation > ul > li.mega-menu.mega-menu-three > div > ul > li,
.main-navigation > ul > li.mega-menu.mega-menu-four > div > ul > li,
.main-navigation > ul > li.mega-menu.mega-menu-five > div > ul > li {
width: auto;
}
.main-navigation > ul > li > div > ul > li > a {
position: static;
z-index: auto;
line-height: 34px;
padding: 0 20px 0 30px;
font-size: 16px;
color: #fff;
}
.main-navigation > ul > li > div > ul > li > a:hover {
margin-top: 0;
padding-top: 0;
background: transparent;
}
.main-navigation > ul > li.mega-menu > div > ul > li > a:hover,
.main-navigation > ul > li > div > ul > li:first-child > a:hover {
margin-top: 0;
padding-top: 0;
}
.main-navigation > ul > li > div > ul > li > a:after {
display: none;
}
.main-navigation > ul > li > div > ul > li:last-child > a:after {
display: none;
}
.main-navigation > ul > li.mega-menu > div > ul > li:last-child > a:after {
display: none;
}
.main-navigation > ul > li > div > ul > li > a:hover:after,
.main-navigation > ul > li.mega-menu > div > ul > li:last-child > a:hover:after {
display: none;
}
.main-navigation > ul > li.menu-item-search > div {
position: absolute;
top: 48px;
left: auto;
right: 0;
display: none;
background: #00505c;
}
.main-navigation > ul > li.menu-item-search.active > div {
display: block;
}
} .main-navigation ul ul ul {
position: relative;
z-index: 995;
margin: 0;
padding: 0;
list-style: none;
}
.main-navigation ul ul ul > li {
position: relative;
z-index: 996;
display: block;
margin: 0;
}
.main-navigation ul ul ul > li > a {
position: relative;
z-index: 997;
display: block;
line-height: 38px;
padding: 0 15px;
font-size: 14px;
white-space: nowrap;
text-decoration: none;
color: #000;
}
.main-navigation ul ul ul > li:hover > a {
margin-top: -1px;
padding-top: 1px;
background-color: #a7e1e3;
}
.main-navigation ul ul ul > li > a:after {
content: '';
position: absolute;
bottom: 0;
right: 15px;
left: 15px;
z-index: 996;
display: block;
border-bottom: 1px dashed #b2b4b3;
}
.main-navigation ul ul ul > li:last-child > a:after {
display: none;
}
.main-navigation ul ul ul > li > a:hover:after {
display: none;
}
@media all and ( max-width: 1024px ) {
.main-navigation ul ul ul {
position: static;
z-index: auto;
}
.main-navigation ul ul ul > li {
position: static;
z-index: auto;
}
.main-navigation ul ul ul > li > a {
position: static;
z-index: auto;
line-height: 34px;
padding: 0 20px 0 40px;
font-size: 14px;
font-style: italic;
color: #fff;
}
.main-navigation ul ul ul > li:hover > a {
margin-top: 0;
padding-top: 0;
background: transparent;
}
.main-navigation ul ul ul > li > a:after {
display: none;
}
.main-navigation ul ul ul > li:last-child > a:after {
display: none;
}
.main-navigation ul ul ul > li > a:hover:after {
display: none;
}
}  .secondary-navigation {
top: 0;
left: 0;
z-index: 990;
width: 100%;
padding: 0 26px;
background: #6180b5;
}
.sticky-nav .secondary-navigation {
position: fixed;
}
.secondary-navigation > ul {
position: relative;
margin: 0;
padding: 0;
list-style: none;
font-size: 0;
}
.secondary-navigation > ul > li {
position: relative;
display: inline-block;
margin: 0;
}
.secondary-navigation > ul > li:nth-child(2) {
transition: margin-left 0.5s;
}
.secondary-navigation > ul > li.mega-menu {
position: static;
}
.secondary-navigation > ul > li > a {
display: block;
height: 50px;
line-height: 50px;
padding: 0 15px;
vertical-align: top;
font-weight: 600;
font-size: 18px;
text-decoration: none;
color: #fff;
transition: background-color 0.5s, color 0.5s;
}
.secondary-navigation > ul > li:hover > a {
background-color: #90a6cb;
transition: background-color 0.2s, color 0.2s;
}
.secondary-navigation > ul > li.menu-item-has-children > a:after {
content: '\f0d7';
display: inline-block;
margin-left: 8px;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 14px;
}
.secondary-navigation > ul > li > a .sub-menu-toggle {
display: none;
}
@media all and ( max-width: 1024px ) {
.secondary-navigation {
position: static;
top: auto;
left: auto;
width: auto;
padding: 0;
background: transparent;
}
.secondary-navigation > ul {
position: static;
margin: 0;
padding: 0;
list-style: none;
font-size: 0;
}
.secondary-navigation > ul > li {
position: relative;
display: block;
padding: 10px 54px 10px 0;
border-bottom: 1px solid #fdc82f;
}
.secondary-navigation > ul > li:nth-child(2) {
transition: none;
}
.sticky-nav .secondary-navigation > ul > li:nth-child(2) {
margin-left: 0;
}
.secondary-navigation > ul > li.mega-menu {
position: relative;
}
.secondary-navigation > ul > li > a {
display: block;
height: auto;
line-height: 34px;
padding: 0 20px;
color: #fff;
transition: none;
}
.secondary-navigation > ul > li:hover > a {
background-color: transparent;
transition: none;
}
.secondary-navigation > ul > li > a:after {
display: none;
}
.secondary-navigation > ul > li > .sub-menu-toggle {
position: absolute;
top: 10px;
right: 20px;
overflow: hidden;
display: block;
width: 34px;
height: 34px;
cursor: pointer;
}
.secondary-navigation > ul > li > .sub-menu-toggle:after {
content: '\f0d7';
position: relative;
top: -15px;
display: block;
text-align: center;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 36px;
color: #fff;
}
.secondary-navigation > ul > li.active > .sub-menu-toggle:after {
content: '\f0d9';
}
} .secondary-navigation > ul > li > div {
position: absolute;
top: 100%;
left: 0;
z-index: 990;
min-width: 180px;
border: 1px solid #e2e2e2;
border-top: 0;
background-color: #fff;
visibility: hidden;
opacity: 0;
filter: alpha( opacity = 0 );
transition: 0.1s ease;
}
.secondary-navigation > ul > li.mega-menu > div {
left: 0;
min-width: 0;
}
.secondary-navigation > ul > li.mega-menu.mega-menu-two > div {
width: 50%;
}
.secondary-navigation > ul > li.mega-menu.mega-menu-four > div {
width: 100%;
}
.secondary-navigation > ul > li:hover > div {
visibility: visible;
opacity: 1;
filter: alpha( opacity = 100 );
transition: 0.2s ease;
}
.secondary-navigation > ul > li > div:after {
content: '';
position: absolute;
top: 5px;
right: 0;
bottom: 0;
left: 0;
z-index: 991;
display: block;
-webkit-box-shadow: 0px 0px 10px 0px rgba( 0, 0, 0, 0.5 );
-moz-box-shadow: 0px 0px 10px 0px rgba( 0, 0, 0, 0.5 );
box-shadow: 0px 0px 10px 0px rgba( 0, 0, 0, 0.5 );
}
.secondary-navigation > ul > li > div > ul,
.secondary-navigation > ul > li > div > div {
position: relative;
z-index: 992;
margin: 0;
padding: 0;
list-style: none;
background-color: #fff;
}
.secondary-navigation > ul > li.mega-menu > div > ul {
display: -webkit-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.secondary-navigation > ul > li > div > ul > li {
position: relative;
z-index: 993;
display: block;
margin: 0;
vertical-align: top;
}
.secondary-navigation > ul > li.mega-menu > div > ul > li {
background: #fff;
}
.secondary-navigation > ul > li > div > ul > li > a {
position: relative;
z-index: 994;
display: block;
line-height: 40px;
padding: 0 15px;
font-size: 16px;
white-space: nowrap;
text-decoration: none;
color: #000;
}
.secondary-navigation > ul > li > div > ul > li > a:hover {
margin-top: -1px;
padding-top: 1px;
background: #dfe6f0;
}
.secondary-navigation > ul > li.mega-menu > div > ul > li > a:hover,
.secondary-navigation > ul > li > div > ul > li:first-child > a:hover {
margin-top: 0;
padding-top: 0;
}
.secondary-navigation > ul > li > div > ul > li > a:after {
content: '';
position: absolute;
bottom: 0;
right: 15px;
left: 15px;
z-index: 993;
display: block;
border-bottom: 1px solid #58595b;
}
.secondary-navigation > ul > li > div > ul > li:last-child > a:after {
display: none;
}
.secondary-navigation > ul > li.mega-menu > div > ul > li:last-child > a:after {
display: block;
}
.secondary-navigation > ul > li > div > ul > li > a:hover:after,
.secondary-navigation > ul > li.mega-menu > div > ul > li:last-child > a:hover:after {
display: none;
}
.secondary-navigation > ul > li.menu-item-search > div {
left: auto;
right: 0;
min-width: 300px;
white-space: nowrap;
}
.secondary-navigation > ul > li.menu-item-cart > div {
right: 0;
left: auto;
min-width: 280px;
}
@media all and ( max-width: 1024px ) {
.secondary-navigation > ul > li > div {
position: static;
top: auto;
left: auto;
z-index: auto;
overflow: hidden;
height: 0;
border: 0;
background-color: transparent;
visibility: visible;
opacity: 1;
filter: none;
transition: none;
}
.secondary-navigation > ul > li.active > div {
height: auto;
}
.secondary-navigation > ul > li.mega-menu > div {
left: auto;
min-width: 100%;
}
.secondary-navigation > ul > li.mega-menu.mega-menu-two > div,
.secondary-navigation > ul > li.mega-menu.mega-menu-three > div,
.secondary-navigation > ul > li.mega-menu.mega-menu-four > div,
.secondary-navigation > ul > li.mega-menu.mega-menu-five > div {
width: auto;
}
.secondary-navigation > ul > li:hover > div {
visibility: visible;
opacity: 1;
filter: none;
transition: none;
}
.secondary-navigation > ul > li > div:after {
display: none;
}
.secondary-navigation > ul > li > div > ul,
.secondary-navigation > ul > li > div > div {
position: static;
z-index: auto;
background-color: transparent;
}
.secondary-navigation > ul > li.mega-menu > div > ul {
display: block;
}
.secondary-navigation > ul > li > div > ul > li {
position: static;
z-index: auto;
}
.secondary-navigation > ul > li.mega-menu > div > ul > li {
background: transparent;
}
.secondary-navigation > ul > li.mega-menu.mega-menu-two > div > ul > li,
.secondary-navigation > ul > li.mega-menu.mega-menu-three > div > ul > li,
.secondary-navigation > ul > li.mega-menu.mega-menu-four > div > ul > li,
.secondary-navigation > ul > li.mega-menu.mega-menu-five > div > ul > li {
width: auto;
}
.secondary-navigation > ul > li > div > ul > li > a {
position: static;
z-index: auto;
line-height: 34px;
padding: 0 20px 0 30px;
font-size: 16px;
color: #fff;
}
.secondary-navigation > ul > li > div > ul > li > a:hover {
margin-top: 0;
padding-top: 0;
background: transparent;
}
.secondary-navigation > ul > li.mega-menu > div > ul > li > a:hover,
.secondary-navigation > ul > li > div > ul > li:first-child > a:hover {
margin-top: 0;
padding-top: 0;
}
.secondary-navigation > ul > li > div > ul > li > a:after {
display: none;
}
.secondary-navigation > ul > li > div > ul > li:last-child > a:after {
display: none;
}
.secondary-navigation > ul > li.mega-menu > div > ul > li:last-child > a:after {
display: none;
}
.secondary-navigation > ul > li > div > ul > li > a:hover:after,
.secondary-navigation > ul > li.mega-menu > div > ul > li:last-child > a:hover:after {
display: none;
}
.secondary-navigation > ul > li.menu-item- > div {
position: absolute;
top: 48px;
left: auto;
right: 0;
display: none;
background: #00505c;
}
.secondary-navigation > ul > li.menu-item-.active > div {
display: block;
}
} .search-form {
position: relative;
margin: 0 0 20px 0;
font-size: 14px;
}
.main-navigation .search-form {
position: relative;
margin: 0;
padding: 20px;
background-color: #fff;
}
.search-form form {
}
.search-form input,
.search-form #tipue_search_input {
float: none;
position: relative;
top: -1px;
width: 100%;
height: auto;
line-height: 1;
margin: 0;
padding: 14px 60px 15px 10px;
border: 1px solid #ccc;
border-right: 0;
border-radius: 0;
background-color: #fff;
vertical-align: top;
font-family: inherit;
font-size: inherit;
color: #000;
}
.search-form button {
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 50px;
margin: -1px 0 0 -5px;
padding: 0;
border: 0;
box-shadow: none;
vertical-align: top;
}
.main-navigation .search-form button {
top: 20px;
right: 20px;
}
.search-form .button:before {
left: 23px;
}
.search-form button span {
display: none;
}
#tipue_search_results_count {
padding-top: 9px !important;
font: inherit !important;
text-transform: none !important;
color: #000 !important;
}
.tipue_search_result {
padding-top: 20px !important;
}
.tipue_search_content_title {
line-height: 1.4;
font: inherit !important;
color: #000 !important;
font-weight: 600 !important;
font-size: 24px !important;
}
.tipue_search_content_title a {
color: #00505c !important;
}
.tipue_search_content_url,
.tipue_search_note,
.tipue_search_related,
#tipue_search_error,
#tipue_search_replace {
padding-top: 0 !important;
font: inherit !important;
color: #000 !important;
}
.tipue_search_content_url a,
.tipue_search_note a,
.tipue_search_related a,
#tipue_search_replace a,
#tipue_search_replace a:hover {
color: #009aa6 !important;
}
.tipue_search_content_text {
font: inherit !important;
color: #000 !important;
margin-top: 0 !important;
}
.tipue_search_content_bold {
font-weight: 600 !important;
}
#tipue_search_foot {
margin: 60px 0 20px 0;
}
#tipue_search_foot_boxes {
display: -webkit-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
margin: 0 0 78px 0 !important;
list-style: none;
font: inherit !important;
text-transform: none !important;
color: #000 !important;
cursor: pointer;
}
#tipue_search_foot_boxes li {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}
#tipue_search_foot_boxes li a,
#tipue_search_foot_boxes li.current {
display: block;
line-height: 30px;
width: 30px;
margin: 0 2px 4px 2px !important;
padding: 0 !important;
border-radius: 0 !important;
background-color: #009aa6 !important;
font-weight: 600;
font-size: 16px;
color: #fff !important;
text-align: center;
transition: none !important;
text-decoration: none !important;
}
#tipue_search_foot_boxes li a:hover {
background-color: #00b3bf !important;
}
#tipue_search_foot_boxes li.current {
background: #00b3bf !important;
font-weight: 400;
} .entry-header {
margin: 0 0 80px 0;
}
.page .has-post-thumbnail .entry-header {
position: relative;
height: calc( 80vh - 179px );
margin: -80px 0 80px 0;
}
.product.has-post-thumbnail .entry-header {
position: static;
height: auto;
margin: 0 0 80px 0;
}
.entry-header .hero-image {
position: absolute;
top: 0;
left: 50%;
transform: translateX( -50% );
width: 100vw;
height: 100%;
background-color: #A7E1E3;
}
.entry-header .hero-image img {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
object-fit: cover;
}
.entry-header .overlay {
position: absolute;
bottom: 80px;
right: 0;
left: 0;
}
.entry-header .overlay > div {
position: relative;
max-width: 1180px;
margin: 0 auto;
}
.entry-header .content {
position: relative;
width: 50%;
padding: 40px 40px 20px 40px;
}
.entry-header .content:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 10;
display: block;
width: 100vw;
background-color: rgba( 255, 255, 255, 0.8 );
}
.entry-header .content h1,
.entry-header .content p {
position: relative;
z-index: 11;
}
.entry-header .content h1 {
margin: 0 0 30px 0;
color: #00505c;
}
.entry-header .content h1 span {
font-weight: 400;
}
.enticer {
position: absolute;
right: 0;
bottom: 0;
width: 50%;
padding: 0 40px;
text-align: right;
}
.enticer a {
position: relative;
overflow: hidden;
display: inline-block;
width: 60px;
height: 60px;
line-height: 1;
padding: 10px;
outline: 0;
color: #fff;
text-decoration: none;
vertical-align: top;
-moz-animation: bounce 2s infinite;
-webkit-animation: bounce 2s infinite;
animation: bounce 2s infinite;
}
.enticer a:hover {
-webkit-animation-play-state: paused;
-moz-animation-play-state: paused;
-o-animation-play-state: paused;
animation-play-state: paused;
}
.enticer a:after {
content: '\f078';
position: absolute;
top: 50%;
left: 50%;
transform: translateX( -50% ) translateY( -50% );
display: block;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 60px;
text-shadow: 0px 3px 0 rgba( 0, 0, 0, 0.25 );
}
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-moz-transform: translateY( 50% );
transform: translateY( 0 );
}
40% {
-moz-transform: translateY( -20px );
transform: translateY( -20px );
}
60% {
-moz-transform: translateY( -10px );
transform: translateY( -10px );
}
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY( 0 );
transform: translateY( 0 );
}
40% {
-webkit-transform: translateY( -20px );
transform: translateY( -20px );
}
60% {
-webkit-transform: translateY( -10px );
transform: translateY( -10px );
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-moz-transform: translateY( 0 );
-ms-transform: translateY( 0 );
-webkit-transform: translateY( 0 );
transform: translateY( 0 );
}
40% {
-moz-transform: translateY( -20px );
-ms-transform: translateY( -20px );
-webkit-transform: translateY( -20px );
transform: translateY( -20px );
}
60% {
-moz-transform: translateY( -10px );
-ms-transform: translateY( -10px );
-webkit-transform: translateY( -10px );
transform: translateY( -10px );
}
} .breadcrumbs {
margin: 0 auto;
padding: 0 30px;
background: #818281;
}
.home .breadcrumbs {
display: none;
}
.breadcrumbs > span {
font-size: 12px;
color: #fff;
}
.breadcrumbs > span > span {
margin: 0;
padding: 0;
//vertical-align: top;
}
.breadcrumbs a {
line-height: 32px;
margin: 0 10px;
font-weight: 400;
font-size: 12px;
color: #fff;
text-decoration: none;
}
.breadcrumbs a:hover {
text-decoration: underline;
}
.breadcrumbs .breadcrumb_last {
margin: 0 10px;
}
@media all and ( max-width: 1024px ) {
.breadcrumbs {
display: none;
}
}  .statistics {
position: relative;
display: -webkit-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 1180px;
margin: 0 -40px 80px -40px;
padding: 80px 20px 40px 20px;
}
.statistics:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 50%;
z-index: 10;
display: block;
width: 100vw;
background-color: rgba( 0, 80, 92, 0.6 );
background-blend-mode: multiply;
// background-image: url(<t4 type="media" formatter="path .recent-content {
max-width: 1180px;
padding: 0 20px;
}
.recent-content > div {
display: -webkit-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: stretch;
align-items: stretch;
max-width: 1180px;
margin: 0 -40px 40px -40px;
}
.recent-alumni-profile,
.recent-news-article,
.recent-news-list {
position: relative;
width: 33.33%;
margin: 0 0 40px 0;
padding: 0 0 50px 0;
}
.recent-alumni-profile .button,
.recent-news-article .button,
.recent-news-list .button {
position: absolute;
bottom: 0;
left: 20px;
width: calc( 100% - 40px);
}
@media all and ( min-width: 1025px ) {
.recent-news-article {
padding: 0;
}
.recent-news-article .button {
display: none;
}
}
@media all and ( max-width: 1024px ) {
.recent-content {
max-width: 640px;
margin: 0 auto;
}
.recent-content .recent-alumni-profile,
.recent-content .recent-news-article {
width: 50%;
}
.recent-news-list {
display: none;
}
}
@media all and ( max-width: 768px ) {
.recent-content {
max-width: 320px;
}
.recent-content .recent-alumni-profile,
.recent-content .recent-news-article,
.recent-news-list {
width: 100%;
}
}
.recent-alumni-profile {
padding: 0 0 50px 0;
}
.recent-alumni-profile h3 {
width: 100%;
margin: 0 0 10px 0;
padding: 0 20px;
}
.recent-alumni-profile .profile-item {
padding: 0 20px;
}
.recent-alumni-profile .profile-item > a {
position: relative;
display: block;
text-decoration: none;
color: #000;
}
.recent-alumni-profile .profile-item .image {
position: relative;
overflow: hidden;
width: 100%;
margin: 0 0 10px 0;
padding-top: 56.25%;
}
.recent-alumni-profile .profile-item .image img {
position: absolute;
top: 60%;
backface-visibility: hidden;
min-width: 100%;
vertical-align: top;
-webkit-transform: translateY( -50% ) scale( 1 );
-ms-transform: translateY( -50% ) scale( 1 );
transform: translateY( -50% ) scale( 1 );
transition: 0.15s ease-in-out;
}
.recent-alumni-profile .profile-item > a:hover .image img {
-webkit-transform: translateY( -50% ) scale( 1.05 ) rotate( 1deg );
-ms-transform: translateY( -50% ) scale( 1.05 ) rotate( 1deg );
transform: translateY( -50% ) scale( 1.05 ) rotate( 1deg );
}
.recent-alumni-profile .profile-item .date {
margin: 0 0 10px 0;
font-size: 12px;
color: #58595b;
font-style: italic;
}
.recent-alumni-profile .profile-item h4 {
line-height: 1.3;
margin: 0 0 10px 0;
}
.recent-alumni-profile .profile-item p {
margin: 0 0 10px 0;
font-size: 14px;
}
.recent-alumni-profile .profile-item p:last-child {
margin: 0 0 20px 0;
}
.recent-alumni-profile .profile-item .continue {
color: #009aa6;
text-decoration: underline;
}
.recent-alumni-profile .profile-item .continue:hover {
text-decoration: none;
}
.recent-news-article {
}
.recent-news-article h3 {
width: 100%;
margin: 0 0 10px 0;
padding: 0 20px;
}
.recent-news-article .news-item {
padding: 0 20px;
}
.recent-news-article .news-item > a {
position: relative;
display: block;
text-decoration: none;
color: #000;
}
.recent-news-article .news-item .image {
position: relative;
overflow: hidden;
width: 100%;
margin: 0 0 10px 0;
padding-top: 56.25%;
}
.recent-news-article .news-item .image img {
position: absolute;
top: 50%;
backface-visibility: hidden;
min-width: 100%;
vertical-align: top;
-webkit-transform: translateY( -50% ) scale( 1 );
-ms-transform: translateY( -50% ) scale( 1 );
transform: translateY( -50% ) scale( 1 );
transition: 0.15s ease-in-out;
}
.recent-news-article .news-item > a:hover .image img {
-webkit-transform: translateY( -50% ) scale( 1.05 ) rotate( 1deg );
-ms-transform: translateY( -50% ) scale( 1.05 ) rotate( 1deg );
transform: translateY( -50% ) scale( 1.05 ) rotate( 1deg );
}
.recent-news-article .news-item .date {
margin: 0 0 10px 0;
font-size: 12px;
color: #58595b;
font-style: italic;
}
.recent-news-article .news-item h4 {
line-height: 1.3;
margin: 0 0 10px 0;
}
.recent-news-article .news-item p {
margin: 0 0 10px 0;
font-size: 14px;
}
.recent-news-article .news-item p:last-child {
margin: 0;
}
.recent-news-article .news-item .continue {
color: #009aa6;
text-decoration: underline;
}
.recent-news-article .news-item .continue:hover {
text-decoration: none;
}
.recent-news-list {
padding: 43px 0 50px 0;
}
.recent-news-list ul {
margin: 0 0 20px 0;
padding: 0 20px;
list-style: none;
}
.recent-news-list ul li {
margin: 0 0 10px 0;
padding: 0 0 10px 0;
list-style: none;
border-bottom: 1px solid #b2b4b3;
}
.recent-news-list ul li:last-child {
border-bottom: 0;
}
.recent-news-list ul li a {
color: #000;
text-decoration: none;
}
.recent-news-list ul li a:hover {
color: #009aa6;
}
.recent-news-list h4 {
margin: 0;
font-size: 14px;
}
.recent-news-list .date {
margin: 0;
font-size: 12px;
color: #58595b;
font-style: italic;
} .virtual-tour {
position: relative;
}
.virtual-tour .embed-container {
position: relative;
left: 50%;
width: calc( 100vw - 16px );
max-width: 999%;
height: 0;
padding-bottom: 40%;
border-bottom: 10px solid #fdc82f;
-webkit-transform: translateX( -50% );
-ms-transform: translateX( -50% );
transform: translateX( -50% );
}
@media all and ( max-width: 1024px ) {
.virtual-tour {
display: none;
}
} .google-map {
position: relative;
overflow: hidden;
height: 460px;
}
.google-map iframe {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: calc( 100% + 180px );
-webkit-transform: translateY( -50% );
-ms-transform: translateY( -50% );
transform: translateY( -50% );
}
.google-map a {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
display: block;
text-indent: 200%;
white-space: nowrap;
} .site-content {
position: relative;
max-width: 1180px;
margin: 0 auto;
padding: 80px 40px 60px 40px;
}
.site-content.sidebar-active {
display: -webkit-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding: 80px 20px 0 20px;
}
.site-content > .content {
}
.site-content.sidebar-active > .content {
float: left;
width: 66.66%;
padding: 0 20px;
}
.content .page-header {
margin: 0 0 80px 0;
} @media all and ( max-width: 1024px ) {
.site-content {
padding: 40px 20px 0 20px;
}
.site-content.sidebar-active {
padding: 40px 20px 0 20px;
}
.site-content.sidebar-active > .content {
float: none;
width: 100%;
padding: 0;
}
.programs-a-z .site-content.sidebar-active > .content,
.continuing-education .site-content.sidebar-active > .content {
order: 1;
} }
.content-navigation {
margin: 0 0 80px 0;
}
.content-navigation-prev {
float: left;
}
.content-navigation-prev:before {
content: '\f0d9';
left: 22px;
}
.content-navigation-prev:hover:before {
left: 19px;
}
.content-navigation-next {
float: right;
padding: 0 44px 0 22px;
}
.content-navigation-next:before {
left: auto;
right: 22px;
transition: right 0.1s;
}
.content-navigation-next:hover:before {
left: auto;
right: 19px;
} .single .entry-header {
margin: 0 0 80px 0;
}
.single .posted-on {
font-size: 14px;
font-style: italic;
}
.single figure.wp-featured-image {
float: right;
margin: 0 0 30px 40px;
width: calc( 50% - 20px );
max-width: 530px;
}
.single figure.wp-featured-image img {
width: 100%;
margin: 0 0 10px 0;
vertical-align: top;
}
.single figure.wp-featured-image figcaption {
margin: 0 0 10px 0;
font-size: 12px;
font-style: italic;
}
.single {
}
.single .entry-content h2 {
font-size: 26px;
clear: none;
}
@media all and ( max-width: 1024px ) {
.single .entry-header {
margin: 0 0 40px 0;
}
.single figure.wp-featured-image {
margin: 0 0 20px 20px;
width: calc( 50% - 10px );
}
}
@media all and ( max-width: 640px ) {
.single figure.wp-featured-image {
float: none;
margin: 0 0 30px 0;
width: 100%;
max-width: 100%;
}
} .full-width-content {
position: relative;
left: 50%;
width: 100vw;
-webkit-transform: translateX( -50% );
-ms-transform: translateX( -50% );
transform: translateX( -50% );
} .content-item {
margin: 0 0 80px 0;
}
.accordion .content-item {
margin: 0 0 20px 0;
}
@media all and ( max-width: 1024px ) {
.content-item {
margin: 0 0 40px 0;
}
}   .accordion-group:not( .wp-block-group ) {
margin: 0 0 20px 0;
-moz-box-shadow:	0 2px 0 0 rgba( 0, 0, 0, 0.25 );
-webkit-box-shadow:	0 2px 0 0 rgba( 0, 0, 0, 0.25 );
box-shadow:			0 2px 0 0 rgba( 0, 0, 0, 0.25 );
}
.accordion-group .accordion-heading {
padding: 10px 15px;
background-color: #009aa6;
transition: background-color 0.2s;
cursor: pointer;
}
.accordion-group .accordion-heading:hover {
background-color: #00b3bf;
}
.accordion-group .accordion-heading p {
position: relative;
margin: 0;
padding: 0 5px 0 32px;
font-weight: 600;
color: #fff;
}
.accordion-group .accordion-heading p:before {
content: '\f0fe';
position: absolute;
top: 50%;
left: 0;
display: block;
-webkit-transform: translateY( -50% );
-ms-transform: translateY( -50% );
transform: translateY( -50% );
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 20px;
}
.accordion-group.active .accordion-heading p:before {
content: '\f146';
}
.accordion-group .accordion-content {
overflow: hidden;
border: 2px solid #009aa6;
border-top: 0;
background: rgba( 0, 0, 0, 0.025 );
transition: max-height 1s;
}
.accordion-group .accordion-content > div {
padding: 20px 20px 0 20px;
}
.accordion-content .course {
margin: 0 0 0 0;
padding: 20px 0 10px 0;
border-top: 2px solid #b2b4b3;
}
.accordion-content .course:first-child {
padding: 0 0 10px 0;
border-top: 0;
} .course {
margin: 0 0 5px 0;
} .con-ed-grid {
margin: 0 0 80px 0;
}
.con-ed-grid .course-listing {
margin: 0 0 40px 0;
padding: 40px 0 0 0;
border-top: 2px solid #009aa6;
}
.con-ed-grid .course-listing:last-child {
}
.con-ed-grid .course-listing a {
display: block;
color: #000;
text-decoration: none;
}
.con-ed-grid .course-listing h3 {
margin: 0 0 10px 0;
}
.con-ed-grid .course-listing p {
margin: 0;
font-size: 12px;
}
.con-ed-grid .course-listing p.category {
}
.con-ed-grid .course-listing p.cost {
}
.con-ed-grid .course-listing p.campus {
}
.page-header .cost {
margin: -15px 0 20px 0;
font-weight: 600;
font-size: 24px;
}
#searchoptions .block.filters {
}
#searchoptions .filter {
}
#searchoptions .filter h4 {
}
#searchoptions .filter .checkbox-group {
}
#searchoptions .filter .panel {
}
#searchoptions fieldset {
margin: 0;
padding: 0;
border: 0;
}
#searchoptions fieldset > ul {
padding: 0;
margin: 0 0 20px 0;
padding: 0;
list-style: none;
}
#searchoptions fieldset > ul > li {
position: relative;
overflow: hidden;
line-height: 1.2;
margin: 0;
padding: 0 45px 0 0;
border-bottom: 1px solid #ccc;
}
#searchoptions fieldset > ul > li:last-child {
border-bottom: 0;
}
#searchoptions fieldset > ul > li.has-dropdown-menu {
}
#searchoptions fieldset > ul > li.has-dropdown-menu > span {
position: absolute;
top: 9px;
right: 0;
width: 16px;
height: 16px;
border-radius: 50%;
background: #009aa6;
font-size: 11px;
color: #fff;
cursor: pointer;
}
#searchoptions fieldset > ul > li.has-dropdown-menu > span:before {
position: absolute;
top: 2px;
left: 3px;
}
#searchoptions fieldset > ul > li > label {
}
#searchoptions fieldset > ul > li > label > input {
position: absolute;
top: 10px;
left: 0;
}
#searchoptions fieldset > ul > li > label > span {
display: block;
padding: 9px 0;
margin: 0 0 0 20px;
font-size: 12px;
}
#searchoptions li.has-dropdown-menu > ul {
overflow: hidden;
max-height: 0;
margin: 0 0 0 10px;
padding: 0;
list-style: none;
}
#searchoptions li.has-dropdown-menu.open > ul {
max-height: 9999px;
margin: 0 0 0 20px;
}
#searchoptions li.has-dropdown-menu > ul > li {
position: relative;
margin: 0;
}
#searchoptions li.has-dropdown-menu > ul > li > label {
}
#searchoptions li.has-dropdown-menu > ul > li > label > input {
position: absolute;
top: 10px;
left: 0;
}
#searchoptions li.has-dropdown-menu > ul > li > label > span {
display: block;
padding: 9px 0;
margin: 0 0 0 20px;
font-size: 12px;
}
@media all and ( max-width: 1024px ) {
#searchoptions .block.filters {
padding: 0;
}
#searchoptions .filter {
}
#searchoptions .filter h4 {
position: relative;
margin: 0;
padding: 5px 10px;
border-bottom: 1px solid #009aa6;
cursor: pointer;
}
#searchoptions .filter:last-of-type h4 {
border-bottom: 0;
}
#searchoptions .filter h4 > span {
position: absolute;
top: 5px;
right: 10px;
overflow: hidden;
display: block;
width: 23px;
height: 32px;
}
#searchoptions .filter h4 > span:after {
content: '\f0d7';
position: absolute;
top: -16px;
right: 0;
display: block;
width: 23px;
height: 32px;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 36px;
color: #000;
vertical-align: top;
}
#searchoptions .filter .checkbox-group {
display: none;
}
#searchoptions .filter.active .checkbox-group {
display: block;
}
#searchoptions .filter .panel {
}
#searchoptions fieldset {
margin: 0;
padding: 0;
border: 0;
}
#searchoptions fieldset > ul {
padding: 0 10px;
}
#searchoptions fieldset > ul > li {
position: relative;
overflow: hidden;
line-height: 1.2;
margin: 0;
padding: 0 45px 0 10px;
border-bottom: 1px solid #ccc;
}
#searchoptions fieldset > ul > li:last-child {
border-bottom: 0;
}
#searchoptions fieldset > ul > li.has-dropdown-menu {
}
#searchoptions fieldset > ul > li.has-dropdown-menu > span {
position: absolute;
top: 9px;
right: 0;
width: 16px;
height: 16px;
border-radius: 50%;
background: #009aa6;
font-size: 11px;
color: #fff;
cursor: pointer;
}
#searchoptions fieldset > ul > li.has-dropdown-menu > span:before {
position: absolute;
top: 2px;
left: 3px;
}
#searchoptions fieldset > ul > li > label {
}
#searchoptions fieldset > ul > li > label > input {
position: absolute;
top: 10px;
left: 0;
}
#searchoptions fieldset > ul > li > label > span {
display: block;
padding: 9px 0;
margin: 0 0 0 20px;
font-size: 12px;
}
#searchoptions li.has-dropdown-menu > ul {
overflow: hidden;
max-height: 0;
margin: 0 0 0 10px;
padding: 0;
list-style: none;
}
#searchoptions li.has-dropdown-menu.open > ul {
max-height: 9999px;
margin: 0 0 0 20px;
}
#searchoptions li.has-dropdown-menu > ul > li {
position: relative;
margin: 0;
}
#searchoptions li.has-dropdown-menu > ul > li > label {
}
#searchoptions li.has-dropdown-menu > ul > li > label > input {
position: absolute;
top: 10px;
left: 0;
}
#searchoptions li.has-dropdown-menu > ul > li > label > span {
display: block;
padding: 9px 0;
margin: 0 0 0 20px;
font-size: 12px;
}
} .news-grid {
display: -webkit-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
align-items: flex-start;
-webkit-align-items: flex-start;
margin: 0 -10px 60px -10px;
}
.news-grid .news {
width: 33.33%;
padding: 0 10px 20px 10px;
}
.news-grid .news a {
position: relative;
overflow: hidden;
display: block;
height: 100%;
text-decoration: none;
color: #00505c;
backface-visibility: hidden;
}
.news-grid .news img {
width: 100% !important;
vertical-align: top;
-webkit-transform: scale( 1 );
-ms-transform: scale( 1 );
transform: scale( 1 );
transition: 0.15s ease-in-out;
}
.news-grid .news a:hover img {
-webkit-transform: scale( 1.05 ) rotate( 1deg );
-ms-transform: scale( 1.05 ) rotate( 1deg );
transform: scale( 1.05 ) rotate( 1deg );
}
.news-grid .news a > span {
position: absolute;
right: 20px;
bottom: 20px;
left: 0;
display: block;
line-height: 1.4;
padding: 10px;
background: rgba( 255, 255, 255, 0.8 );
color: #00505c;
text-decoration: none;
font-weight: 600;
}
.news-grid .news h3 {
line-height: 1.4;
margin: 0;
font-size: 16px;
}
.news-grid .news .published-date {
line-height: 1.4;
margin: 0;
font-size: 12px;
font-style: italic;
}
.news-grid .pagination {
width: 100%;
}
@media all and ( max-width: 768px ) {
.news-grid .news {
width: 50%;
}
}
@media all and ( max-width: 520px ) {
.news-grid .news {
width: 100%;
}
}
.single-news-article {
}
.single-news-article p.published-date {
font-size: 14px;
font-style: italic;
}
.single-news-article .image {
float: right;
width: 33.33%;
margin: 0 0 20px 20px;
}
.single-news-article .image .caption {
font-size: 12px;
font-style: italic;
}
@media all and ( max-width: 1024px ) {
.single-news-article .image {
width: 50%;
}
}
@media all and ( max-width: 640px ) {
.single-news-article .image {
float: none;
width: auto;
margin: 0 0 20px 0;
}
} .events-grid {
display: -webkit-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
align-items: flex-start;
-webkit-align-items: flex-start;
margin: 0 -10px 60px -10px;
}
.events-grid .event {
width: 33.33%;
padding: 0 10px 20px 10px;
}
.events-grid .event a {
position: relative;
overflow: hidden;
display: block;
height: 100%;
text-decoration: none;
color: #00505c;
backface-visibility: hidden;
}
.events-grid .event img {
width: 100% !important;
vertical-align: top;
-webkit-transform: scale( 1 );
-ms-transform: scale( 1 );
transform: scale( 1 );
transition: 0.15s ease-in-out;
}
.events-grid .event a:hover img {
-webkit-transform: scale( 1.05 ) rotate( 1deg );
-ms-transform: scale( 1.05 ) rotate( 1deg );
transform: scale( 1.05 ) rotate( 1deg );
}
.events-grid .event a > span {
position: absolute;
right: 20px;
bottom: 20px;
left: 0;
display: block;
line-height: 1.4;
padding: 10px;
background: rgba( 255, 255, 255, 0.8 );
color: #00505c;
text-decoration: none;
font-weight: 600;
}
.events-grid .event h3 {
line-height: 1.4;
margin: 0;
font-size: 16px;
}
.events-grid .event .published-date {
line-height: 1.4;
margin: 0;
font-size: 12px;
font-style: italic;
}
.events-grid .pagination {
width: 100%;
}
@media all and ( max-width: 768px ) {
.events-grid .event {
width: 50%;
}
}
@media all and ( max-width: 520px ) {
.events-grid .event {
width: 100%;
}
}
.single-event {
}
.single-event p.published-date {
font-size: 14px;
font-style: italic;
}
.single-event .image {
float: right;
width: 33.33%;
margin: 0 0 20px 20px;
}
.single-event .image .caption {
font-size: 12px;
font-style: italic;
}
@media all and ( max-width: 1024px ) {
.single-event .image {
width: 50%;
}
}
@media all and ( max-width: 640px ) {
.single-event .image {
float: none;
width: auto;
margin: 0 0 20px 0;
}
} .profile-grid {
display: -webkit-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -10px 60px -10px;
}
.profile-grid .hentry {
width: 33.33%;
padding: 0 10px 20px 10px;
}
.profile-grid .hentry a {
position: relative;
overflow: hidden;
display: block;
height: 100%;
text-decoration: none;
color: #00505c;
backface-visibility: hidden;
}
.profile-grid .hentry img {
vertical-align: top;
-webkit-transform: scale( 1 );
-ms-transform: scale( 1 );
transform: scale( 1 );
transition: 0.15s ease-in-out;
}
.profile-grid .hentry a:hover img {
-webkit-transform: scale( 1.05 ) rotate( 1deg );
-ms-transform: scale( 1.05 ) rotate( 1deg );
transform: scale( 1.05 ) rotate( 1deg );
}
.profile-grid .hentry a > span {
position: absolute;
right: 20px;
bottom: 20px;
left: 0;
display: block;
line-height: 1.4;
padding: 10px;
background: rgba( 255, 255, 255, 0.8 );
color: #00505c;
text-decoration: none;
font-weight: 600;
}
.profile-grid .hentry h3 {
line-height: 1.4;
margin: 0;
font-size: 16px;
}
.profile-grid .hentry .published-date {
line-height: 1.4;
margin: 0;
font-size: 12px;
font-style: italic;
}
.profile-grid .pagination {
width: 100%;
}
@media all and ( max-width: 768px ) {
.profile-grid .hentry {
width: 50%;
}
}
@media all and ( max-width: 520px ) {
.profile-grid .hentry {
width: 100%;
}
}
.single-alumni-profile,
.single-donor-profile {
}
.single-alumni-profile p.published-date,
.single-donor-profile p.published-date {
font-size: 14px;
font-style: italic;
}
.single-alumni-profile .image,
.single-donor-profile .image {
float: right;
width: 33.33%;
margin: 0 0 20px 20px;
}
.single-alumni-profile .image .caption,
.single-donor-profile .image .caption {
font-size: 12px;
font-style: italic;
}
@media all and ( max-width: 1024px ) {
.single-alumni-profile .image,
.single-donor-profile .image {
width: 50%;
}
}
@media all and ( max-width: 640px ) {
.single-alumni-profile .image,
.single-donor-profile .image {
float: none;
width: auto;
margin: 0 0 20px 0;
}
}   .blog-grid {
display: -webkit-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -10px 60px -10px;
}
.blog-grid .blog {
width: 33.33%;
padding: 0 10px 20px 10px;
}
.blog-grid .blog a {
position: relative;
overflow: hidden;
display: block;
height: 100%;
text-decoration: none;
color: #00505c;
backface-visibility: hidden;
}
.blog-grid .blog img {
vertical-align: top;
-webkit-transform: scale( 1 );
-ms-transform: scale( 1 );
transform: scale( 1 );
transition: 0.15s ease-in-out;
}
.blog-grid .blog a:hover img {
-webkit-transform: scale( 1.05 ) rotate( 1deg );
-ms-transform: scale( 1.05 ) rotate( 1deg );
transform: scale( 1.05 ) rotate( 1deg );
}
.blog-grid .blog a > span {
position: absolute;
right: 20px;
bottom: 20px;
left: 0;
display: block;
line-height: 1.4;
padding: 10px;
background: rgba( 255, 255, 255, 0.8 );
color: #00505c;
text-decoration: none;
font-weight: 600;
}
.blog-grid .blog h3 {
line-height: 1.4;
margin: 0;
font-size: 16px;
}
.blog-grid .blog .published-date {
line-height: 1.4;
margin: 0;
font-size: 12px;
font-style: italic;
}
.blog-grid .pagination {
width: 100%;
}
@media all and ( max-width: 768px ) {
.blog-grid .blog {
width: 50%;
}
}
@media all and ( max-width: 520px ) {
.blog-grid .blog {
width: 100%;
}
}
.single-blog-post {
}
.single-blog-post p.published-date {
font-size: 14px;
font-style: italic;
}
.single-blog-post .image {
float: right;
width: 33.33%;
margin: 0 0 20px 20px;
}
.single-blog-post .image .caption {
font-size: 12px;
font-style: italic;
}
@media all and ( max-width: 1024px ) {
.single-blog-post .image {
width: 50%;
}
}
@media all and ( max-width: 640px ) {
.single-blog-post .image {
float: none;
width: auto;
margin: 0 0 20px 0;
}
} .ui-autocomplete {
max-height: 250px;
overflow-y: auto;
overflow-x: hidden;
}
.ui-menu-item:first-child {
border-bottom: 1px solid black;
padding-bottom: 5px;
margin-bottom: 5px;
}  .site-footer {
position: relative;
padding: 0 0 40px 0;
background: #00505c;
}
.site-footer .social-links {
background: #009aa6;
}
.site-footer ul.social-menu {
max-width: 1180px;
margin: 0 auto;
padding: 20px 40px 0 40px;
font-size: 0;
list-style: none;
text-align: center;
}
.site-footer ul.social-menu li {
display: inline-block;
margin: 0 20px 20px 20px;
}
.site-footer ul.social-menu li a {
display: block;
width: 50px;
font-size: 28px;
color: #fff;
text-decoration: none;
transition: background-color 0.2s;
}
.site-footer ul.social-menu li a:hover {
background-color: #00505c;
}
.site-footer ul.social-menu li a span {
display: none;
}
.site-footer ul.social-menu li a:after {
display: block;
font-family: 'Font Awesome 5 Brands';
font-weight: 500;
}
.site-footer ul.social-menu li a.facebook:after {
content: '\f39e';
}
.site-footer ul.social-menu li a.twitter:after {
//content: '\f099';
content: '\e61b';
}
.site-footer ul.social-menu li a.youtube:after {
content: '\f167';
}
.site-footer ul.social-menu li a.linkedin:after {
content: '\f0e1';
}
.site-footer ul.social-menu li a.instagram:after {
content: '\f16d';
}
@media all and ( max-width: 640px ) {
.site-footer ul.social-menu {
padding: 20px 10px 10px 10px;
}
.site-footer ul.social-menu li {
display: inline-block;
margin: 0 10px 10px 10px;
}
}
.site-footer .footer-info {
max-width: 1180px;
margin: 0 auto;
padding: 40px 20px 20px 20px;
font-size: 14px;
color: #fff;
}
.site-footer .footer-info.columns.three > div {
width: 35%;
margin: 0 0 20px 0;
}
.site-footer .footer-info.columns.three > div:first-child {
width: 30%;
}
@media all and ( max-width: 1024px ) {
.site-footer .footer-info.columns.three > div,
.site-footer .footer-info.columns.three > div:first-child {
width: 50%;
}
.site-footer .footer-info.columns.three > div:last-child {
width: 100%;
}
}
@media all and ( max-width: 640px ) {
.site-footer .footer-info.columns.three > div,
.site-footer .footer-info.columns.three > div:first-child {
width: 100%;
}
}
.site-footer .footer-info a {
color: #fff;
}
.site-footer .footer-info a:hover {
text-decoration: none;
}
.footer-info a.logo {
display: block;
overflow: hidden;
height: 0;
margin: 0 0 5px 0;
padding-top: 28.53%;
background-image: url(//portal.cotr.bc.ca/wp-content/themes/cotr/images/college-of-the-rockies-logo-primary-white-340x97.png);
background-position: top left;
background-size: contain;
background-repeat: no-repeat;
text-indent: 200%;
white-space: nowrap;
}
.footer-info h4 {
line-height: 44px;
margin: 0;
border-bottom: 1px solid #b2b4b3;
}
.footer-info .territory {
margin: 10px 0 20px 0;
font-size: 13px;
}
ul.footer-menu {
position: relative;
top: -1px;
margin: 0 0 20px 0;
padding: 0;
list-style: none;
}
ul.footer-menu li {
position: relative;
display: block;
margin: 0;
vertical-align: top;
}
ul.footer-menu li a {
position: relative;
display: block;
line-height: 40px;
padding: 0;
font-size: 14px;
white-space: nowrap;
text-decoration: none;
color: #000;
}
ul.footer-menu li a:hover {
margin-top: -1px;
padding-top: 1px;
}
ul.footer-menu li:first-child > a:hover {
margin-top: 0;
padding-top: 0;
}
ul.footer-menu li > a:after {
content: '';
position: absolute;
bottom: 0;
right: 0;
left: 0;
display: block;
border-bottom: 1px dashed #fff;
}
ul.footer-menu li > a:hover:after {
border-bottom: 2px solid #fff;
}
.btt {
max-width: 1180px;
margin: 0 auto;
padding: 40px 40px 20px;
text-align: right;
}
.btt a {
position: relative;
overflow: hidden;
display: inline-block;
width: 60px;
height: 60px;
line-height: 1;
padding: 10px;
outline: 0;
color: #fff;
text-decoration: none;
vertical-align: top;
}
.btt a:hover {
}
.btt a:after {
content: '\f077';
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX( -50% ) translateY( -50% );
-ms-transform: translateX( -50% ) translateY( -50% );
transform: translateX( -50% ) translateY( -50% );
display: block;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 60px;
text-shadow: 0px 3px 0 rgba( 0, 0, 0, 0.25 );
}
.footer-widgets {
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
max-width: 1180px;
margin: 0 auto;
padding: 40px 20px 20px 20px;
font-size: 13px;
color: #fff;
}
.footer-widgets .widget {
flex-grow: 1;
-webkit-flex-grow: 1;
flex-basis: 0;
-webkit-flex-basis: 0;
margin: 0 20px 20px 20px;
}
.footer-widgets a {
color: #fff;
text-decoration: none;
}
.footer-widgets h3 {
line-height: 44px;
margin: 0 0 10px 0;
border-bottom: 1px solid #b2b4b3;
font-size: 20px;
}
@media ( max-width: 1024px ) {
.footer-widgets .widget:last-child {
flex-basis: auto;
-webkit-flex-basis: auto;
width: 100%;
}
}
@media ( max-width: 640px ) {
.footer-widgets .widget {
flex-basis: auto;
-webkit-flex-basis: auto;
width: 100%;
}
}
.footer-widgets .widget > div > ul {
position: relative;
top: -1px;
margin: 0 0 20px 0;
padding: 0;
list-style: none;
}
.footer-widgets .widget > div > ul > li {
position: relative;
display: block;
margin: 0;
vertical-align: top;
}
.footer-widgets .widget > div > ul > li > a {
position: relative;
display: block;
line-height: 44px;
padding: 0 0 1px 0;
border-bottom: 1px solid #b2b4b3;
white-space: nowrap;
font-weight: 600;
font-size: 20px;
text-decoration: none;
color: #fff;
}
.footer-widgets .widget > div > ul > li > ul {
position: relative;
top: -1px;
margin: 0 0 20px 0;
padding: 0;
list-style: none;
}
.footer-widgets .widget > div > ul > li > ul > li {
position: relative;
display: block;
margin: 0;
vertical-align: top;
}
.footer-widgets .widget > div > ul > li > ul > li > a {
position: relative;
display: block;
line-height: 40px;
padding: 0;
font-size: 13px;
white-space: nowrap;
text-decoration: none;
color: #fff;
}
.footer-widgets .widget > div > ul > li > ul > li > a:hover {
margin-top: -1px;
padding-top: 1px;
}
.footer-widgets .widget > div > ul > li > ul > li:first-child > a:hover {
margin-top: 0;
padding-top: 0;
}
.footer-widgets .widget > div > ul > li > ul > li > a:after {
content: '';
position: absolute;
bottom: 0;
right: 0;
left: 0;
display: block;
border-bottom: 1px dashed #fff;
}
.footer-widgets .widget > div > ul > li > ul > li > a:hover:after {
border-bottom: 2px solid #fff;
} .fancybox-content {
} .site-content.sidebar-active:before,
.site-content.sidebar-active:after,
.site-content.sidebar-active:before,
.site-content.sidebar-active:after {
content: normal;
} body .gform_wrapper ul li.gfield {
margin-bottom: 26px !important;
}
.gform_wrapper .description_above .gfield_description {
padding: 0 !important;
}
body .gform_wrapper .top_label div.ginput_container {
margin-top: 0 !important;
}  .alignfull {
max-width: 100vw;
width: 100vw;
margin: 0 calc( 50% - 50vw );
padding: 0 40px;
}
.alignfull + .alignfull {
margin-top: -80px;
}
.alignfull > div {
max-width: 1100px;
margin: 0 auto;
}
.alignwide {
margin-right: calc( 25% - 25vw );
margin-left: calc( 25% - 25vw );
max-width: 100vw;
width: 100vw;
}
.alignwide > div {
max-width: 1100px;
margin: 0 auto;
}
@media all and ( max-width: 1024px ) {
.alignfull {
margin-right: -20px;
margin-left: -20px;
width: calc( 100% + 40px );
}
}
@media all and ( max-width: 768px ) {
.alignfull {
padding: 0 20px;
}
} .entry-content > .wp-block-group,
.wp-block-column > .wp-block-group {
margin-bottom: 80px;
}
.entry-content > .wp-block-group.has-background {
overflow: hidden;
margin-bottom: 80px;
padding-top: 80px;
padding-bottom: 60px;
}
.entry-content > .wp-block-group.alignfull:last-child {
margin-bottom: 0;
}
.wp-block-buttons .wp-block-button {
margin-right: 10px;
margin-bottom: 0;
}
.sidebar .wp-block-buttons .wp-block-button {
width: 100%;
}
.sidebar .wp-block-buttons .wp-block-button .wp-block-button__link {
width: 100%;
} .entry-content > .wp-block-cover {
overflow: hidden;
margin-bottom: 80px;
padding-top: 80px;
padding-bottom: 60px;
}
.wp-block-cover.is-style-hero {
position: relative;
height: calc( 80vh - 179px );
align-items: flex-end;
background-size: cover;
}
.front-page .wp-block-cover.is-style-hero {
height: calc( 100vh - 179px );
}
.wp-block-cover.is-style-hero:first-of-type {
margin-top: -80px;
}
.wp-block-cover.is-style-hero > img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.wp-block-cover.is-style-hero > div {
position: relative;
}
.wp-block-cover.is-style-hero > div:before {
content: '';
position: absolute;
top: -40px;
right: calc( 50% - 40px );
bottom: -20px;
z-index: -1;
display: block;
width: calc( 50vw + 40px );
background-color: rgba( 255, 255, 255, 0.8 );
}
.wp-block-cover.is-style-hero .wp-block-cover__inner-container {
position: relative;
}
.wp-block-cover.is-style-hero .wp-block-cover__inner-container > div {
width: 50%;
}
.wp-block-cover.is-style-hero .wp-block-group {
margin: 0;
}
.wp-block-cover.is-style-hero h1 {
font-weight: 400;
}
@media all and ( max-width: 1024px ) {
.wp-block-cover.is-style-hero:first-of-type {
margin-top: -40px;
}
.wp-block-cover.is-style-hero .wp-block-cover__inner-container:before {
left: -40px;
right: auto;
width: calc( 100vw + 40px );
}
.wp-block-cover.is-style-hero .wp-block-cover__inner-container > div {
width: 100%;
text-align: center;
}
.wp-block-cover.is-style-hero .wp-block-buttons {
justify-content: center;
-webkit-justify-content: center;
}
} .wp-block-buttons {
margin-bottom: 0;
}
.wp-block-buttons.is-content-justification-left {
text-align: left;
}
.wp-block-buttons.is-content-justification-center {
text-align: center;
}
.wp-block-buttons.is-content-justification-right {
text-align: right;
}
.wp-block-buttons .wp-block-button {
margin-bottom: 20px;
} .sidebar > .wp-block-group {
margin-bottom: 20px;
padding: 0;
}
.wp-block-group.sidebar-group {
margin: 0 0 20px 0;
}
.wp-block-group.sidebar-group > .wp-block-group__inner-container {
padding: 20px 20px 10px 20px;
background: #f9f9f9;
}
.wp-block-group.sidebar-group h3 {
position: relative;
margin: 0 0 40px 0;
}
.wp-block-group.sidebar-group h3:after {
content: '';
position: absolute;
left: -20px;
right: -20px;
bottom: -20px;
display: block;
border-bottom: 2px solid #009aa6;
}
.wp-block-group.sidebar-group h4 {
margin: 0 0 10px 0;
}
.wp-block-group.sidebar-group p {
margin: 0 0 10px 0;
}
.wp-block-group.sidebar-group {
font-size: 14px;
} .wp-block-columns {
margin: 0 -20px;
}
.wp-block-column,
.wp-block-column:not( :first-child ),
.wp-block-column:not( :only-child ) {
margin-bottom: 80px;
margin: 0 20px 80px 20px;
}
.wp-block-group .wp-block-column {
margin-bottom: 0;
}
@media ( max-width: 1024px ) {
.wp-block-columns {
flex-wrap: wrap;
justify-content: center;
width: 100%;
margin: 0;
}
.wp-block-column,
.wp-block-column:not( :first-child ),
.wp-block-column:not( :only-child ) {
flex-basis: 100% !important;
margin: 0 0 40px 0;
}
.post-type-archive-program .wp-block-column:first-child,
.post-type-archive-con-ed-course .wp-block-column:first-child {
order: 2;
}
.post-type-archive-program .wp-block-column:last-child,
.post-type-archive-con-ed-course .wp-block-column:last-child {
order: 1;
}
} .wp-block-column.featured-content {
position: relative;
padding-bottom: 50px;
}
.wp-block-column.featured-content > a {
display: block;
height: 100%;
text-decoration: none;
}
.wp-block-column.featured-content .wp-block-image {
position: relative;
height: 0;
padding-top: 66%;
margin: 0 0 10px 0;
}
.wp-block-column.featured-content .wp-block-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.wp-block-column.featured-content h4 {
margin: 0 0 10px 0;
color: #000;
}
.wp-block-column.featured-content p {
margin: 0 0 20px 0;
color: #000;
}
.wp-block-column.featured-content .wp-block-button {
position: absolute;
bottom: 0;
width: 100%;
}
.wp-block-column.featured-content .wp-block-button__link {
width: 100%;
}
@media all and ( max-width: 1024px ) {
.wp-block-columns.featured-content {
flex-wrap: wrap;
justify-content: center;
}
.wp-block-column.featured-content {
flex-basis: auto;
min-width: 50%;
max-width: 300px !important;
margin-left: 0;
padding-left: 20px;
padding-right: 20px;
}
.wp-block-column.featured-content .wp-block-button {
width: calc( 100% - 40px );
}
} .has-white-color {
color: #fff;
}
.has-white-background-color {
background-color: #fff;
}
.has-black-color {
color: #000;
}
.has-black-background-color {
background-color: #000;
}
.has-light-grey-color {
color: #f9f9f9;
}
.has-light-grey-background-color {
background-color: #f9f9f9;
}
.has-thunder-color {
color: #00505c;
}
.has-thunder-background-color {
background-color: #00505c;
}
.has-sunrise-color {
color: #fdc82f;
}
.has-sunrise-background-color {
background-color: #fdc82f;
}body {
background: #002554;
} .site-title a {
// background-image: url(//portal.cotr.bc.ca/wp-content/themes/cotr-intranet/images/college-of-the-rockies-logo-primary-260x77.png);
}  @media all and ( max-width: 1024px ) {
.navigation-toggle {
background-color: #002554;
}
.navigation-toggle:before,
.navigation-toggle:after {
background-color: #fff;
}
.navigation-toggle span {
background-color: #fff;
}
.navigation > div {
background: rgba( 0, 154, 166, 0.95 );
}
} .top-navigation ul li a:hover {
background-color: #6180B5;
}
@media all and ( max-width: 1024px ) {
.top-navigation {
background-color: #fdc82f;
}
.top-navigation ul li a {
color: #000;
}
.top-navigation ul li a:hover {
color: #000;
}
}  .main-navigation {
background: #002554;
}
.main-navigation > ul > li > a {
color: #fff;
}
.main-navigation > ul > li:hover > a {
background-color: #6180B5;
}
.main-navigation > ul > li.logo > a:after {
// background-image: url(//portal.cotr.bc.ca/wp-content/themes/cotr-intranet/images/college-of-the-rockies-icon-61x32.png);
}
.main-navigation > ul > li.menu-item-search > span {
color: #fff;
}
@media all and ( max-width: 1024px ) {
.main-navigation > ul > li {
border-bottom: 1px solid #fdc82f;
}
.main-navigation > ul > li > a {
color: #fff;
}
.main-navigation > ul > li.logo > a:after {
background-image: url(//portal.cotr.bc.ca/wp-content/themes/cotr-intranet/images/college-of-the-rockies-icon-61x32.png);
}
.main-navigation > ul > li > .sub-menu-toggle:after {
color: #fff;
}
.main-navigation > ul > li.menu-item-search > span {
background: #002554;
}
}
.front-page .site-content {
padding: 0 40px;
}
.front-page .entry-header {
display: none;
} .messages-buttons {
position: absolute;
top: -37px;
right: 20px;
}
p.messages {
font-size: 0.8125em;
}
ul.messages {
margin: -5px 0 15px 0;
padding: 0;
list-style: none;
font-size: 0.8125em;
}
ul.messages > li {
line-height: 1.6;
margin: 0;
padding: 0;
border-bottom: 1px solid #6180b5;
}
ul.messages > li:last-child {
border-bottom: 0;
}
ul.messages > li > a {
display: block;
padding: 5px 0;
text-decoration: none;
color: inherit;
}
ul.messages > li > a .new {
position: relative;
top: -1px;
display: inline-block;
margin: 0 4px 0 0;
padding: 0 5px;
background: #fdc82f;
font-weight: 600;
font-size: 0.6250em;
text-transform: uppercase;
}
ul.messages > li > a .read-more {
position: relative;
top: -1px;
font-weight: 600;
font-size: 0.7500em;
text-decoration: underline;
font-style: italic;
}
ul.messages > li > a .read-more:hover {
text-decoration: none;
}
table.messages {
}
table.messages tr {
}
table.messages th {
text-align: left;
}
table.messages td {
font-size: 0.875em;
}
table.messages td.buttons {
text-align: right;
}
table.messages th.date,
table.messages td.date {
text-align: right;
}
table.messages td.buttons .button {
position: relative;
top: -1px;
} .calendar {
}
.calendar > ul {
padding: 0;
list-style: none;
}
.calendar > ul > li {
position: relative;
margin: 0 0 20px 0;
padding: 20px 20px 0 140px;
border: 1px solid #6180b5;
}
.calendar .date-card {
position: absolute;
top: -1px;
left: -1px;
bottom: -1px;
display: inline-block;
width: 120px;
margin-right: 10px;
background: #6180b5;
vertical-align: top;
font-size: 11px;
color: #fff;
text-align: center;
}
.calendar .date-card .month {
display: block;
padding: 5px 0;
background: #002554;
font-weight: 600;
text-transform: uppercase;
}
.calendar .date-card .day {
display: block;
padding: 10px 0;
}
.calendar .date-content {
display: inline-block;
vertical-align: top;
} .site-footer {
background: #002554;
}
.site-footer .social-links {
background: #6180B5;
}
.site-footer ul.social-menu li a:hover {
background-color: #002554;
} .wp-block-group.intranet-block {
margin-bottom: 40px;
}
.wp-block-group.intranet-block > .wp-block-group__inner-container {
border: 2px solid #6180b5;
border-top: 0;
background: rgba( 0, 0, 0, 0.025 );
}
.wp-block-group.intranet-block .wp-block-group {
margin-bottom: 0;
}
.wp-block-group.intranet-block .wp-block-group > .wp-block-group__inner-container {
position: relative;
padding: 20px 20px 0 20px;
}
.wp-block-group.intranet-block.yammer-block .wp-block-group > .wp-block-group__inner-container {
position: relative;
padding: 0;
}
.wp-block-group.intranet-block h3 {
margin: 0;
padding: 10px 20px;
font-weight: 600;
font-size: 1em;
color: #fff;
background: #6180b5;
}
ul.quick-links {
list-style: none;
padding: 0;
}
ul.quick-links > li {
margin: 0;
}
ul.quick-links > li > a {
display: block;
padding: 5px 0;
border-bottom: 1px dashed #6180b5;
text-decoration: none;
color: #000;
}
ul.quick-links > li > a:hover {
border-bottom: 1px solid #6180b5;
}
ul.quick-links > li:last-child > a {
border-bottom: 0;
}
.main-navigation .search-form button.button.peckhams {
background: #6180b5;
}
.user-admin-bar {
position: absolute;
top: 0px;
left: 0;
width: 100%;
padding: 10px 20px 5px 20px;
background: #002554;
text-align: right;
font-size: 0.75em;
color: #fff;
}
.user-admin-bar p {
float: left;
line-height: 26px;
margin: 0;
}
.user-admin-bar ul {
margin: 0;
padding: 0;
list-style: none;
}
.user-admin-bar ul li {
display: inline-block;
margin: 0 0 5px 10px;
padding: 0;
}
.user-admin-bar a {
color: #fff;
}
.site-header {
padding-top: 46px;
}
.top-navigation ul {
margin-top: 46px;
} .hlNoStyle a{
color: white;
text-decoration: none; } .wp-block-image figcaption {
margin-top: 0.5em;
margin-bottom: 1em;
text-align: center;
}
#fancybox-content>* {
-webkit-overflow-scrolling: touch;
overflow-y: scroll !important;
}
.rightArchived{
text-align: right;
margin-bottom: 10px;
}
.centerArchived{
text-align: center;
margin-bottom: 10px;
}
.navbar-right{
float:right;
}
.wp-block-media-text__media img, .wp-block-media-text__media video{
margin-bottom: 20px;
} .page-template-full-width .content-area {
width: 100%;
margin: 0px;
border: 0px;
padding: 0px;
}
.page-template-full-width .site {
margin:0px;
}
.page-template-full-width .site-content{
max-width: fit-content !important;
} @font-face {
font-family: 'Gotham';
src: url(//portal.cotr.bc.ca/wp-content/themes/cotr-intranet/fonts/Gotham-Black.otf) format('opentype');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Gotham';
src: url(//portal.cotr.bc.ca/wp-content/themes/cotr-intranet/fonts/Gotham-BlackItalic.otf) format('opentype');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: 'Gotham';
src: url(//portal.cotr.bc.ca/wp-content/themes/cotr-intranet/fonts/Gotham-Bold.otf) format('opentype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Gotham';
src: url(//portal.cotr.bc.ca/wp-content/themes/cotr-intranet/fonts/Gotham-BoldItalic.otf) format('opentype');
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: 'Gotham';
src: url(//portal.cotr.bc.ca/wp-content/themes/cotr-intranet/fonts/Gotham-Book.otf) format('opentype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Gotham';
src: url(//portal.cotr.bc.ca/wp-content/themes/cotr-intranet/fonts/Gotham-BookItalic.otf) format('opentype');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'Gotham';
src: url(//portal.cotr.bc.ca/wp-content/themes/cotr-intranet/fonts/Gotham-Light.otf) format('opentype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Gotham';
src: url(//portal.cotr.bc.ca/wp-content/themes/cotr-intranet/fonts/Gotham-LightItalic.otf) format('opentype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Gotham';
src: url(//portal.cotr.bc.ca/wp-content/themes/cotr-intranet/fonts/Gotham-Medium.otf) format('opentype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Gotham';
src: url(//portal.cotr.bc.ca/wp-content/themes/cotr-intranet/fonts/Gotham-MediumItalic.otf) format('opentype');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Gotham';
src: url(//portal.cotr.bc.ca/wp-content/themes/cotr-intranet/fonts/Gotham-Thin.otf) format('opentype');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'Gotham';
src: url(//portal.cotr.bc.ca/wp-content/themes/cotr-intranet/fonts/Gotham-ThinItalic.otf) format('opentype');
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: 'Gotham';
src: url(//portal.cotr.bc.ca/wp-content/themes/cotr-intranet/fonts/Gotham-Ultra.otf) format('opentype');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'Gotham';
src: url(//portal.cotr.bc.ca/wp-content/themes/cotr-intranet/fonts/Gotham-UltraItalic.otf) format('opentype');
font-weight: 800;
font-style: italic;
}
@font-face {
font-family: 'Gotham';
src: url(//portal.cotr.bc.ca/wp-content/themes/cotr-intranet/fonts/Gotham-Xlight.otf) format('opentype');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'Gotham';
src: url(//portal.cotr.bc.ca/wp-content/themes/cotr-intranet/fonts/Gotham-XlightItalic.otf) format('opentype');
font-weight: 200;
font-style: italic;
}
body {
font-family: 'Gotham', sans-serif;
font-weight: 400; font-style: normal;
}
h1 {
font-family: 'Gotham', serif;
font-weight: 900; font-style: normal;
}
h2 {
font-family: 'Gotham', serif;
font-weight: 700; font-style: normal;
}
p.light-text {
font-family: 'Gotham', sans-serif;
font-weight: 300; font-style: normal;
}
p.thin-italic-text {
font-family: 'Gotham', sans-serif;
font-weight: 100; font-style: italic;
} .gfield_repeater_items .gfield_repeater_item {
display: flex;
flex-wrap: wrap;
gap: 2%;
}
.gfield_repeater_item .gfield_repeater_cell {
flex: 1 1 48%;
min-width: 48%;
box-sizing: border-box;
}  div.alphabet {
display: table;
width: 100%;
margin-bottom: 2em;
}
div.alphabet span {
display: inline;
cursor: pointer;
text-align: center;
}
.cleart {
display: inline-block; color: #3174c7;
cursor: pointer;
text-align: center;
width: 3.5%;
}
.button-style-alph {
background-color: #6180b5; color: white !important;
padding: 10px 13px;
font-size: 16px;
margin: 4px 2px;
transition: background-color 0.3s, border-color 0.3s; border-radius: 5px; }
.button-style-alph:hover {
background-color: #4c6b9b; }
.button-style-alph.active {
background-color: #42618e; }
.button-style-alph span {
display: inline !important;
vertical-align: middle !important;
line-height: 1;
}
#JQTable tbody tr {
cursor: pointer;
}
@media screen and (max-width: 600px) {
div.alphabet{
width: 100%;
margin-bottom: 2em;
display: block;
}
div.alphabet span {
width: 100%; width: auto;
margin: 4px 0;
margin-right: 0.5em;
display: inline-table;
text-align: center;
}
}