html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
html {
font-size: 62.5%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
*,
*:before,
*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
body {
background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
display: block;
}
ol,
ul {
list-style: none;
}
table { border-collapse: separate;
border-spacing: 0;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote,
q {
quotes: "" "";
}
a:focus {
outline: 0;
}
a:hover,
a:active {
outline: 0;
}
a img {
border: 0;
} :root {
--serif-font: "Roboto Slab";
--sans-serif-font: "Lato";
}
body,
button,
input,
select,
textarea {
color: #444;
font-family: var(--serif-font), serif;
font-size: 15px;
line-height: 1.8;
font-weight: 300;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-weight: normal;
font-family: var(--sans-serif-font), sans-serif;
line-height: 1.3;
margin-bottom: 15px;
color: #555;
font-weight: 400;
}
p {
margin-bottom: 20px;
}
b,
strong {
font-weight: bold;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
line-height: 1.5em;
margin: 0 15px 1.5em 15px;
font-size: 15.75px;
font-style: italic;
font-family: var(--serif-font), serif;
font-weight: 300;
}
address {
margin: 0 0 15px;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: 0.5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
h1 {
font-size: 30px;
}
h2 {
font-size: 26px;
}
h3 {
font-size: 22px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
} hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 15px;
}
ul,
ol {
margin: 0 0 15px 20px;
}
ul {
list-style: circle;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 15px;
}
dt {
font-weight: bold;
}
dd {
margin: 0 15px 15px;
}
img {
height: auto; max-width: 100%; }
figure {
margin: 0;
}
table {
margin: 0 0 15px;
width: 100%;
border-collapse: collapse;
}
th {
font-weight: bold;
border: 1px solid #ccc;
padding: 5px 10px;
}
td {
border: 1px solid #ccc;
padding: 5px 10px;
} button,
input,
select,
textarea {
font-size: 100%; margin: 0; vertical-align: middle;
}
.navigation .nav-links a,
.bttn,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
background: #353f47;
color: #fff;
cursor: pointer; font-size: 14px;
font-family: var(--sans-serif-font), sans-serif;
line-height: 1;
text-transform: uppercase;
border: none;
padding: 10px 20px;
font-weight: normal;
border-bottom: 3px solid #111;
display: inline-block;
position: relative;
}
.bttn:after {
content: "";
background: #00abff;
height: 3px;
width: 0%;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
position: absolute;
left: 0;
bottom: -3px;
}
.bttn:hover:after {
width: 100%;
}
.bttn:hover {
color: #fff;
}
.navigation .nav-links a:hover,
.bttn:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
color: #fff;
}
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 {
}
input[type="checkbox"],
input[type="radio"] {
padding: 0; }
input[type="search"] {
-webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { border: 0;
padding: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
select {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
height: 36px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
border: 1px solid #aaa;
}
.searchform input[type="text"]:focus {
border: none;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
select {
padding: 3px 6px;
}
textarea {
overflow: auto; padding-left: 3px;
vertical-align: top; color: #666;
border: 1px solid #ccc;
border-radius: 3px;
height: 160px;
max-width: 100%;
} a {
color: #01aefd;
text-decoration: none;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
a:visited {
}
a:hover,
a:focus,
a:active {
}  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.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-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } .alignleft {
display: inline;
float: left;
margin-right: 15px;
}
.alignright {
display: inline;
float: right;
margin-left: 15px;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto;
} .clearfix:before,
.clearfix:after,
.row:before,
.row: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,
.ak-container:after,
.ak-container:before {
content: "";
display: table;
}
.clearfix:after,
.row:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.ak-container:after {
clear: both;
}
.clear {
clear: both;
} .widget {
margin: 0 0 25px;
} .widget select {
max-width: 100%;
} .widget_search .search-submit {
display: none;
} h1.entry-title {
color: #666;
}
h1.entry-title a {
color: #666;
}
.sticky {
}
.hentry {
margin: 0 0 15px;
}
.byline,
.updated {
display: none;
}
.single .byline,
.group-blog .byline,
.posted-on {
display: inline;
font-family: var(--serif-font), serif;
font-size: 14px;
font-style: italic;
font-weight: 300;
}
.page-content,
.entry-content,
.entry-summary {
margin: 15px 0 0;
}
.page-links {
clear: both;
margin: 0 0 15px;
}
.edit-link .post-edit-link {
background: #293037;
padding: 4px 10px;
color: #fff !important;
line-height: 1;
border-radius: 3px;
font-size: 13px;
}
.edit-link .post-edit-link:before {
content: "\f044";
font-family: FontAwesome;
margin-right: 5px;
}
#blog-post article.hentry,
.search article.hentry,
.archive article.hentry,
.tag article.hentry,
.category article.hentry,
#ak-blog-post article.hentry {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 3px solid #f1f2f3;
}
article.hentry .edit-link {
display: block;
margin-top: 20px;
}
article.hentry h1.entry-title {
margin-bottom: 5px;
line-height: 1.2;
}
article.hentry .entry-footer > span {
margin-right: 15px;
font-size: 13px;
}
.page-header {
border-left: 5px solid #666;
padding-left: 15px;
margin-bottom: 25px;
}
.posted-on:before {
content: "\f073";
font-family: FontAwesome;
font-style: normal;
margin-right: 5px;
}
.cat-links:before {
content: "\f07c";
font-family: FontAwesome;
font-style: normal;
margin-right: 5px;
}
.comments-link:before {
content: "\f075";
font-family: FontAwesome;
font-style: normal;
margin-right: 5px;
}
.tags-links:before {
content: "\f02c";
font-family: FontAwesome;
font-style: normal;
margin-right: 5px;
}
.entry-footer a {
color: #999;
}
.entry-footer a:hover {
color: #01aefd;
}
.nav-links .meta-nav {
display: none;
}
.nav-links .nav-previous a:before {
content: "\f0d9";
font-family: FontAwesome;
font-style: normal;
margin-right: 5px;
}
.nav-links .nav-next a:after {
content: "\f0da";
font-family: FontAwesome;
font-style: normal;
margin-left: 5px;
} .blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
}
#comments h2.comments-title {
font-family: var(--sans-serif-font), sans-serif; margin: 15px 0;
font-weight: 300;
}
#comments h3 {
margin: 0 0 10px;
line-height: 1;
}
#commentform label {
width: 120px;
display: inline-block;
}
textarea#comment {
width: 60%;
height: 150px;
} .comments-area ol {
margin: 0;
padding: 0;
list-style: none;
}
.comments-area .comment-list {
background: #f2f3f4;
padding: 20px;
margin-bottom: 1.5em;
}
.comments-area ol.children {
margin: 15px 0 0 15px;
padding-top: 15px;
border-top: 2px solid #fff;
}
.comment-list li {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 6px solid #fff;
}
.comment-list li:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}
.comment-author img {
vertical-align: text-top;
margin-right: 15px;
}
.comment-author { }
.comment-author .fn {
font-style: normal;
font-size: 16px;
text-transform: capitalize;
font-weight: bold;
}
.comment-author .fn .url {
color: #333;
}
.comment-author .fn .url:hover {
border-bottom: 1px dotted #333;
}
.comment-author .says {
display: none;
}
.commentmetadata {
float: right;
font-family: var(--serif-font), serif;
font-weight: normal;
font-size: 12px;
font-style: italic;
font-weight: 300;
}
.commentmetadata a {
color: #666;
}
.commentmetadata .comment-edit-link {
color: #01aefd;
}
.commentmetadata + .clear {
margin-bottom: 20px;
}
.reply .comment-reply-link {
background: none repeat scroll 0 0 #293037;
border-radius: 3px;
color: #ffffff;
font-size: 13px;
line-height: 1;
padding: 2px 10px;
}
#respond {
background: #f1f2f3;
padding: 20px;
margin-top: 10px;
}
#commentform .form-submit {
margin-bottom: 0;
}
.comment-awaiting-moderation {
background: #111;
position: absolute;
left: 50%;
top: -20px;
color: #fff;
font-size: 13px;
width: 250px;
margin-left: -125px;
}
.comment-awaiting-moderation + br {
display: none;
}
#cancel-comment-reply-link {
font-style: italic;
color: #333;
}
#cancel-comment-reply-link:before {
font-family: FontAwesome;
content: "\f057";
margin: 0 5px 0 20px;
font-style: normal;
color: #333;
}
.logged-in-as a {
color: #333;
}  .infinite-scroll .paging-navigation, .infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
} .page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.wp-caption {
border: 1px solid #ccc;
margin-bottom: 15px;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 1.2% auto 0;
max-width: 98%;
}
.wp-caption-text {
text-align: center;
}
.wp-caption .wp-caption-text {
margin: 10px 0;
}
.site-main .gallery {
margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-main .gallery a img {
border: none;
height: auto;
max-width: 90%;
}
.site-main .gallery dd,
.site-main .gallery figcaption {
margin: 0;
}
.site-main .gallery-columns-4 .gallery-item {
}
.site-main .gallery-columns-4 .gallery-item img {
} embed,
iframe,
object {
max-width: 100%;
} .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;
} #masthead #top-header {
padding: 20px 0;
background: url(//www.spencergreenberg.com/wp-content/themes/accesspress-lite-josh/images/bgheader.jpg) repeat-x scroll left bottom #fff;
}
body.boxed-layout {
background: #f2f3f4;
}
.boxed-layout #page {
margin: 0 auto;
background: #fff;
width: 1200px;
box-shadow: 0 0 12px #999;
}
.boxed-layout .ak-container {
width: 1200px;
padding-left: 40px;
padding-right: 40px;
}
.ak-container {
width: 1170px;
margin: 0 auto;
}
#masthead .site-branding {
float: left;
padding: 15px 0;
}
#masthead .site-branding h1 {
text-transform: uppercase;
color: #00abff;
margin: 0;
font-weight: 500;
}
#masthead .site-branding .tagline {
color: #999;
line-height: 1.2;
}
#masthead .site-branding img {
height: auto !important;
width: auto !important;
display: block;
}
#masthead .right-header {
float: right;
padding: 10px 0;
}
#masthead .right-header .clear:first-child {
margin-top: 25px;
}
.header-text {
font-family: var(--serif-font), serif;
color: #01aefd;
font-size: 14px;
text-align: right;
margin-bottom: 10px;
}
.header-text p {
margin-bottom: 0;
} .socials {
float: left;
margin-left: 20px;
}
.socials a {
height: 36px;
width: 36px;
margin-left: 1px;
color: #01aefd;
border: 1px solid #01aefd;
text-align: center;
line-height: 38px;
display: inline-block;
font-size: 18px;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.socials a:hover {
color: #fff;
background: #01aefd;
} .ak-search {
float: right;
}
.searchform {
height: 36px;
width: 200px;
border: 1px solid #01aefd;
margin-left: 20px;
}
.searchform .s {
border: none;
background: none;
height: 34px;
float: left;
padding: 5px 10px;
width: 160px;
vertical-align: middle;
font-size: 14px;
}
.searchform .searchsubmit {
border: none;
height: 34px;
width: 34px;
padding: 0;
box-shadow: none;
float: right;
background: none;
color: #01aefd;
font-size: 14px;
} .main-navigation {
clear: both;
display: block;
font-weight: 300;
font-family: var(--serif-font), serif;
position: relative;
border-bottom: 3px solid #04a3ed;
background: #00abff;
}
@media (max-width: 940px) {
#site-navigation.main-navigation > .ak-container {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
justify-content: flex-end !important;
align-content: center !important;
align-items: center !important;
gap: 0 !important;
}
}
.main-navigation ul {
list-style: none;
margin: 0;
padding: 0;
}
.main-navigation li {
display: inline-block;
position: relative;
line-height: 48px;
font-size: 18px;
text-transform: uppercase;
color: #ababab;
white-space: nowrap;
}
.main-navigation.menu-right {
text-align: right;
}
.main-navigation.menu-center {
text-align: center;
}
.main-navigation.menu-right li {
margin-right: 0;
}
.main-navigation a {
display: block;
text-decoration: none;
color: #fff;
padding: 0 1em;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
display: none;
left: 0;
position: absolute;
z-index: 99999;
background: #fff;
top: 100%;
border-bottom: 3px solid #04a3ed;
border-top: 3px solid #04a3ed;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.main-navigation ul li.more-menu-item > ul {
right: 0;
left: auto;
}
.main-navigation ul ul ul {
left: 100%;
top: 0;
border-top: none;
}
.main-navigation ul ul a {
min-width: 150px;
padding: 0;
}
.main-navigation ul ul li {
font-size: 16px;
line-height: 18px;
border-bottom: 1px solid #ddd;
margin: 0 !important;
padding: 10px 15px;
display: block;
text-align: left;
text-transform: none;
}
.main-navigation ul ul li:last-child {
border-bottom: none;
}
.main-navigation li:hover > a {
background: #04a3ed;
}
.main-navigation ul ul li:hover > a,
.main-navigation ul ul li.current-menu-item > a {
color: #01aefd;
}
.main-navigation ul ul a {
color: #666;
background: none !important;
}
.main-navigation ul ul a:hover {
}
.main-navigation ul li:hover > ul {
display: block;
}
.main-navigation .current-menu-parent > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_parent > a {
background: #04a3ed;
} .menu-toggle {
cursor: pointer;
display: none;
}
.hide {
display: none;
}
.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
margin: 0 0 15px;
overflow: hidden;
}
.site-main .post-navigation {
margin-top: 40px;
}
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
} #slider-banner {
overflow: hidden;
background: #111;
}  #top-section {
margin-top: 30px;
margin-bottom: 40px;
padding-bottom: 40px;
border-bottom: 1px solid #f2f2f2;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
align-content: stretch;
}
#top-section h2 {
text-transform: uppercase;
margin-bottom: 25px;
font-size: 30px;
}
#top-section h2 a {
color: #666;
}
#top-section .welcome-text-image { flex-grow: 1;
flex-basis: 50%;
margin-bottom: 1.5em;
}
#top-section #welcome-text.full-width .welcome-text-image { }
#top-section .welcome-text-image img {
width: 100%;
}
#top-section .welcome-detail { flex-grow: 1;
flex-basis: 50%;
}
#top-section #welcome-text.full-width .welcome-detail { }
#top-section .welcome-detail.welcome-detail-full-width { }
#welcome-text { flex-grow: 6;
flex-basis: 60%;
min-width: 463px; padding-right: 1.5em;
}
#welcome-text.full-width {
width: 100%;
float: none;
}
#latest-events { flex-grow: 4;
flex-basis: 40%;
min-width: 463px; padding-left: 1.5em;
}
@media (max-width: 926px) {
#welcome-text {
padding-right: 0;
}
#latest-events {
padding-left: 0;
}
}
.event-list {
border-bottom: 1px solid #f2f2f2;
padding-bottom: 15px;
margin-bottom: 15px;
}
.event-list:last-child {
margin-bottom: 0;
border-bottom: none;
padding-bottom: 0;
}
.event-list .event-thumbnail {
float: left;
width: 136px;
position: relative;
}
.event-list .event-thumbnail img {
display: block;
}
.event-thumbnail .event-date {
position: absolute;
left: 0;
top: 0;
background: #07a2dd;
color: #fff;
width: 60px;
text-align: center;
padding: 10px 0;
line-height: 1;
font-weight: 600;
}
.event-date .event-date-day {
display: block;
margin-bottom: 3px;
font-weight: 400;
font-size: 13px;
}
.event-date .event-date-month {
display: block;
font-weight: 400;
font-size: 13px;
}
.sidebar .event-date .event-date-day,
.sidebar .event-date .event-date-month {
display: inline;
}
.event-list .event-detail {
float: right;
width: 340px;
}
.event-detail h4 {
line-height: 1.5;
font-family: var(--sans-serif-font), sans-serif;
margin-bottom: 5px;
}
.event-detail h4 a {
color: #666;
}
.event-detail h4 a:hover {
color: #01aefd;
}
.sidebar #latest-events {
width: auto;
float: none;
margin-bottom: 25px;
}
.sidebar .event-list .event-thumbnail {
width: 30%;
}
.sidebar .event-list .event-detail {
width: 65%;
}
.sidebar .event-detail h4 {
font-size: 18px;
margin-bottom: 5px;
}
.sidebar .event-list .event-detail {
font-size: 14px;
line-height: 1.5;
}
.sidebar .event-thumbnail .event-date {
width: 100%;
font-size: 13px;
padding: 5px 0;
top: auto;
bottom: 0;
}
.sidebar .all-events {
float: right;
margin-top: -10px;
} #mid-section {
margin-bottom: 50px;
}
.featured-post { }
.featured-post:last-child {
margin-right: 0;
}
.featured-post .featured-image {
overflow: hidden;
position: relative;
margin-bottom: 20px;
text-align: center;
width: 100%;
max-height: 200px;
}
.featured-post .featured-image img {
display: block;
margin: 0 auto;
width: 100%;
}
.featured-post h4 {
text-transform: uppercase;
line-height: 1.2;
margin-bottom: 10px;
}
.featured-post h4.has-icon .fa {
font-size: 32px;
margin-right: 8px;
float: left;
}
.featured-post h4 a {
color: #666;
}
.featured-post p {
margin-bottom: 15px;
}
.featured-post.big-icon {
text-align: center;
}
.featured-post.big-icon h4.has-icon .fa {
float: none;
margin: 0 auto 20px;
font-size: 80px;
color: #0097d6;
border: 4px solid #0097d6;
border-radius: 100%;
text-align: center;
line-height: 160px;
display: inline-block;
height: 160px;
width: 160px;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
transform: rotateY(0deg);
-ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); }
.featured-post.big-icon h4.has-icon:hover .fa {
transform: rotateY(180deg);
-ms-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); }
.featured-post.big-icon h4.has-icon span {
display: block;
}
.featured-post .featured-overlay {
background: #0097d6;
height: 100%;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
width: 100%;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
transform: rotateY(0deg) scale(0.3);
-ms-transform: rotateY(0deg) scale(0.3); -webkit-transform: rotateY(0deg) scale(0.3); }
.featured-post .overlay-plus {
color: #ffffff;
font-size: 40px;
left: 50%;
line-height: 40px;
margin: -20px 0 0 -20px;
opacity: 1;
position: absolute;
top: 50%;
}
.featured-image:hover .featured-overlay {
opacity: 0.8;
filter: alpha(opacity=80);
transform: rotateY(180deg) scale(1);
-ms-transform: rotateY(180deg) scale(1); -webkit-transform: rotateY(180deg) scale(1); } #bottom-section {
background: #0097d6;
color: #fff;
padding: 40px 0;
}
#bottom-section a {
color: #fff;
}
#bottom-section h3,
#bottom-section h3.widget-title {
text-transform: uppercase;
line-height: 1;
margin-bottom: 25px;
color: #fff;
font-size: 26px;
}
#bottom-section .testimonial-slider-wrap,
#bottom-section .thumbnail-gallery,
#bottom-section .text-box {
width: 360px;
margin-right: 45px;
float: left;
}
#bottom-section .testimonial-slider-wrap {
margin-right: 0;
}
#bottom-section .thumbnail-gallery #gallery-1 .gallery-item {
display: inline-block;
margin: 0 2% 2% 0;
padding: 4px;
background: rgba(0, 0, 0, 0.1);
width: 31%;
float: none;
}
#bottom-section .thumbnail-gallery .gallery-item a {
display: block;
overflow: hidden;
}
#bottom-section .thumbnail-gallery .gallery-item:hover {
background: rgba(0, 0, 0, 0.2);
}
#bottom-section .thumbnail-gallery .gallery-item img {
display: block;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
border: none;
margin: 0 auto;
}
#bottom-section .thumbnail-gallery .gallery-item:hover img {
transform: scale(1.1);
-ms-transform: scale(1.1); -webkit-transform: scale(1.1); }
#bottom-section .thumbnail-gallery br {
display: none;
}
#bottom-section .text-box ul {
list-style: none;
margin: 0;
}
#bottom-section .text-box ul li {
padding-left: 25px;
position: relative;
margin-bottom: 5px;
line-height: 1.4;
}
#bottom-section .text-box ul li:before {
content: "\f00c";
font-family: FontAwesome;
margin-right: 10px;
position: absolute;
left: 0;
top: 2px;
} #bottom-section .testimonial-slider-wrap {
overflow: hidden;
}
.testimonial-wrap {
background: #00b4ff;
padding: 10px;
position: relative;
}
.testimonial-wrap:after {
content: "";
border-width: 10px;
border-style: solid;
border-color: #00b4ff transparent transparent;
position: absolute;
left: 50px;
bottom: -20px;
}
.testimonial-thumbnail {
width: 100px;
float: left;
}
.testimonial-excerpt {
width: 225px;
float: right;
line-height: 20px;
font-size: 14px;
}
.testimoinal-client-name {
position: absolute;
top: 100%;
left: 10px;
font-weight: 600;
margin-top: 20px;
max-width: 200px;
line-height: 1.2;
}
.testimonial-wrap .bx-viewport {
overflow: visible !important;
}
.testimonial-slider-wrap .all-testimonial {
float: right;
margin-top: 60px;
font-family: var(--serif-font), serif;
font-weight: normal;
color: #fff;
font-weight: 700;
}
.testimonial-sidebar .testimonial-wrap {
background: none;
padding: 0;
}
.testimonial-sidebar .testimonial-wrap:after {
display: none;
}
.testimonial-sidebar .testimonial-list {
position: relative;
margin-bottom: 50px;
background: #f2f3f4;
padding: 10px;
border-radius: 3px;
}
.testimonial-sidebar .testimonial-list:after {
border-color: #f1f2f3 transparent transparent;
border-style: solid;
border-width: 10px;
bottom: -20px;
content: "";
right: 50px;
position: absolute;
}
.testimonial-sidebar .testimoinal-client-name {
right: 50px;
left: auto;
top: 100%;
font-family: var(--serif-font), serif;
font-size: 16px;
font-style: italic;
font-weight: 300;
margin-top: 10px;
line-height: 1.2;
}
.testimonial-sidebar .testimonial-thumbnail {
width: 30%;
}
.testimonial-sidebar .testimonial-thumbnail img {
}
.testimonial-sidebar .testimonial-excerpt {
width: 65%;
}
.testimonial-sidebar .all-testimonial {
float: right;
} #colophon {
background: #353f47;
}
.site-footer a {
color: #ccc;
}
.site-footer a:hover {
color: #f9f9f9;
}
#top-footer {
font-size: 14px;
background: #353f47;
padding: 40px 0;
color: #ccc;
}
#top-footer ul {
margin: 0;
padding: 0;
list-style: none;
}
#top-footer ul li {
border-bottom: 1px solid #454d54;
padding: 10px 0;
line-height: 1.3;
}
#top-footer ul li:last-child {
border-bottom: none;
}
#top-footer .sub-menu {
display: none;
}
#top-footer .footer {
width: 25%;
float: left;
}
#top-footer h3.widget-title {
font-size: 24px;
color: #f2f3f4;
text-transform: uppercase;
margin-bottom: 20px;
line-height: 28px;
}
#top-footer .footer .widget {
padding-right: 45px;
margin: 0 0 10px;
}
#top-footer .footer.footer4 .widget {
padding-right: 0;
}
#top-footer .ak-google-map {
margin: 30px 0 10px;
}
#top-footer .ak-google-map iframe {
width: 100% !important;
height: 160px !important;
}
#top-footer .ak-contact-address {
font-weight: normal;
line-height: 1.3;
margin-bottom: 20px;
}
#top-footer .footer .socials {
margin: 0;
float: none;
text-align: center;
}
#top-footer .footer .socials a {
border: 1px solid #ccc;
}
#top-footer .footer .socials a:hover {
border: 1px solid #01aefd;
}
#bottom-footer {
background: #293037;
padding: 15px 0;
text-transform: uppercase;
font-family: var(--serif-font), serif;
color: #ccc;
font-weight: 300;
}
#bottom-footer .site-info {
float: right;
font-size: 14px;
margin: 0;
color: #ccc;
line-height: 1.8;
}
#bottom-footer .copyright {
float: left;
} .widget_recent_entries .post-date {
font-style: italic;
color: #adadad;
display: block;
font-size: 13px;
line-height: 1;
margin-top: 5px;
}
.widget_recent_comments .url {
color: #adadad;
}
.sidebar .widget_recent_comments .url {
color: #333;
}
.sidebar .widget_recent_comments .url:hover {
color: #01aefd;
}
.widget_calendar caption {
text-align: center;
margin-bottom: 10px;
}
#wp-calendar th,
#wp-calendar td {
text-align: center;
border: none;
}
#wp-calendar tfoot td#prev {
text-align: left;
}
#wp-calendar tfoot td#next {
text-align: right;
}
#wp-calendar tbody td a {
color: #adadad;
} #content {
padding: 40px 0;
}
#primary {
width: 68%;
float: left;
}
#primary-wrap {
float: left;
width: 78%;
}
.no-sidebar #primary {
width: 100%;
float: none;
}
.both-sidebar #primary {
width: 72%;
float: right;
}
.left-sidebar #primary {
float: right;
}
.both-sidebar .sidebar {
width: 20%;
}
.both-sidebar #primary-wrap .sidebar {
width: 25.5%;
}
.sidebar {
width: 29%;
}
.sidebar.right-sidebar {
float: right;
}
.sidebar.left-sidebar {
float: left;
}
#ak-blog-post {
padding-top: 30px;
padding-bottom: 30px;
} .sidebar ul {
list-style: none;
margin: 0;
padding: 0;
}
.sidebar ul li {
border-bottom: 1px solid #f2f2f2;
padding: 5px 0;
line-height: 20px;
}
.sidebar ul li:last-child {
border-bottom: none;
}
.sidebar ul li a {
color: #666;
}
.sidebar ul li a:hover {
color: #01aefd;
}
.sidebar h3.widget-title {
background: #f1f2f3;
border-left: 5px solid #01aefd;
font-size: 22px;
text-transform: uppercase;
padding: 10px 15px;
line-height: 24px;
}
.sidebar .searchform {
width: 100%;
margin: 0;
}
.sidebar .searchform .s {
width: calc(100% - 38px);
} .cat-event-list {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 3px solid #f1f2f3;
}
.cat-event-list:last-child {
border-bottom: none;
margin-bottom: 0;
}
.cat-event-list .cat-event-image {
float: left;
width: 30%;
}
.cat-event-list .cat-event-excerpt {
float: right;
width: 68%;
margin-bottom: 10px;
}
.cat-event-list .cat-event-excerpt.full-width {
width: auto;
float: none;
}
.cat-event-list .cat-event-more {
float: right;
color: #fff;
clear: both;
}
.event-date-archive {
font-size: 13px;
font-style: italic;
color: #fff;
background: #00abff;
padding: 5px 10px;
display: inline-block;
line-height: 1;
border-radius: 2px;
margin-bottom: 10px;
}
.event-date-archive a {
color: #fff;
}
.cat-testimonial-list {
margin-bottom: 40px;
}
.cat-testimonial-list:nth-child(odd) .entry-header {
float: right;
}
.cat-testimonial-list .entry-header {
float: left;
width: 25%;
background: #f2f3f4;
padding: 5px;
}
.cat-testimonial-list .cat-testimonial-image img {
display: block;
}
.cat-testimonial-list .entry-header h1.entry-title {
font-size: 20px;
text-align: center;
font-family: var(--serif-font), serif;
margin: 0;
padding: 10px 5px;
line-height: 1.2;
font-size: 18px;
font-weight: 300;
}
.cat-testimonial-list .cat-testimonial-excerpt {
float: right;
width: 70%;
background: #f2f3f4;
padding: 2%;
border-radius: 12px;
margin-top: 0;
position: relative;
}
.cat-testimonial-list:nth-child(odd) .cat-testimonial-excerpt {
float: left;
}
.cat-testimonial-list .cat-testimonial-excerpt:before {
content: "";
border-width: 20px;
border-color: transparent #f2f3f4 transparent transparent;
left: -40px;
top: 20px;
border-style: solid;
position: absolute;
}
.cat-testimonial-list:nth-child(odd) .cat-testimonial-excerpt:before {
left: auto;
right: -40px;
border-color: transparent transparent transparent #f2f3f4;
}
.entry-thumbnail {
margin: 8px 15px 10px 0;
float: left;
}
.short-content {
margin-bottom: 20px;
}
.short-content + .bttn {
float: right;
margin-bottom: 15px;
}
.cat-portfolio-list {
float: left;
width: 49%;
margin-bottom: 2%;
margin-right: 2%;
background: #f2f3f4;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.cat-portfolio-list:nth-child(odd) {
margin-right: 0;
}
.cat-portfolio-list {
display: block;
position: relative;
overflow: hidden;
}
.cat-portfolio-image img {
display: block;
width: 100%;
transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
}
.portofolio-layout {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.portofolio-layout .entry-title {
font-family: var(--serif-font), serif;
font-weight: 300;
position: absolute;
left: 0;
top: 60px;
width: 100%;
font-size: 26px;
color: #fff;
margin: 0;
padding: 10px;
line-height: 1;
text-align: center;
background: #00abff;
padding: 10px;
opacity: 0;
text-transform: uppercase;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transform: translateY(-100px);
-ms-transform: translateY(-100px); -webkit-transform: translateY(-100px); }
.portofolio-layout .cat-portfolio-excerpt {
font-family: var(--serif-font), serif;
font-weight: 300;
position: absolute;
left: 0;
top: 130px;
width: 100%;
padding: 0px 40px;
color: #fff;
text-align: center;
font-size: 16px;
font-style: italic;
opacity: 0;
line-height: 1.2;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transform: translateY(100px);
-ms-transform: translateY(100px); -webkit-transform: translateY(100px); }
.cat-portfolio-list:hover .portofolio-layout {
background: rgba(0, 151, 214, 0.6);
}
.cat-portfolio-list:hover .portofolio-layout .entry-title {
opacity: 1;
transform: translateY(0);
-ms-transform: translateY(0); -webkit-transform: translateY(0); }
.cat-portfolio-list:hover .portofolio-layout .cat-portfolio-excerpt {
opacity: 1;
transform: translateY(0);
-ms-transform: translateY(0); -webkit-transform: translateY(0); }
.cat-portfolio-list:hover .cat-portfolio-image img {
transform: scale(1.2);
-ms-transform: scale(1.2); -webkit-transform: scale(1.2); }
.error-404 {
text-align: center;
min-height: 400px;
}
.error-404 .page-header {
border-left: 0;
}
.number404 {
font-size: 50px;
background: #353f47;
color: #fff;
height: 150px;
width: 150px;
border-radius: 150px;
line-height: 150px;
text-align: center;
color: #fff;
position: relative;
display: inline-block;
box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
text-shadow: 1px 1px 1px #999;
-webkit-animation: rotate linear 4s infinite;
animation: rotate linear 4s infinite;
-webkit-perspective: 500px; perspective: 500px;
margin-top: 40px;
}
.number404 span {
font-size: 14px;
position: absolute;
width: 100%;
text-align: center;
bottom: 30px;
line-height: 16px;
left: 0;
backface-visibility: visible;
-webkit-backface-visibility: visible; backface-visibility: visible;
} #top-footer .wpcf7-form p {
margin-bottom: 6px;
}
#top-footer input[type="text"],
#top-footer input[type="email"],
#top-footer input[type="url"],
#top-footer input[type="password"],
#top-footer input[type="search"],
#top-footer input[type="tel"] {
border: 1px solid #cccccc;
color: #666666;
height: 32px;
background: none;
width: 100%;
color: #ccc;
border-radius: 0;
}
#top-footer textarea {
border: 1px solid #cccccc;
color: #666666;
height: 100px;
background: none;
width: 100%;
color: #ccc;
border-radius: 0;
}
#top-footer input[type="submit"] {
background: #ee5e3b;
border-color: #293037;
} #call-to-action {
background: #00abff;
padding: 40px 0;
color: #fff;
}
#call-to-action h4 {
font-size: 24px;
margin-bottom: 0;
float: left;
color: #fff;
font-weight: normal;
font-family: var(--sans-serif-font), sans-serif;
max-width: 85%;
}
#call-to-action .action-btn {
float: right;
background: #353f47;
border: 2px solid #282f35;
padding: 10px 20px;
color: #fff;
line-height: 1;
border-radius: 4px;
}
#call-to-action .action-btn:hover {
background: #282f35;
} .rtl #masthead .site-branding {
float: right;
}
.rtl #masthead .right-header {
float: left;
}
.rtl .header-text {
text-align: left;
}
.rtl .socials {
margin-left: 0;
}
.rtl #call-to-action h4 {
float: right;
}
.rtl #call-to-action .action-btn {
float: left;
}
.rtl .featured-post h2.has-icon .fa { }
.rtl #bottom-section .text-box ul li {
padding-left: 0;
padding-right: 25px;
}
.rtl #bottom-section .text-box ul li:before {
left: auto;
right: 0;
margin-right: 0;
margin-left: 10px;
}
.rtl .page-header {
border-left: 0;
border-right: 5px solid #666;
padding-left: 0;
padding-right: 15px;
}
.rtl .sidebar h3.widget-title {
border-left: 0;
border-right: 5px solid #01aefd;
}
.rtl .main-navigation ul ul li {
text-align: right;
}
.rtl .event-list .event-thumbnail {
float: right;
}
.rtl .event-list .event-detail {
float: left;
}
.rtl .testimonial-thumbnail {
float: right;
}
.rtl .testimonial-excerpt {
float: left;
text-align: right;
}
.rtl .cat-event-list .cat-event-image {
float: right;
}
.rtl .cat-event-list .cat-event-excerpt {
float: left;
}
.rtl .entry-thumbnail {
float: right;
margin: 8px 0 10px 15px;
}
.rtl #welcome-text {
float: right;
}
.rtl #latest-events {
float: left;
}
.rtl .comment-navigation .nav-previous,
.rtl .paging-navigation .nav-previous,
.rtl .post-navigation .nav-previous {
text-align: left;
} @-webkit-keyframes rotate {
0% {
transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
}
100% {
transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);
}
} @keyframes rotate {
0% {
transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
}
100% {
transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);
}
} .row {
margin-bottom: 25px;
}
.span1,
.span2,
.span3,
.span4,
.span5,
.span6 {
float: left;
}
.col {
margin-left: 3%;
}
.col:first-child {
margin-left: 0;
}
.span1 {
width: 14.1666666667%;
}
.span2 {
width: 31.3333333333%;
}
.span3 {
width: 48.5%;
}
.span4 {
width: 65.6666666667%;
}
.span5 {
width: 82.8333333333%;
}
.span6 {
width: 100%;
margin-left: 0;
} .menu-item {
font-family: var(--sans-serif-font), sans-serif;
}
h4 {
line-height: 1.5 !important;
}
p,
.short-content {
text-align: justify;
margin-bottom: 1em;
}
.welcome-detail,
.welcome-detail p {
text-align: left;
}
hr {
margin: 1.5em 0;
}
.content-area {
width: 100% !important;
}
.ak-container {
width: calc(100% - 6em) !important;
margin: 0 auto !important;
max-width: 1300px !important;
padding: 0 !important;
}
#top-section {
margin-top: 3em !important;
}
#welcome-text-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
align-content: stretch;
min-width: 309px;
}
.welcome-text-image {
min-width: 154px;
padding-right: 1em;
}
.welcome-detail {
padding-left: 1em;
}
@media (max-width: 768px) {
#welcome-text {
width: 100% !important;
min-width: 0 !important;
}
#welcome-text-container {
display: block;
width: 100%;
min-width: 0;
}
.welcome-text-image {
display: block;
width: 100%;
min-width: 0;
padding: 0;
}
.welcome-detail {
padding: 0;
}
}
@media (max-width: 1018px) {
#welcome-text {
padding-right: 0;
}
#latest-events {
padding-left: 0;
margin-top: 1em;
}
}
@media (min-width: 1018px) and (max-width: 1200px) {
#latest-events {
padding-left: 0;
}
}
@media (min-width: 1018px) and (max-width: 1070px) {
.welcome-text-image {
padding-right: 1em;
}
.welcome-detail {
padding-left: 1em;
}
}
@media (min-width: 768px) and (max-width: 1018px) {
.welcome-text-image {
padding-right: 1em;
}
.welcome-detail {
padding-left: 1em;
}
}
#latest-events {
max-width: 100% !important;
margin-bottom: 1.5em;
}
.event-list {
clear: both;
float: none;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
align-content: stretch;
}
.event-thumbnail {
clear: both;
float: none;
flex-basis: 33%;
flex-grow: 1;
padding-right: 1em;
}
.event-thumbnail img {
width: 100%;
}
.event-detail {
clear: both;
float: none;
flex-basis: 67%;
flex-grow: 2;
padding-left: 1em;
}
@media (max-width: 558px) {
#latest-events {
width: 100%;
min-width: 100%;
}
.event-list {
display: block;
width: 100% !important;
min-width: 0;
padding: 0;
}
.event-thumbnail {
display: block;
width: 100% !important;
padding: 0;
margin-bottom: 1em;
}
.event-detail {
display: block;
width: 100% !important;
padding: 0;
}
}
#mid-section {
clear: both;
float: none;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
align-content: stretch;
margin-bottom: 1.5em !important;
}
.featured-post {
clear: both;
float: none;
flex-basis: 0;
flex-grow: 1;
padding: 0;
margin-left: 1.5em;
margin-right: 1.5em;
margin-bottom: 1.5em;
}
.featured-post:first-of-type {
margin-left: 0;
}
.featured-post:last-of-type {
margin-right: 0;
}
@media (max-width: 768px) {
#mid-section {
display: block;
width: calc(100% - 6em);
min-width: calc(100% - 6em);
}
.featured-post {
display: block;
width: 100% !important;
min-width: 0;
padding: 0;
margin: 0 0 3em 0;
}
}
p,
.event-excerpt,
.short-content {
font-size: 1.05em !important;
}
hr {
background-color: rgb(241, 242, 243) !important;
padding: 1.5px !important;
}
hr.wp-block-separator {
margin: 1.5em 0 1.5em 0;
padding: 0 !important;
border: 0 !important;
width: 100%;
height: 2px;
background-color: rgb(200, 200, 200) !important;
}
.ak-container-single {
max-width: 768px !important;
}
.left-sidebar {
width: 100% !important;
}
@media (max-width: 940px) {
.main-navigation a {
padding: 0 calc(1.05 * 1.5em);
}
}
.comment-meta {
clear: both;
float: none;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
align-content: stretch;
margin-bottom: 1em;
}
.comment-author {
flex-basis: 50%;
flex-grow: 1;
}
.comment-metadata {
flex-basis: 50%;
flex-grow: 1;
text-align: right;
}
.comment-metadata a:first-of-type {
display: block;
}
.comments-area ol.children {
margin: 1em 0 0 0;
padding: 1em;
border-top: 0;
border-left: 3px solid rgb(189, 190, 191);
background-color: rgb(217, 218, 219);
}
.comment-content p:last-of-type {
margin-bottom: 0;
}
.comment-author img.photo {
width: 48px;
height: 48px;
}
#next-to-bottom-section {
margin-bottom: 1.5em;
}
#next-to-bottom-section h2 {
font-size: 30px;
}
.next-to-bottom-section-ak-container {
width: 33% !important;
max-width: 33% !important;
min-width: 33% !important;
margin: 0 auto !important;
padding: 1.5em !important;
}
.next-to-bottom-section-ak-container a.read-more {
width: 100%;
background-color: rgb(4, 163, 237);
text-align: center;
border-bottom: 3px solid rgb(3, 130, 190);
font-family: "Lato", sans-serif;
font-size: 20px;
}
@media (max-width: 768px) {
#next-to-bottom-section {
margin-bottom: 3em;
}
.next-to-bottom-section-ak-container {
width: calc(100% - 6em) !important;
max-width: calc(100% - 6em) !important;
min-width: calc(100% - 6em) !important;
margin: 0 auto !important;
padding: 0 !important;
}
}
.fake-link {
color: rgb(4, 163, 237);
cursor: pointer;
}
@media (max-width: 768px) {
.featured-post .featured-image {
max-height: 400px;
}
}
input[type="text"] {
max-width: 100%;
}
.entry-meta {
font-style: italic;
} #comment {
border: 1px solid rgb(204, 204, 204) !important;
border-radius: 3px !important;
color: rgb(102, 102, 102) !important;
display: block !important;
font-family: "Roboto Slab", serif !important;
font-size: 15.75px !important;
font-style: normal !important;
font-weight: 300 !important;
line-height: 22px !important;
max-width: 100% !important;
min-height: 100% !important;
width: 100% !important;
margin: 0 0 1em 0 !important;
padding: 3px 6px !important;
text-align: start !important;
vertical-align: baseline !important;
}
input[type="submit"] {
background-color: rgb(53, 63, 71) !important;
border-bottom: 3px solid rgb(4, 163, 237) !important;
border-radius: 0 !important;
box-sizing: border-box !important;
color: rgb(255, 255, 255) !important;
display: inline-block !important;
font-family: "Lato", sans-serif !important;
font-size: 14px !important;
font-weight: 400 !important;
height: 40px !important;
margin: 0 0 0 0 !important;
padding: 10px 20px !important;
position: relative !important;
text-align: center !important;
text-transform: uppercase !important;
vertical-align: baseline !important;
width: auto !important;
-moz-appearance: none !important;
}
.comment-reply-link {
background-color: rgb(53, 63, 71) !important;
border-radius: 0 !important;
box-sizing: border-box !important;
color: rgb(255, 255, 255) !important;
display: inline-block !important;
font-family: "Lato", sans-serif !important;
font-size: 12px !important;
font-weight: 400 !important;
height: auto !important;
margin: 1em 0 0 0 !important;
padding: 8px !important;
position: relative !important;
text-align: center !important;
text-transform: uppercase !important;
vertical-align: baseline !important;
width: auto !important;
-moz-appearance: none !important;
}
.comment-form-padder {
margin: 0;
padding: 1rem 0;
}
#comment-form-subscribe {
margin: 1em 0 0 0;
padding: 0;
} .sharedaddy {
margin-top: 3em !important;
}
.search .sharedaddy,
.page .sharedaddy {
display: none !important;
}
h3.sd-title {
display: none !important;
}
.sd-content li {
margin-left: 0 !important;
padding-left: 0 !important;
}
.sd-content a {
background-color: rgb(241, 242, 243) !important;
border: 0 !important;
border-bottom: 3px solid rgb(217, 218, 219) !important;
box-sizing: border-box !important;
color: rgb(255, 255, 255) !important;
display: inline-block !important;
font-family: "Lato", sans-serif !important;
font-size: 14px !important;
font-weight: 400 !important;
height: auto !important;
margin: 0 !important;
padding: 10px 20px !important;
position: relative !important;
text-align: center !important;
text-transform: uppercase !important;
vertical-align: baseline !important;
width: auto !important;
-moz-appearance: none !important;
border-radius: 0 !important;
}
.sd-content *,
.sd-content a::before {
color: rgb(68, 68, 68) !important;
}
.jp-relatedposts {
margin-top: 1.5em !important;
margin-bottom: 0 !important;
border-top: 3px solid rgb(241, 242, 243) !important;
padding-top: 1.5em !important;
}
h3.jp-relatedposts-headline {
margin-bottom: 15px !important;
line-height: 33.8px !important;
}
h3.jp-relatedposts-headline em {
font-size: 26px !important;
font-family: "Lato", sans-serif !important;
}
.jp-relatedposts-post {
font-size: 15.75px !important;
font-family: "Roboto Slab", serif !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
}
.jp-relatedposts-post:last-of-type {
margin: 0 !important;
padding: 0 !important;
}
.jp-relatedposts-post-title a:hover {
text-decoration: none !important;
}
h3.sd-title::before,
h3.jp-relatedposts-headline em::before {
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
.share-count {
color: white !important;
vertical-align: text-top !important;
padding: 4px !important;
} .main_container_contact_bank {
padding: 0 !important;
margin: 0 0 3em 0 !important;
font-family: "Roboto Slab", serif !important;
}
.cb-email,
.cb-message,
.cb-first-name,
.cb-last-name {
border: 1px solid rgb(204, 204, 204) !important;
border-radius: 3px !important;
color: rgb(102, 102, 102) !important;
display: block !important;
font-family: "Roboto Slab", serif !important;
font-size: 15.75px !important;
font-style: normal !important;
font-weight: 300 !important;
line-height: 22px !important;
max-width: 100% !important;
min-height: 32px !important;
margin: 0 0 1em 0 !important;
padding: 3px 6px !important;
text-align: start !important;
vertical-align: baseline !important;
width: 480px !important;
}
.cb-email {
height: 32px !important;
}
.main_container_contact_bank input[type="submit"] {
background-color: rgb(53, 63, 71) !important;
border-bottom: 3px solid rgb(4, 163, 237) !important;
box-sizing: border-box !important;
color: rgb(255, 255, 255) !important;
display: inline-block !important;
font-family: "Lato", sans-serif !important;
font-size: 14px !important;
font-weight: 400 !important;
height: 40px !important;
margin: 0 !important;
padding: 10px 20px !important;
position: relative !important;
text-align: center !important;
text-transform: uppercase !important;
vertical-align: baseline !important;
width: 95px !important;
-moz-appearance: none !important;
}
.main_container_contact_bank input[type="submit"]:hover {
background-color: rgb(4, 163, 237) !important;
color: white !important;
}
.main_container_contact_bank .field_label {
padding: 0 !important;
}
.main_container_contact_bank .col-md-12 {
margin: 0 0 1em 0 !important;
padding: 0 !important;
}
.main_container_contact_bank input[type="checkbox"] {
margin: 0 !important;
padding: 0 !important;
} h3.widget-title {
margin-bottom: 1em;
} .pfc-widget .news-text-wrap {
min-height: 0 !important;
}
.pfc-widget h2 {
line-height: 1.5em;
font-size: 1.5em;
}
.pfc-post {
margin-bottom: 0.5em !important;
} #call-to-action {
display: none !important;
}
.event-date {
display: none !important;
}
#top-section {
padding-bottom: 1.5em !important;
margin-bottom: 3em !important;
}
#welcome-text h2,
#latest-events h2 {
display: none !important;
}
.site-branding {
padding-top: 25px !important;
}
#masthead .ak-container {
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
justify-content: center !important;
align-content: center !important;
align-items: center !important;
}
#masthead .ak-container,
#masthead .ak-container * {
text-align: center !important;
}
#masthead .site-branding {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: center;
align-items: center;
gap: 0.75em;
}
#masthead .site-branding img {
width: 800px !important;
max-width: 100% !important;
}
#masthead .site-branding .subtitle {
font-family: Lato, Arial, Helvetica, sans-serif;
font-size: 1.5em;
line-height: 1.15em;
color: rgb(192, 192, 192);
text-align: center;
}
.single-post #masthead .site-branding .subtitle,
.page #masthead .site-branding .subtitle {
font-size: 1.4em;
}
@supports (text-wrap: balance) {
#masthead .site-branding .subtitle {
text-wrap: balance;
}
}
@media (max-width: 640px) {
#masthead .site-branding .subtitle {
font-size: 3.5vw;
}
}
.wp-post-image-container {
margin-bottom: 1.5em;
}
.wp-post-image {
margin-bottom: -0.5em;
}
.wp-post-image-caption {
background-color: rgb(245, 245, 245);
color: rgb(200, 200, 200);
padding: 0.5em;
margin: 0;
font-size: 0.85em;
}
.wp-post-image-caption a,
.wp-post-image-caption a:hover,
.wp-post-image-caption a:active,
.wp-post-image-caption a:visited {
color: rgb(185, 185, 185);
}
.wp-post-image-caption:empty {
display: none;
}  .new-banner-desktop {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-content: center;
align-items: center;
background-color: rgb(240, 240, 240);
margin-bottom: 1.5em;
}
.new-banner-portrait {
width: 403px;
}
.new-banner-portrait-wide {
display: none;
}
.new-banner-mobile {
display: none;
}
.new-banner-content {
padding: 3em;
}
.new-banner-content-title {
z-index: 1;
font-family: "Lato";
font-weight: 700;
color: #293037;
margin: 0 0 0.5em 0;
}
.new-banner-content-subtitle {
z-index: 1;
font-family: "Roboto Slab";
font-weight: 400;
color: #666666;
margin: 0 0 1em 0;
}
.new-banner-desktop .mc4wp-form-fields {
margin-bottom: 0;
}
input[type="text"] {
height: 40px;
border-radius: 0;
}
@media (max-width: 1024px) {
.new-banner-desktop {
flex-wrap: wrap;
margin-top: 1.5em;
}
.new-banner-portrait {
display: none;
}
.new-banner-portrait-wide {
display: block;
width: 100%;
}
.new-banner-content {
padding: 1.5em;
}
.new-banner-content-title {
font-size: 1.75em;
}
#top-section {
margin-top: 1em !important;
padding-top: 0 !important;
}
} .mc4wp-form-fields {
margin-bottom: 1em;
}
input#mc4wp_email,
input.mc4wp_email {
border-radius: 0 !important;
border: 3px solid rgb(192, 192, 192) !important;
height: 36px !important;
box-sizing: border-box !important;
}
#mailing-list-signup-form-submit-button,
input[type="submit"]#mailing-list-signup-form-submit-button,
.mailing-list-signup-form-submit-button,
input[type="submit"].mailing-list-signup-form-submit-button {
height: 36px !important;
}
#mc_embed_signup_scroll {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: center;
align-items: center;
gap: 0.5em;
}