/* KEYWORDS: +all, +mozilla, +os, +webkit, -android, -chrome, -edge, -firefox, -gecko, -ie, -ie10, -ie11, -ie7, -ie8, -ie9, -ipad, -iphone, -khtml, -linux, -mac, -macos, -mobile, -opera, -presto, -safari, -trident, -trident3, -trident4, -trident5, -trident6, -trident7, -upbrowser, -win, -windows, -windowsphone, -windowsxp, -winphone, -winxp, -universal */
Warning: A non-numeric value encountered in /spire/release/modules/cms.designeditor/install/scripts/csswrapper.php on line 402
Warning: A non-numeric value encountered in /spire/release/modules/cms.designeditor/install/scripts/csswrapper.php on line 402
/*** START ag20/global/common.css ***/
:root {
--blue: #1D4499;
--red: #a2191e;
}
/* Common CSS for this layout */
/* =GENERAL */
html,
body {
height: 100%;
position: relative;
}
body {
background-color: #ffffff;
color: #3a3a3c;
font-family: Helvetica, Arial, sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 1.6em;
}
@media (max-width: 979px) {body {font-size: 18px;}}
@media (max-width: 767px) {body {font-size: 16px;}}
@media (max-width: 479px) {body {font-size: 16px;}}
@media (min-width: 1921px) {
body,
html,
.navbar-container .container {
width: 1920px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
}
.container {
width: 1170px;
max-width: 100%;
}
img[align="left"] {margin-right: 15px; margin-bottom: 5px;}
img[align="right"] {margin-left: 15px; margin-bottom: 5px;}
.clr, .clear {clear: both; overflow: hidden;}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
}
h1, .h1 {color: #1D4499; font-size: 48px; line-height: 1.1em; margin-top: 20px; margin-bottom: 10px;}
h2, .h2 {color: #1D4499; font-size: 40px; line-height: 1.2em; margin-top: 20px; margin-bottom: 30px;}
h3, .h3 {color: #1D4499; font-size: 24px; line-height: 1.3em; margin-top: 20px; margin-bottom: 10px; text-transform: uppercase;}
h4, .h4 {color: #a2191e; font-size: 22px; line-height: 1.4em; margin-top: 20px; margin-bottom: 10px;}
h5, .h5 {color: #a2191e; font-size: 20px; line-height: 1.5em; margin-top: 20px; margin-bottom: 10px;}
h6, .h6 {color: #a2191e; font-size: 18px; line-height: 1.6em; margin-top: 20px; margin-bottom: 10px;}
@media (max-width: 767px) {
h2, .h2 {margin-bottom: 15px;}
}
.h1 {color: #1D4499;}
.h2 {color: #1D4499;}
.h3 {color: #1D4499;}
.h4 {color: #a2191e;}
.h5 {color: #a2191e;}
.h6 {color: #a2191e;}
.h1 {margin-bottom: 30px;}
.h2 {margin-bottom: 30px;}
.h3 {margin-bottom: 30px;}
.h4 {margin-bottom: 30px;}
.h5 {margin-bottom: 30px;}
.h6 {margin-bottom: 30px;}
@media (max-width: 767px) {
.h1 {margin-bottom: 10px;}
.h2 {margin-bottom: 10px;}
.h3 {margin-bottom: 10px;}
.h4 {margin-bottom: 10px;}
.h5 {margin-bottom: 10px;}
.h6 {margin-bottom: 10px;}
}
h1 + h2 {color: #3a3a3c; font-weight: normal;}
.modal-header h1, .modal-header h2, .modal-header h3, .modal-header h4, .modal-header h5, .modal-header h6,
.modal-header .h1, .modal-header .h2, .modal-header .h3, .modal-header .h4, .modal-header .h5, .modal-header .h6 {
padding: 0; margin: 0;
}
h1.pageTitle:empty {display: none;}
@media (max-width: 991px) {
h1, .h1 {font-size: 40px;} h2, .h2 {font-size: 24px;} h3, .h3 {font-size: 20px;}
h4, .h4 {font-size: 18px;} h5, .h5 {font-size: 16px;} h6, .h6 {font-size: 15px;}
}
@media (max-width: 767px) {
h1, .h1 {font-size: 30px;} h2, .h2 {font-size: 24px;} h3, .h3 {font-size: 20px;}
h4, .h4 {font-size: 18px;} h5, .h5 {font-size: 16px;} h6, .h6 {font-size: 15px;}
}
@media (max-width: 479px) {
h1, .h1 {font-size: 30px;} h2, .h2 {font-size: 24px;} h3, .h3 {font-size: 20px;}
h4, .h4 {font-size: 18px;} h5, .h5 {font-size: 16px;} h6, .h6 {font-size: 15px;}
}
@media (max-width: 991px) {
.h1 {font-size: 40px;} .h2 {font-size: 24px;} .h3 {font-size: 20px;}
.h4 {font-size: 18px;} .h5 {font-size: 16px;} .h6 {font-size: 15px;}
}
@media (max-width: 767px) {
.h1 {font-size: 30px;} .h2 {font-size: 24px;} .h3 {font-size: 20px;}
.h4 {font-size: 18px;} .h5 {font-size: 16px;} .h6 {font-size: 15px;}
}
@media (max-width: 479px) {
.h1 {font-size: 30px;} .h2 {font-size: 24px;} .h3 {font-size: 20px;}
.h4 {font-size: 18px;} .h5 {font-size: 16px;} .h6 {font-size: 15px;}
}
.ttu {text-transform: uppercase !important;}
.ttc {text-transform: capitalize !important;}
.ttl {text-transform: lowercase !important;}
.fwn {font-weight: normal !important;}
.fwb {font-weight: bold !important;}
.tal {text-align: left !important;}
.tac {text-align: center !important;}
.tar {text-align: right !important;}
hr {
border: 0 none;
border-radius: 0;
border-bottom: 1px solid #d7d7d7;
margin: 40px 0;
}
.iconBarLabel {
float: right;
font-size: 14px;
line-height: 1em;
margin: 0;
padding: 0 0 0 30px;
}
.muted a {
color: #999999;
}
.well, .well a, .well a:hover {
color: #999999;
}
.img-responsive-inline {
max-width: 100%; height: auto !important;
}
.img-responsive-inline-important {max-width: 100% !important; height: auto !important;}
div[table-class*="notransform"].table-responsive {border: 0 none; padding: 0; margin: 0; overflow: inherit;}
@media (min-width: 1200px) {
.lg-text-left {text-align: left;} .lg-text-right {text-align: right;} .lg-text-center {text-align: center;}
.lg-pull-left {float: left;} .lg-pull-right {float: right;}
.desktop-text-left {text-align: left;} .desktop-text-right {text-align: right;} .desktop-text-center {text-align: center;}
.desktop-pull-left {float: left;} .desktop-pull-right {float: right;}
}
@media (min-width: 992px) and (max-width: 1199px) {
.md-text-left {text-align: left;} .md-text-right {text-align: right;} .md-text-center {text-align: center;}
.md-pull-left {float: left;} .md-pull-right {float: right;}
.desktop-text-left {text-align: left;} .desktop-text-right {text-align: right;} .desktop-text-center {text-align: center;}
.desktop-pull-left {float: left;} .desktop-pull-right {float: right;}
}
@media (min-width: 768px) and (max-width: 991px) {
.sm-text-left {text-align: left;} .sm-text-right {text-align: right;} .sm-text-center {text-align: center;}
.sm-pull-left {float: left;} .sm-pull-right {float: right;}
.desktop-text-left {text-align: left;} .desktop-text-right {text-align: right;} .desktop-text-center {text-align: center;}
.desktop-pull-left {float: left;} .desktop-pull-right {float: right;}
}
@media (min-width: 480px) and (max-width: 767px) {
.xs-text-left {text-align: left;} .xs-text-right {text-align: right;} .xs-text-center {text-align: center;}
.xs-pull-left {float: left;} .xs-pull-right {float: right;}
.mobile-text-left {text-align: left;} .mobile-text-right {text-align: right;} .mobile-text-center {text-align: center;}
.mobile-pull-left {float: left;} .mobile-pull-right {float: right;}
}
@media (max-width: 479px) {
.xxs-text-left {text-align: left;} .xxs-text-right {text-align: right;} .xxs-text-center {text-align: center;}
.xxs-pull-left {float: left;} .xxs-pull-right {float: right;}
.mobile-text-left {text-align: left;} .mobile-text-right {text-align: right;} .mobile-text-center {text-align: center;}
.mobile-pull-left {float: left;} .mobile-pull-right {float: right;}
}
.flex-sections-container {
min-height: 100vh;
display: flex;
flex-flow: column nowrap;
}
/*.flex-section-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.flex-section-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.flex-section-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-moz-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.flex-section-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-moz-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.flex-section-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-moz-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.flex-section-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-moz-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.flex-section-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-moz-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.flex-section-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-moz-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.flex-section-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-moz-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.flex-section-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-moz-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}*/
/* =HEADER */
header {
padding: 30px 0;
position: fixed;
top: 0;
width: 100%;
left: 0;
background-color: #fff;
z-index: 9999;
transition: all 0.3s;
}
@media (min-width: 768px) {
body.navbar-small header {
padding: 5px 0;
}
}
header .container {
width: 100%;
max-width: 100%;
}
.header-placeholder {
width: 100%;
height: 115px;
transition: all 0.3s;
}
@media (min-width: 768px) {
body.navbar-small .header-placeholder {
height: 65px;
}
}
@media (max-width: 767px) {
.header-placeholder {
height: 56px;
}
}
/* top language selector */
@media (min-width: 768px) {
.navbar-container .container {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: center;
transition: all 0.3s;
}
.navbar-small header {
background-color: #ffffff;
box-shadow: 0 0px 10px rgba(0,0,0,0.2);
}
}
@media (max-width: 767px) {
}
.navbar-container .container::before,
.navbar-container .container::after {
display: none;
}
.navbar-container .container > a {
flex: 0 1 auto;
align-self: center;
}
.navbar-container .container > div.language-selector-container {
flex: 0 1 auto;
transition: all 0.3s;
}
@media (min-width: 768px) {
body.navbar-small .navbar-container .container > div.language-selector-container {
height: 60px;
}
}
.navbar-container .container > a img {
width: 300px;
max-width: 100%;
margin-right: 30px;
}
@media (max-width: 1199px) {
.navbar-container .container > a img {
width: 250px;
}
}
@media (max-width: 1024px) {
.navbar-container .container > a img {
width: 200px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.navbar-container .container > a img {
width: 150px;
margin: 0;
}
}
@media (max-width: 767px) {
.navbar-container .container > a img {
width: 250px;
margin-right: 10px;
}
.navbar-container .container > a img {
max-width: calc(100% - 120px);
}
}
.main-navbar-container {
margin-left: auto;
}
.language-selector-container .btn-group,
.language-selector-container .btn-group a {
height: 100%;
}
.language-selector-container .btn-group.open {
box-shadow: none;
background-color: #fff;
}
.language-selector-container .btn-group.open a {
box-shadow: none;
}
.language-selector-container .dropdown-menu {
left: auto;
right: 0px;
border: 0 none;
margin: 0;
z-index: 9998;
}
.language-selector-container a.dropdown-toggle {
background-color: transparent;
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
color: #3457A3;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: normal;
}
@media (min-width: 768px) {
body.navbar-small .language-selector-container a.dropdown-toggle {
padding-top: 0px;
padding-bottom: 0px;
}
}
.language-selector-container a.dropdown-toggle span:first-child {
display: none;
}
.language-selector-container ul span {
display: none;
}
.language-selector-container ul a {
display: flex;
flex-flow: row nowrap;
align-items: center;
}
.language-selector-container a.dropdown-toggle::before {
margin-top: -10px;
}
.language-selector-container ul a::before,
.language-selector-container a.dropdown-toggle::after {
background-image: url(../data/i/top-lang-flags.png);
display: inline-block;
width: 36px;
height: 24px;
content: '';
margin-right: 15px;
}
.language-selector-container a.dropdown-toggle::after {
margin-right: 0px;
margin-top: 2px;
}
body.navbar-small .language-selector-container a.dropdown-toggle::after {
margin-top: 0px;
}
.language-selector-container #top-langs_frFR a::before, .language-selector-container a#top-langs_frFR.dropdown-toggle::after {background-position: left top;}
.language-selector-container #top-langs_enUS a::before, .language-selector-container a#top-langs_enUS.dropdown-toggle::after {background-position: left -50px;}
.language-selector-container #top-langs_esMX a::before, .language-selector-container a#top-langs_esMX.dropdown-toggle::after {background-position: left -100px;}
.language-selector-container #top-langs_ptPT a::before, .language-selector-container a#top-langs_ptPT.dropdown-toggle::after {background-position: left -150px;}
.language-selector-container #top-langs_elGR a::before, .language-selector-container a#top-langs_elGR.dropdown-toggle::after {background-position: left -200px;}
.language-selector-container #top-langs_frFR a::after {content: 'Fran\00e7 ais';}
.language-selector-container #top-langs_enUS a::after {content: 'English';}
.language-selector-container #top-langs_deDE a::after {content: 'Deutsch';}
.language-selector-container #top-langs_esMX a::after {content: 'Espa\00f1 ol';}
.language-selector-container #top-langs_ptPT a::after {content: 'Portugu\00ea s';}
.language-selector-container #top-langs_elGR a::after {content: '\03b5\03bb\03bb\03b7\03bd\03b9\03ba\03ac';}
.language-selector-container a#top-langs_frFR.dropdown-toggle::before {content: 'FR';}
.language-selector-container a#top-langs_enUS.dropdown-toggle::before {content: 'EN';}
.language-selector-container a#top-langs_deDE.dropdown-toggle::before {content: 'DE';}
.language-selector-container a#top-langs_esMX.dropdown-toggle::before {content: 'ES';}
.language-selector-container a#top-langs_ptPT.dropdown-toggle::before {content: 'PT';}
.language-selector-container a#top-langs_elGR.dropdown-toggle::before {content: 'GR';}
.language-selector-container #top-langs_deDE {
display: none;
}
.language-selector-container .caret {
position: absolute;
bottom: 0px;
left: calc(50% - 4px);
}
@media (min-width: 768px) {
body.navbar-small .language-selector-container .caret {
bottom: 5px;
}
}
@media (max-width: 767px) {
.navbar-container .container > div.language-selector-container {
position: absolute;
right: 10px;
top: 0px;
}
.language-selector-container a.dropdown-toggle::before {
display: none;
}
.language-selector-container .caret {
bottom: -5px;
}
.language-selector-container .dropdown-menu {
border-radius: 0px;
box-shadow: 0 0 10px rgba(0,0,0,0.3);
top: calc(100% + 15px);
}
.language-selector-container .dropdown-menu > li > a {
border: 0 none;
padding: 10px;
}
}
@media (max-width: 575px) {
.language-selector-container .caret {
display: none;
}
.language-selector-container a.dropdown-toggle {
padding: 0;
}
.language-selector-container a.dropdown-toggle::after {
margin: 0;
}
.navbar-container .container > div.language-selector-container {
top: 10px;
right: 15px;
}
.navbar-inverse .navbar-toggle {
right: 5px !important;
top: 13px !important;
}
}
.section-search {
background-color: rgba(0,0,0,0.7);
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: opacity 0.3s linear, -webkit-transform scale(0);
transition: opacity 0.3s linear, -webkit-transform scale(0);
-moz-transition: opacity 0.3s linear, transform scale(0), -moz-transform scale(0);
-o-transition: opacity 0.3s linear, transform scale(0), -o-transform scale(0);
transition: opacity 0.3s linear, transform scale(0);
transition: opacity 0.3s linear, transform scale(0), -webkit-transform scale(0), -moz-transform scale(0), -o-transform scale(0);
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
z-index: -1;
}
.search-overlay {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 0;
}
.search-overlay::after {
content: '\f00d';
font-family: 'FontAwesome';
position: absolute;
right: 10px;
top: 10px;
background-color: transparent;
border: 0 none;
color: #3457A3;
font-size: 30px;
cursor: pointer;
}
.section-search .container,
.section-search #ecsSearchContainer1 {
z-index: 1;
position: relative;
width: auto;
max-width: none;
}
.search-active .section-search {
opacity: 1;
transform: scale(1);
z-index: 1;
}
.section-search form {
width: 600px;
max-width: 100%;
top: 0px;
margin-top: -500px;
border: 0 none;
display: flex;
flex-flow: row nowrap;
box-shadow: 0 0 20px rgba(0,0,0,0.5);
transition: all 0.3s linear;
}
.search-active .section-search form {
margin-top: 0px;
}
.section-search input[type="text"] {
background-color: #1D4499;
border: 0 none;
font-size: 30px;
height: auto;
padding: 15px 20px;
color: #fff;
font-weight: 300;
width: 100%;
line-height: 1.6em;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.section-search input[type="text"]:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.section-search ::-webkit-input-placeholder {
color: #fff;
opacity: 1;
}
.section-search ::-moz-placeholder {
color: #fff;
opacity: 1;
}
.section-search :-ms-input-placeholder {
color: #fff;
opacity: 1;
}
.section-search :-moz-placeholder {
color: #fff;
opacity: 1;
}
.section-search form button {
font-family: 'FontAwesome';
border: 0 none;
background-color: #1D4499;
color: #fff;
padding: 10px 30px;
font-size: 30px;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.section-search input[type="text"]:focus + button {
background-color: #fff;
color: #a2191e;
}
/* show only without extra top bar */
/*@media (max-width: 767px) {
.section-search {
display: block;
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
z-index: 1031;
height: auto;
width: -webkit-calc(100% - 120px);
width: -moz-calc(100% - 120px);
width: calc(100% - 120px);
position: absolute;
}
.section-search .container,
.section-search #ecsSearchContainer1 {
padding: 0;
}
.search-overlay {
display: none;
}
.section-search form {
margin-top: 0px;
height: 40px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width: 100%;
}
.section-search input[type="text"] {
font-size: 20px;
padding: 5px 15px;
}
.section-search form button {
font-size: 20px;
padding: 5px 15px;
}
.section-search input[type="text"]:focus + button {
color: #fff;
background-color: /*@ invalid color ${#1D4499 Array
(
[] =>
[color1] => #1D4499
[color2] => #a2191e
[color3] => #9D9E9E
[color4] => #E78601
[color5] => #E78601
[color6] => #F5F5F5
[btn] => transparent
[btn-hover] => transparent
[btn-text] => #ffffff
[btn-text-hover] => $color2
[btn-default] => #474949
[btn-default-hover] => #3a3c3c
[btn-default-text] => #ffffff
[btn-default-text-hover] => #ffffff
[btn-primary] => $color2
[btn-primary-hover] => $color2
[btn-primary-text] => #ffffff
[btn-primary-text-hover] => #ffffff
[btn-info] => #5bc0de
[btn-info-hover] => #46b8da
[btn-info-text] => #ffffff
[btn-info-text-hover] => #ffffff
[btn-success] => #5cb85c
[btn-success-hover] => #4cae4c
[btn-success-text] => #ffffff
[btn-success-text-hover] => #ffffff
[btn-warning] => #f0ad4e
[btn-warning-hover] => #eea236
[btn-warning-text] => #ffffff
[btn-warning-text-hover] => #ffffff
[btn-danger] => #d9534f
[btn-danger-hover] => #d43f3a
[btn-danger-text] => #ffffff
[btn-danger-text-hover] => #ffffff
[navbar-button-bg] => #fff
[navbar-button-bg-hover] => #fff
[navbar-button-border] => $color1
[navbar-button-border-hover] => $color1
[navbar-button-text] => #fff
[inverse-navbar-button-bg] => #fff
[inverse-navbar-button-bg-hover] => #fff
[inverse-navbar-button-border] => #fff
[inverse-navbar-button-border-hover] => #fff
[inverse-navbar-button-text] => $color1
[navbar] => #EEEEEE
[navbar-text] => #777777
[navbar-text-hover] => #333333
[navbar-dropdown-toggle] => #d5d5d5
[navbar-dropdown-toggle-text] => #555555
[navbar-active] => #D5D5D5
[navbar-active-text] => #555555
[navbar-font-size] => 20px
[navbar-font-size-979] => 16px
[navbar-font-size-767] => 16px
[navbar-font-size-479] => 16px
[inverse-navbar] => #ffffff
[inverse-navbar-border-color] => #ffffff
[inverse-navbar-border-width] => 0px
[inverse-navbar-text] => $color1
[inverse-navbar-text-hover] => $color2
[inverse-navbar-dropdown-toggle] => #ffffff
[inverse-navbar-dropdown-toggle-text] => #a2191e
[inverse-navbar-active] => #ffffff
[inverse-navbar-active-text] => #a2191e
[dropdown-bg] => #ffffff
[dropdown-text] => $color1
[dropdown-hover] => #ffffff
[dropdown-hover-2] => #ffffff
[dropdown-hover-ie] => #ffffffff
[dropdown-hover-ie-2] => #ffffffff
[dropdown-hover-text] => $color1
[dropdown-active] => #ffffff
[dropdown-active-2] => #ffffff
[dropdown-active-ie] => #ffffffff
[dropdown-active-ie-2] => #ffffffff
[dropdown-active-text] => $color1
[headingFont] => Helvetica, Arial, sans-serif
[h1Color] => $color1
[h1Size] => 48px
[h2Color] => $color1
[h2Size] => 40px
[h3Color] => $color1
[h3Size] => 24px
[h4Color] => $color2
[h4Size] => 22px
[h5Color] => $color2
[h5Size] => 20px
[h6Color] => $color2
[h6Size] => 18px
[h1-font-size-991] => 40px
[h2-font-size-991] => 24px
[h3-font-size-991] => 20px
[h4-font-size-991] => 18px
[h5-font-size-991] => 16px
[h6-font-size-991] => 15px
[h1-font-size-767] => 30px
[h2-font-size-767] => 24px
[h3-font-size-767] => 20px
[h4-font-size-767] => 18px
[h5-font-size-767] => 16px
[h6-font-size-767] => 15px
[h1-font-size-479] => 30px
[h2-font-size-479] => 24px
[h3-font-size-479] => 20px
[h4-font-size-479] => 18px
[h5-font-size-479] => 16px
[h6-font-size-479] => 15px
[bodyBackground] => #ffffff
[fontFamily] => Helvetica, Arial, sans-serif
[fontFamily2] => Helvetica, Arial, sans-serif
[fontSize] => 20px
[fontSize979] => 18px
[fontSize767] => 16px
[fontSize479] => 16px
[textColor] => #3a3a3c
[linkColor] => ${color1,lightness=!10%}
[linkColorHover] => $color2
[lineHeight] => 1.6em
[side-box-background-color] => $color6
[side-box-text-color] => #000000
[side-box-link-color] => #000000
[side-box-link-hover-color] => $color2
[side-box-border-color] => #d7d7d7
[side-box-heading-color] => $color2
[side-box-input-text-color] => $color2
[side-box-input-background-color] => #ffffff
[side-box-input-border-color] => #ffffff
[side-box-btn-background-color] => #ffffff
[side-box-btn-border-color] => #ffffff
[side-box-btn-text-color] => $color2
[muted-text-color] => $color3
[card-background-color] => $color6
[card-text-color] => $color2
[card-link-color] => $color2
[card-link-hover-color] => $color2
[card-muted-color] => $color3
[card-border-color] => #d7d7d7
[file] => /spire/www/americanguest.c10.aspiresoft.dev/www/styles/ag20/sub/auto.css
[rev] => 20230907082807
)
@*/,lightness=!50%};
}
}
@media (max-width: 479px) {
.section-search {
width: -webkit-calc(100% - 100px);
width: -moz-calc(100% - 100px);
width: calc(100% - 100px);
}
}
@media (max-width: 399px) {
.section-search {
width: -webkit-calc(100% - 50px);
width: -moz-calc(100% - 50px);
width: calc(100% - 50px);
}
.section-search input[type="text"] {
width: -webkit-calc(100% - 50px);
width: -moz-calc(100% - 50px);
width: calc(100% - 50px);
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-moz-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
}*/
.row-0 {margin-left: 0px; margin-right: 0px;}
.row-0 > * {padding-left: 0px; padding-right: 0px;}
.row-5 {margin-left: -5px; margin-right: -5px;}
.row-5 > * {padding-left: 15px; padding-right: 15px;}
.row-10 {margin-left: -10px; margin-right: -10px;}
.row-10 > * {padding-left: 10px; padding-right: 10px;}
.row-20 {margin-left: -20px; margin-right: -20px;}
.row-20 > * {padding-left: 20px; padding-right: 20px;}
.row-30 {margin-left: -30px; margin-right: -30px;}
.row-30 > * {padding-left: 30px; padding-right: 30px;}
.side-box,
.blog-view-switcher,
.row-author-description {
background-color: #F5F5F5;
color: #000000;
}
.side-box a,
.blogArchiveYear span {
color: #000000;
}
.side-box a:hover,
.blogArchiveYear span:hover {
color: #a2191e;
}
.side-box h3 {
color: #a2191e;
border-bottom: 1px solid #d7d7d7;
}
.side-box input[type="email"] {
background-color: #ffffff;
border: 1px solid #ffffff;
color: #a2191e;
}
.side-box input[type="submit"] {
background-color: #ffffff;
border: 1px solid #ffffff;
color: #a2191e;
}
.blog-view-switcher span,
.view-card .blog-view-switcher span.layout-article,
.view-list .blog-view-switcher span.layout-article {
color: #000000;
}
.view-card .blog-view-switcher span.layout-card,
.view-article .blog-view-switcher span.layout-article,
.view-thumbs .blog-view-switcher span.layout-thumbs,
.view-card-lg .blog-view-switcher span.layout-card-lg,
.view-card .blog-view-switcher span.layout-card,
.view-list .blog-view-switcher span.layout-list,
.view-newspaper .blog-view-switcher span.layout-newspaper,
.view-author .blog-view-switcher span.layout-author,
.view-photo .blog-view-switcher span.layout-photo,
.view-board .blog-view-switcher span.layout-board {
color: #a2191e;
color: #1D4499;
}
.blog-view-switcher span.layout-fullwidth,
.blog-view-switcher span.layout-fullwidth-off {
color: #3457A3;
}
.blog-view-switcher span.layout-fullwidth:hover,
.blog-view-switcher span.layout-fullwidth-off:hover {
color: #3a3a3c;
}
.blog-post-heading {
color: #9D9E9E;
}
.blog-content-tags {
color: #9D9E9E;
}
.blog-content-tags a {
color: #9D9E9E;
}
.view-card .blog-posts-container .blog-post {
background-color: #F5F5F5;
color: #a2191e;
border-bottom: 3px solid #d7d7d7;
}
.view-card .blog-posts-container a {
color: #a2191e;
}
.view-card .blog-posts-container a:hover {
color: #a2191e;
}
.view-card .blog-posts-container .blog-content-tags a {
color: #9D9E9E;
}
.row-author-description h2,
.row-author-description h4 {
color: #a2191e;
}
.author-long-desc {
border-top: 1px solid #d7d7d7;
}
.view-list .blog-content-date-formatted > div:first-child {
background-color: #1D4499;
}
.view-list .blog-content-date-formatted > div:last-child {
background-color: #F5F5F5;
}
.view-photo .blog-post-without-image:nth-child(odd) {
background-color: #3457A3;
}
.view-photo .blog-post-without-image:nth-child(even) {
background-color: #1D4499;
}
.view-board .blog-post-without-image .blog-post-image {
background-color: #1D4499;
}
.navbar-toggle {
line-height: 1em;
}
.navbar-toggle label {
padding: 0; margin: 0;
text-transform: uppercase;
color: #fff;
}
.navbar-inverse .navbar-toggle label {
color: #1D4499;
}
.navbar-toggle label::before {
font-family: 'FontAwesome';
content: '\f0c9';
padding-right: 5px;
}
/* =CSS VARIABLES */
a {color: #3457A3;}
a:hover,
a:focus {
color: #a2191e;
outline: none;
text-decoration: none;
}
.content {
padding-bottom: 20px;
}
.sideBar h3 {
margin-top: 0px;
}
.sideBar ul {
list-style-type: none; padding: 0; margin: 0;
}
.sideBar a {
padding: 10px 15px;
display: block;
color: #777777;
}
.sideBar a:hover {
text-decoration: none;
background-color: #EEEEEE;
}
.sideBar ul.nav {
border-top: 1px solid #e5e5e5;
border-radius: 5px;
margin-bottom: 15px;
}
.sideBar ul.nav > li {
border-bottom: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
}
.sideBar ul.nav > li:first-child {
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
}
.sideBar ul.nav > li:last-child {
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.sideBar ul ul a {
padding-left: 30px;
}
.sideBar ul ul ul a {
padding-left: 50px;
}
.sideBar ul ul ul ul a {
padding-left: 70px;
}
.sideBar li.currentPageLi > a,
.sideBar li.currentPageLi > a:hover {
color: #3457A3;
}
/* =FORMS */
.formRequired {color: #B94A48;}
.error input[type="text"],
.error input[type="password"],
.error input[type="email"],
.error select,
.error textarea {
border-color: #B94A48;
color: #B94A48;
}
.error .help-inline {
color: #B94A48;
}
.formRequired {
color: #B94A48;
padding-left: 3px;
}
.form-inline input[type="text"],
.form-inline input[type="password"],
.form-inline input[type="email"],
.form-inline select {
width: 180px;
}
/* =SIDE NAVIGATION */
/* the second level of side navigation (by default, support doesn't support it's styling) */
ul.nav-stacked ul {list-style-type: none; padding: 0; margin: 0;}
ul.nav-stacked ul li a {
display: block;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 30px;
padding-right: 12px;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
}
ul.nav-stacked ul ul li a {
padding-left: 48px;
}
ul.nav-stacked ul ul ul li a {
padding-left: 66px;
}
/* =SOCIAL ICONS */
/* https://github.com/FortAwesome/Font-Awesome/blob/master/css/font-awesome.css */
/* http://fortawesome.github.com/Font-Awesome/ */
.social {
font-size: 20px;
text-shadow: 1px 1px 1px #fff;
}
.social a {
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.social a::before {
font-family: 'FontAwesome';
padding-right: 5px;
}
.social a:hover,
.social a:focus {
text-decoration: none;
font-size: 30px ; /* !for(webkit firefox opera) */
outline: none;
color: #3457A3;
}
.social a span {display: none;}
.social a.twitter::before {content: '\f081';}
.social a.facebook::before {content: '\f082';}
.social a.pinterest::before {content: '\f0d3';}
.social a.gplus::before {content: '\f0d4';}
.social a.linkedin::before {content: '\f08c';}
.social a.skype::before {content: '\f17e';}
.social a.tumblr::before {content: '\f174';}
.social a.instagram::before {content: '\f16d';}
.social a.youtube::before {content: '\f166';}
.social a.flickr::before {content: '\f16e';}
.social a.newsletter::before {content: '\f15c';}
.social a.mail::before {content: '\f0e0';}
.social a.mail2::before {content: '\f003';}
.social a.rss::before {content: '\f143';}
.social a.twitter:hover, .social a.twitter:focus {color: #41C8F5;}
.social a.facebook:hover, .social a.facebook:focus {color: #456CAF;}
.social a.pinterest:hover, .social a.pinterest:focus {color: #D73532;}
.social a.gplus:hover, .social a.gplus:focus {color: #BB3627;}
.social a.linkedin:hover, .social a.linkedin:focus {color: #1D6DA2;}
.social a.skype:hover, .social a.skype:focus {color: #00C0ED;}
.social a.tumblr:hover, .social a.tumblr:focus {color: #2C4661;}
.social a.instagram:hover, .social a.instagram:focus {color: #6D5346;}
.social a.youtube:hover, .social a.youtube:focus {color: #E03C3B;}
.social a.flickr:hover, .social a.flickr:focus {color: #FF0084;}
.social a.rss:hover, .social a.rss:focus {color: #FE9900;}
/* =SITEMAP */
ul.sitemap,
ul.sitemap ul {
list-style-type: none; padding: 0; margin: 0;
}
ul.sitemap {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
ul.sitemap li {
padding: 0;
margin: 0;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
ul.sitemap > li {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
border-bottom: 3px solid #fff;
}
ul.sitemap a {
display: block;
background-color: #9D9E9E;
color: #fff;
padding: 5px 10px;
text-decoration: none;
}
ul.sitemap a:hover {
color: #9D9E9E;
}
ul.sitemap ul a {
background-color: #f7f7f7;
color: #9D9E9E;
padding-left: 30px;
}
@media (max-width: 767px) {
ul.sitemap ul a {
display: block;
padding: 10px;
border-top: 5px solid #fff;
}
}
ul.sitemap ul ul a {
padding-left: 50px;
}
ul.sitemap ul ul ul a {
padding-left: 70px;
}
ul.sitemap ul ul ul ul a {
padding-left: 90px;
}
ul.sitemap li a::before,
ul.sitemap li.leafNode[data-page-id='31'] > a::before {
content: "\f07c";
font-family: 'FontAwesome';
padding-right: 5px;
}
ul.sitemap li.leafNode a::before {
content: '\f0f6'
}
@media (max-width: 767px) {
ul.sitemap {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
}
@media (max-width: 479px) {
ul.sitemap {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
}
.phoneLink::before {
content: "\f095";
font-family: 'FontAwesome';
padding-right: 5px;
}
/* =CONTENT */
.cms-content img {
max-width: 100%;
height: auto !important;
}
.cms-content > *:not(section) {
width: 100%;
max-width: 1170px;
margin-left: auto !important;
margin-right: auto !important;
}
.cms-content > p:last-child {
margin-top: 50px !important;
}
.cms-content > p:last-child {
margin-bottom: 50px !important;
}
/* =FOOTER */
footer {
background-color: #a2191e;
padding: 50px 0;
overflow: hidden;
}
footer * {
color: #fff;
}
footer .row {
margin-left: -30px;
margin-right: -30px;
}
footer .row > * {
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 767px) {
footer .row {
margin: 0;
}
footer .row > * {
padding: 0;
}
}
footer a:hover,
footer a:focus {
text-decoration: underline;
color: #fff;
}
footer img[src*="logo"] {
max-width: 100%;
width: 350px;
height: auto !important;
}
footer h3:first-child {
margin-top: 0;
}
.footer-social img {
margin: 0 5px 10px 0;
}
.footer-social a:last-child img {
margin-right: 0;
}
.footer-members {
display: flex;
flex-flow: row nowrap;
margin: 0 0 15px;
}
.footer-members img {
width: 100px !important;
height: 100px !important;
}
.footer-members p:not(:last-child) {
margin-right: 10px;
}
.footer-subscribe {
background-color: #102A6D;
overflow: hidden;
font-size: 40px;
font-weight: bold;
line-height: 1.6em;
}
@media (max-width: 1199px) {
.footer-subscribe {
font-size: 24px;
}
}
@media (max-width: 767px) {
.footer-subscribe {
font-size: 18px;
}
}
.footer-subscribe * {
color: #fff;
}
.footer-subscribe p {
margin: 0;
}
.footer-subscribe .container {
position: relative;
}
.footer-subscribe .container-in {
background-color: #173680;
position: relative;
padding: 0 100px;
}
@media (max-width: 1023px) {
.footer-subscribe .container-in {
padding: 0 50px;
}
}
@media (max-width: 767px) {
.footer-subscribe .container-in {
padding: 0 20px;
}
}
.footer-subscribe .container-in::before,
.footer-subscribe .container-in::after {
content: '';
position: absolute;
top: calc(50% - 75px);
left: 0;
z-index: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 75px 0 75px 40px;
border-color: transparent transparent transparent #102A6D;
}
.footer-subscribe .container-in::after {
left: auto;
right: 0;
transform: scale(-1);
}
@media (max-width: 767px) {
.footer-subscribe .container-in::before,
.footer-subscribe .container-in::after {
border-width: 75px 0 75px 20px;
}
}
.footer-subscribe .container-in-in {
background-color: #1D4499;
position: relative;
padding: 35px 0px;
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: center;
}
@media (max-width: 1023px) {
.footer-subscribe .container-in-in {
padding: 15px 0px;
}
}
@media (max-width: 767px) {
.footer-subscribe .container-in-in {
padding: 15px 0px;
}
}
@media (max-width: 575px) {
.footer-subscribe .container-in-in {
flex-flow: column nowrap;
}
}
.footer-subscribe .container-in-in::before,
.footer-subscribe .container-in-in::after {
content: '';
position: absolute;
top: calc(50% - 75px);
left: 0;
z-index: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 75px 0 75px 60px;
border-color: transparent transparent transparent #173680;
}
.footer-subscribe .container-in-in::after {
left: auto;
right: 0;
transform: scale(-1);
}
@media (max-width: 767px) {
.footer-subscribe .container-in-in::before,
.footer-subscribe .container-in-in::after {
border-width: 75px 0 75px 40px;
}
}
.footer-subscribe .btn {
margin: 0 30px;
text-transform: uppercase;
}
.footer-subscribe .btn,
.footer-subscribe .btn:hover,
.footer-subscribe .btn:focus {
border: 3px solid;
color: #fff;
}
.footer-subscribe .btn:hover,
.footer-subscribe .btn:focus {
color: #bfbfee;
}
@media (max-width: 767px) {
.footer-subscribe .btn {
margin: 0 15px;
}
}
@media (max-width: 575px) {
.footer-subscribe .btn {
margin: 10px 0 0px;
}
}
.footer-subscribe .container-in-in > * {
z-index: 1;
}
footer ul {
padding: 0;
margin: 0;
list-style-type: none;
}
footer ul li::before {
content: '\f005';
font-family: 'FontAwesome';
margin-right: 5px;
font-size: 12px;
transform: translateY(-2px);
display: inline-block;
}
.nav-tabs {
margin-bottom: 15px;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {background-color: #3457A3; border-color: #3457A3;}
/* =AJAX LOADER START */
.ajax-loader {
background-color: rgba(0,0,0, 0.5);
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 99999;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.ajax-loader::after {
font-family: 'FontAwesome';
font-size: 50px;
content: '\f110';
content: '\f1ce';
content: '\f017';
position: absolute;
top: 50%;
left: 50%;
color: #ddd;
padding-left: 5px;
padding-right: 5px;
-webkit-animation:
pulsate 1s ease-out,
spin 2s linear;
animation:
pulsate 1s ease-out,
spin 2s linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.ajax-loader.loading {
display: block;
}
.ajax-loader.loading.clicked {
display: none;
}
@-webkit-keyframes pulsate {
0% {
-webkit-transform: scale(0.8, 0.8);
opacity: 0.5;
}
50% {
-webkit-transform: scale(1,1);
opacity: 1;
}
100% {
-webkit-transform: scale(0.8, 0.8);
opacity: 0.5;
}
}
@keyframes pulsate {
0% {
transform: scale(0.8, 0.8);
opacity: 0.5;
}
50% {
transform: scale(1,1);
opacity: 1;
}
100% {
transform: scale(0.8, 0.8);
opacity: 0.5;
}
}
@-webkit-keyframes spin {
from {-webkit-transform:rotate(0deg);}
to {-webkit-transform:rotate(360deg);}
}
@keyframes spin {
from {transform:rotate(0deg);}
to {transform:rotate(360deg);}
}
@media (max-width: 767px) {.ajax-loader::after {left: 44%;}}
@media (max-width: 479px) {.ajax-loader::after {left: 40%;}}
/* =AJAX LOADER END */
.top-alert {
color: red;
text-align: center;
padding: 15px;
display: none;
}
/* watchview */
@media (min-width: 768px) {
.fly-bottom-1,
.fly-bottom-2,
.fly-bottom-3,
.fly-bottom-4,
.fly-bottom-5 {
top: 100px;
opacity: 0;
position: relative;
}
.fly-bottom-1.viewed,
.fly-bottom-2.viewed,
.fly-bottom-3.viewed,
.fly-bottom-4.viewed,
.fly-bottom-5.viewed {
top: 0px;
opacity: 1;
-webkit-transition: top 0.75s, opacity 0.5s;
-moz-transition: top 0.75s, opacity 0.5s;
-o-transition: top 0.75s, opacity 0.5s;
transition: top 0.75s, opacity 0.5s;
}
.fly-bottom-2.viewed {-webkit-transition-delay: 0.2s;-moz-transition-delay: 0.2s;-o-transition-delay: 0.2s;transition-delay: 0.2s;}
.fly-bottom-3.viewed {-webkit-transition-delay: 0.4s;-moz-transition-delay: 0.4s;-o-transition-delay: 0.4s;transition-delay: 0.4s;}
.fly-bottom-4.viewed {-webkit-transition-delay: 0.6s;-moz-transition-delay: 0.6s;-o-transition-delay: 0.6s;transition-delay: 0.6s;}
.fly-bottom-5.viewed {-webkit-transition-delay: 0.8s;-moz-transition-delay: 0.8s;-o-transition-delay: 0.8s;transition-delay: 0.8s;}
}
@media (max-width: 767px) {
.anim-fade-in {
opacity: 1;
}
.anim-fly-bottom {
opacity: 1;
top: 0;
}
}
/* customize addthis START */
.atss .at-share-btn {
opacity: 0.6;
}
.navbar-small .atss .at-share-btn {
opacity: 0.3;
}
.atss:hover .at-share-btn {
opacity: 1;
}
.atss a.at-share-btn {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.at-icon-wrapper {
/*-webkit-transition: all 0.2s ease-in-out 0.2s;
-moz-transition: all 0.2s ease-in-out 0.2s;
-o-transition: all 0.2s ease-in-out 0.2s;
transition: all 0.2s ease-in-out 0.2s;*/
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
/*.atss a.at-share-btn:nth-child(4n+1) .at-icon-wrapper {background-color: #a2191e !important;}
.atss a.at-share-btn:nth-child(4n+2) .at-icon-wrapper {background-color: #1D4499 !important;}
.atss a.at-share-btn:nth-child(4n+3) .at-icon-wrapper {background-color: #9D9E9E !important;}
.atss a.at-share-btn:nth-child(4n+4) .at-icon-wrapper {background-color: #E78601 !important;}*/
.atss a.at-share-btn:nth-child(4n+1) .at-icon-wrapper {background-color: #1D4499 !important;}
.atss a.at-share-btn:nth-child(4n+2) .at-icon-wrapper {background-color: #8EA2CC !important;}
.atss a.at-share-btn:nth-child(4n+3) .at-icon-wrapper {background-color: #1D4499 !important;}
.atss a.at-share-btn:nth-child(4n+4) .at-icon-wrapper {background-color: #1D4499 !important;}
.atss a.at-share-btn.at-svc-compact:hover .at-icon-wrapper {background-color: rgb(255, 101, 80) !important;}
.atss a.at-share-btn.at-svc-facebook:hover .at-icon-wrapper {background-color: rgb(59, 89, 152) !important;}
.atss a.at-share-btn.at-svc-twitter:hover .at-icon-wrapper {background-color: rgb(29, 161, 242) !important;}
.atss a.at-share-btn.at-svc-google_plusone_share:hover .at-icon-wrapper {background-color: rgb(220, 78, 65) !important;}
.atss a.at-share-btn.at-svc-linkedin:hover .at-icon-wrapper {background-color: rgb(0, 119, 181) !important;}
.atss a.at-share-btn.at-svc-pinterest_share:hover .at-icon-wrapper {background-color: rgb(203, 32, 39) !important;}
.atss#at-share-dock {
-webkit-box-shadow: 0 0 3px 3px rgba(0,0,0,0.3);
-moz-box-shadow: 0 0 3px 3px rgba(0,0,0,0.3);
box-shadow: 0 0 3px 3px rgba(0,0,0,0.3);
}
@media (max-width: 767px) {
.atss .at-share-btn,
.navbar-small .atss .at-share-btn {
opacity: 1;
}
.atss.atss-bottom {
position: static;
}
#at-share-dock.atss {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
}
/* customize addthis END */
/* customize iPop */
.iPopBlock.styled .iPopBox {
background-color: #fff;
}
.iPopCloseBtn {
padding: 0; margin: 0;
right: -5px;
top: 0px;
background-image: none;
}
.iPopCloseBtn::before {
content: '\f00d';
font-family: 'FontAwesome';
font-size: 20px;
color: #fff;
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
.iPopBlock.imageType .iPopBox {
padding: 0;
margin: 0;
border: 0 none;
background-color: transparent;
box-shadow: none;
}
.iPopBlock.imageType .iPopCloseBtn {
right: 30px;
top: 30px;
text-shadow: 0px 0px 2px rgba(0,0,0,0.5);
}
.iPopBlock.imageType .iPopCloseBtn::before {
font-size: 24px;
opacity: 0.5;
transition: all 0.3s;
}
.iPopBlock.imageType .iPopWrap:hover .iPopCloseBtn::before {
opacity: 1;
}
/* login box START */
.ipop-loginbox.iPopBlock.styled .iPopBox {
background-color: #a2191e;
color: #fff;
border: 0 none;
padding: 50px;
}
.ipop-loginbox.iPopBlock.styled input[type="email"],
.ipop-loginbox.iPopBlock.styled input[type="text"],
.ipop-loginbox.iPopBlock.styled input[type="password"] {
padding: 10px;
color: #fff;
width: 300px;
max-width: 100%;
border: 1px solid #B5474B;
background-color: #B5474B;
}
.ipop-loginbox.iPopBlock.styled a {
color: #fff;
text-decoration: underline;
}
.ipop-loginbox.iPopBlock.styled label {
font-weight: 300;
margin: 0;
padding: 0;
line-height: 1em;
}
.ipop-loginbox.iPopBlock.styled input[type="checkbox"] {
margin: 0;
margin-right: 5px;
}
.ipop-loginbox.iPopBlock.styled .control-group {
margin-bottom: 10px;
}
.login-box .close {
display: none;
}
.login-box .alert {
border: 0 none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
color: #A31F08;
padding: 5px 10px;
margin-bottom: 10px;
background-color: #ffe5e1;
line-height: 1.6em;
}
@media (max-width: 767px) {
.ipop-loginbox.iPopBlock.styled .iPopBox {
padding: 15px;
}
.ipop-loginbox.iPopBlock.styled input[type="email"],
.ipop-loginbox.iPopBlock.styled input[type="text"],
.ipop-loginbox.iPopBlock.styled input[type="password"] {
padding: 5px;
}
}
/* login box END */
/* newsletter popup */
.section-newsletter-popup {
background-color: rgba(0,0,0,0.5);
position: fixed;
width: 100%;
height: 100%;
left: 0px;
top: -100vh;
opacity: 0;
text-align: center;
-webkit-transition: opacity 0.5s linear;
-moz-transition: opacity 0.5s linear;
-o-transition: opacity 0.5s linear;
transition: opacity 0.5s linear;
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
}
.newsletter-active .section-newsletter-popup {
opacity: 1;
top: 0px;
}
.section-newsletter-popup .container {
width: 600px;
max-width: 100%;
background-color: #1D4499;
color: #fff;
padding: 50px;
position: relative;
}
.section-newsletter-popup .container h3 {
margin: 0 0 20px;
color: #fff;
}
.section-newsletter-popup .container h3 + * {
margin: 0 0 20px;
}
.section-newsletter-popup input[type="email"],
.section-newsletter-popup input[type="text"] {
height: auto;
border-radius: 0;
width: 300px;
color: #000;
padding: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
background-color: #fff;
border: 1px solid #4A69AD;
}
.section-newsletter-popup button,
.section-newsletter-popup button:hover,
.section-newsletter-popup button:focus {
background-color: #3457A3;
color: #fff;
padding: 10px 15px;
}
.section-newsletter-popup input[type="email"]:focus,
.section-newsletter-popup input[type="text"]:focus {
box-shadow: none;
}
.section-newsletter-popup ::-webkit-input-placeholder {
color: #666;
opacity: 1;
}
.section-newsletter-popup ::-moz-placeholder {
color: #666;
opacity: 1;
}
.section-newsletter-popup :-ms-input-placeholder {
color: #666;
opacity: 1;
}
.section-newsletter-popup :-moz-placeholder {
color: #999;
opacity: 1;
}
.section-newsletter-popup button.close {
position: absolute;
color: #fff;
background-color: transparent;
border: 0 none;
position: absolute;
right: 10px;
top: 10px;
opacity: 1;
text-shadow: none;
font-size: 24px;
}
.newsletter-overlay {
position: absolute;
left: 0px;
top: -100vh;
width: 100%;
height: 100%;
z-index: 0;
}
.newsletter-active .newsletter-overlay {
top: 0;
}
.section-map {
padding-bottom:150px;
position:relative;
height: 300px;
}
.section-map iframe {
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}
.fullscreen .section-main .container {
width: 100%;
padding-left: 0px;
padding-right: 0px;
}
.page-404 {
text-align: center
}
.page-404 h2 {
color: #9D9E9E;
font-weight: 800;
position: relative;
margin-top: 40px;
}
.page-404 h2::before {
content: '\f071';
font-family: 'FontAwesome';
width: 100%;
text-align: center;
left: 0;
display: block;
paddding: 0; margin: 0;
color: #9D9E9E;
}
@media (max-width: 767px) {
.page-404 .row {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.page-404 .row > div {
width: 25%;
}
}
@media (max-width: 479px) {
.page-404 .row > div {
width: 50%;
}
}
.hide-breadcrumbs .breadcrumb {
display: none;
}
.cms-content input[type="text"],
.cms-content input[type="password"],
.cms-content input[type="email"],
.cms-content input[type="tel"],
.cms-content select,
.cms-content textarea {
border: 1px solid #d7d7d7;
padding: 5px;
height: auto;
border-radius: 0;
}
.cms-content .login-box label {
font-weight: normal;
padding: 0; margin: 0;
}
.cms-content .login-box input[type="checkbox"] {
padding: 0; margin: 0; position: static;
margin-right: 5px;
}
/* outdated browsers START */
.outdated-browsers {
position: fixed;
width: 600px;
top: 300px;
top: calc(50% - 100px);
left: 300px;
left: calc(50% - 250px);
background-color: #a2191e;
color: #fff;
z-index: 1031;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
display: none ; /* !for(-ie9 -ie8 -ie7 -ie6) */
}
.outdated-browsers-hidden {
display: none;
}
.outdated-browsers:before {
content: 'Your browser is out of date!';
font-size: 22px;
font-weight: 800;
text-align: center;
padding: 15px;
display: block;
}
.browsers:before {
content: 'Update your browser to view this website correctly';
text-align: center;
padding: 0 15px 15px;
display: block;
}
.outdated-browsers i.fa-close {
position: absolute;
top: 15px;
right: 15px;
color: #3457A3;
font-size: 20px;
cursor: pointer;
}
.browsers {
clear: both;
overflow: hidden;
}
.browsers a {
display: block;
width: 20%;
text-align: center;
float: left;
height: 150px;
color: #fff;
padding-top: 20px;
font-weight: 700;
line-height: 1.1em;
text-decoration: none;
}
.browsers i {font-size: 50px; font-weight: normal; margin-bottom: 15px; display: block;}
.browsers a[href*="google"] {background-color: #F2B635;}
.browsers a[href*="firefox"] {background-color: #F19A2A;}
.browsers a[href*="ie"] {background-color: #00CAFF;}
.browsers a[href*="apple"] {background-color: #00A0E6;}
.browsers a[href*="opera"] {background-color: #F25648;}
.browsers a[href*="google"]:after {content: 'Google Chrome';}
.browsers a[href*="firefox"]:after {content: 'Firefox';}
.browsers a[href*="ie"]:after {content: 'Internet Explorer';}
.browsers a[href*="apple"]:after {content: 'Safari';}
.browsers a[href*="opera"]:after {content: 'Opera';}
/* outdated browsers END */
/* z-index */
.logo-container,
.page-title {
z-index: 9996;
}
.slide-caption,
.slideshow-paging {
z-index: 9997;
}
.admin-help,
.navbar {
z-index: 9998;
}
.extra-top,
.side-social {
z-index: 9999;
}
.admin-help{
z-index: 10000;
}
.search-active .section-search,
.admin-help-active i.fa-question-circle {
z-index: 10001;
}
.settings-bar {
z-index: 10002;
}
.settings-bar-switcher {
z-index: 10003;
}
.admin-help-content-show {
z-index: 10004;
}
.section-newsletter-popup {
z-index: 10006;
}
.mc-modal {
z-index: 10006 !important;
}
.iPopBlock {
z-index: 10007;
}
/* needs to be higher than original addthis z-index - 100020 */
.fake-addthis {
z-index: 100021;
}
/* settings bar START */
.settings-bar {
position: fixed;
top: 0px;
right: 0px;
width: 0;
background-color: rgba(0,0,0,0.6);
opacity: 0;
overflow: hidden;
transition: all 0.5s;
color: #fff;
}
.settings-bar-on .settings-bar {
display: block;
width: 100%;
opacity: 1;
}
.settings-bar form {
padding: 10px;
display:flex;
flex-flow: row nowrap;
align-items: center;
}
.settings-bar form > div {
border-right: 1px solid rgba(255,255,255,0.3);
border-radius: 50px;
margin-left: 10px;
margin-right: 10px;
display:flex;
flex-flow: row nowrap;
align-items: center;
background-color: #000;
}
.settings-bar form > span:not(:first-child) {
border-left: 1px solid #999;
padding-left: 20px;
}
.settings-bar label {
font-weight: normal;
display: flex;
justify-content: center;
align-items: center;
margin: 0;
background-color: transparent;
transition: all 0.5s;
cursor: pointer;
width: 35px;
height: 35px;
text-transform: lowercase;
}
.settings-bar form > div:hover input:not(:checked) + label {
text-shadow: 0px 0px 5px #1D4499;
color: #1D4499;
}
.settings-bar input:checked + label {
background-color: #1D4499;
cursor: default;
border-radius: 50px;
}
.settings-bar input:checked + label:last-child {
background-color: #999;
}
.settings-bar input[type="radio"] {
display: none;
}
.admin-help-content:not(::active) .sys-variable-inner {
display: none;
}
.admin-help-content .sys-variable-inner::before {
content: attr('title');
}
.settings-bar-switcher {
position: fixed;
top: 10px;
right: 10px;
background-color: #fff;
color: #3a3a3c;
padding: 5px;
cursor:pointer;
transition: all 0.5s;
border-radius: 50%;
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
}
/* if there are active features */
.admin-help-active .settings-bar-switcher {
color: red;
}
/* if bar is opened */
.settings-bar-on .settings-bar-switcher {
background-color: #99C038;
color: #fff;
}
/* settings bar END */
/* administration help START */
/*
.admin-help-container-parent - is added by js
.admin-help-content - container for help popup
.admin-help-content-show - is added by us
*/
h1 .admin-help-content *,
h2 .admin-help-content * {
line-height: 1em;
text-align: left;
}
body:not(.admin-help-active) .admin-help-content {
display: none;
}
.admin-help-active .section-help {
position: relative;
}
.admin-help-content .sys-variable-inner {
display: none;
}
.admin-help-active i.fa-question-circle {
display: block;
position: absolute;
right: calc(100% + 10px);
top: 30px;
color: red;
cursor: pointer;
font-size: 40px;
background-color: #fff;
border-radius: 50%;
width: 45px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
.admin-help-content-show .admin-help-overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
@media (max-width: 1199px) {
.admin-help-active i.fa-question-circle {
left: 0px;
top: 0px;
font-size: 30px;
width: 35px;
height: 35px;
}
}
.admin-help-active i.fa-question-circle.left {
right: auto;
left: 15px;
}
.admin-help-active i.fa-question-circle.top {
top: 150px;
}
/* customizations */
.admin-help-active .logo-container i.fa-question-circle.top {
top: 30px;
left: -45px;
}
.admin-help-active .navbar i.fa-question-circle.top {
top: 15px;
left: -45px;
}
.admin-help-active .admin-help-container-parent {
position: relative;
}
.admin-help-content-show {
width: 100%;
height: 100%;
left: 0;
top: 0;
position: fixed;
background-color: rgba(0,0,0,0.5);
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
}
.admin-help-content-show .sys-variable-inner {
display: block;
background-color: #fff;
padding: 0 0 15px;
width: auto;
max-width: 900px;
position: relative;
font-size: 20px;
text-transform: none;
text-align: left;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
}
.admin-help-content-show .sys-variable-inner-inner {
overflow-y: auto;
max-height: -webkit-calc(100vh - 200px);
max-height: -moz-calc(100vh - 200px);
max-height: calc(100vh - 200px);
}
.admin-help-content-show .sys-variable-inner > * {
padding-left: 15px;
padding-right: 15px;
}
.admin-help-content-show .sys-variable-inner::before {
content: attr(title);
padding-top: 15px;
padding-bottom: 15px;
padding-left: 15px;
padding-right: 50px;
margin-bottom: 15px;
background-color: #f2f2f2;
font-size: 20px;
text-transform: uppercase;
text-align: left;
font-family: Helvetica, Arial, sans-serif;
display: block;
color: #3a3a3c;
}
.admin-help-content-show .sys-variable-inner * {
color: #3a3a3c;
}
.admin-help-content-show .sys-variable-inner img {
max-width: 100%;
height: auto !important;
}
.admin-help-content-show i.fa-close {
cursor: pointer;
color: #3a3a3c;
font-size: 20px;
position: absolute;
right: 0px;
top: 10px;
display: inline-block;
}
.admin-help-content-show i.fa-close:hover {
color: red;
}
.section-info {
background-color: #F5F5F5;
}
.section-info .container:not(:empty) {
line-height: 1.6em;
}
.section-info .container > *:first-child {
padding-top: 50px;
}
.section-info .container > *:last-child {
padding-bottom: 50px;
}
.fake-addthis {
position: fixed;
width: 48px;
height: 1px !important;
}
.admin-help-active .fake-addthis.admin-help-container-parent {
position: fixed;
}
.admin-help-active .fake-addthis i.fa-question-circle.left {
left: -60px;
top: 0px;
}
.results {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.results blockquote {
border: 0 none;
line-height: 1.6em;
background-color: #f2f2f2;
padding: 0;
margin: 0;
margin-top: 40px;
padding: 30px;
font-size: 14px;
border-bottom: 3px solid #1D4499;
display: flex;
flex-flow: column nowrap;
}
.results blockquote:nth-child(3n+1) {
width: 100%;
}
.results blockquote:nth-child(3n+2),
.results blockquote:nth-child(3n+3) {
width: calc(50% - 20px);
}
.results blockquote::before {
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
margin-top: -50px;
border: 2px solid #e7e7e7;
color: #e7e7e7;
background-color: #fff;
content: '\f10d';
font-family: 'FontAwesome';
font-size: 60px;
width: 100px;
height: 100px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.results blockquote p {
line-height: 1.6em;
margin: 0;
margin-bottom: 10px;
font-style: italic;
font-size: 16px;
}
.results blockquote strong {
margin-top: auto;
text-align: right;
color: #666;
}
@media (max-width: 767px) {
.results blockquote:nth-child(3n+1),
.results blockquote:nth-child(3n+2),
.results blockquote:nth-child(3n+3) {
width: 100%;
}
}
.side-social {
position: fixed;
top: calc(50% - 100px);
right: 0px;
transition: all 0.5s;
opacity: 1;
}
.side-social a {
width: 50px;
height: 50px;
font-size: 26px;
color: #fff;
text-decoration: none;
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
}
.side-social a[href*="facebook"] {background-color: #3B5998;}
.side-social a[href*="twitter"] {background-color: #1DA1F2;}
.side-social a[href*="linkedin"] {background-color: #0077B5;}
.side-social a[href*="instagram"] {background-color: #333;}
.side-social a[href*="mailto"] {background-color: #BB2025;}
.side-social p {
margin: 0;
}
@media (min-width: 768px) {
.navbar-small .side-social {
opacity: 0.5;
}
}
@media (max-width: 767px) {
.side-social {
top: auto;
bottom: 0px;
width: 100%;
opacity: 0.9;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
}
.side-social p {
flex: 1 1 auto;
}
.side-social a {
width: 100%;
height: 40px;
font-size: 18px;
}
}
#PopupSignupForm_0 {
width: 100%;
height: 100%;
left: 0px;
top: -1000px;
opacity: 0;
text-align: center;
}
.newsletter-active #PopupSignupForm_0 {
opacity: 1;
top: 0px;
}
.hbspt-form {
display: none;
}
.sysdebug .hbspt-form {
display: flex;
}
.hbspt-form {
flex-flow: column nowrap;
justify-content: center;
align-items: center;
justify-content: center;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(255,255,255,0.98);
z-index: 10000000000;
overflow-x: hidden !important;
overflow-y: auto !important;
}
.hbspt-form iframe {
width: 300px !important;
max-width: 100% !important;
}
/* =dymamic placeholders START */
/* remove placeholders */
.dynamic-placeholders ::-webkit-input-placeholder {
color: transparent;
}
.dynamic-placeholders ::-moz-placeholder {
color: transparent;
}
.dynamic-placeholders :-ms-input-placeholder {
color: transparent;
}
.dynamic-placeholders :-moz-placeholder {
color: transparent;
}
.dynamic-placeholders .form-error {
display: none;
}
.dynamic-placeholders-box {
max-width: 100%;
width: 400px;
}
.dynamic-placeholders > div {
position: relative;
margin-bottom: 20px;
width: 100%;
display: flex;
flex-flow: row wrap;
align-items: center;
}
.dynamic-placeholders input[type="text"],
.dynamic-placeholders input[type="email"],
.dynamic-placeholders input[type="password"],
.dynamic-placeholders select,
.dynamic-placeholders textarea {
height: 50px !important;
padding: 17px 15px 0px !important;
width: 400px;
max-width: 100%;
font-size: 20px;
font-weight: 300;
border-radius: 0;
box-shadow: none;
}
.dynamic-placeholders textarea {
height: 150px;
width: 100%;
padding: 20px 15px 0px !important;
}
.dynamic-placeholders span.selectWrapper {
display: block;
width: 100%;
}
.dynamic-placeholders select {
padding: 10px 10px 0px !important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
/* padding-left: 13px !important !for(mac); */
}
.dynamic-placeholders input[type="checkbox"],
.dynamic-placeholders input[type="radio"] {
margin: 0; padding: 0;
margin-right: 10px;
}
.dynamic-placeholders label {
margin: 0;
position: absolute;
left: 15px;
top: 12px;
transition: all 0.3s;
pointer-events: none;
color: #3a3a3c;
font-weight: 300;
}
.dynamic-placeholders input:focus ~ label,
.dynamic-placeholders .filled ~ label,
.dynamic-placeholders select ~ label,
.dynamic-placeholders .selectWrapper ~ label,
.dynamic-placeholders textarea:focus ~ label {
font-size: 12px;
top: 0px;
}
.dynamic-placeholders input.filled:invalid ~ label {
color: red;
}
.dynamic-placeholders input[type="checkbox"] ~ label,
.dynamic-placeholders input[type="radio"] ~ label {
pointer-events: inherit;
font-size: 20px;
position: static;
color: #3a3a3c;
display: inline;
cursor: pointer;
}
.dynamic-placeholders input[type="checkbox"].filled:invalid ~ label,
.dynamic-placeholders input[type="radio"].filled:invalid ~ label {
color: #3a3a3c;
}
/* set of checkboxes/radio buttons */
.dynamic-placeholders > div > div.radio,
.dynamic-placeholders > div > div.checkbox {
order: 2;
padding: 0;
margin: 0;
/* remove width 100% if want options to float */
width: 100%;
}
.dynamic-placeholders > div > div.radio label,
.dynamic-placeholders > div > div.radio + label,
.dynamic-placeholders > div > div.checkbox label,
.dynamic-placeholders > div > div.checkbox + label {
pointer-events: inherit;
font-size: 20px;
position: static;
color: #3a3a3c;
display: inline;
cursor: pointer;
}
.dynamic-placeholders > div > div.radio + label,
.dynamic-placeholders > div > div.checkbox + label {
order: 1;
width: 100%;
font-weight: bold;
margin-bottom: 3px;
}
.dynamic-placeholders > div > div.radio > label,
.dynamic-placeholders > div > div.checkbox > label {
display: flex;
flex-flow: row nowrap;
align-items: center;
}
/* file */
.dynamic-placeholders > div > .fmFileUpload,
.dynamic-placeholders > div > input[type="file"] {
width: 100%;
order: 2;
font-weight: 300;
}
.dynamic-placeholders > div > .fmFileUpload + label,
.dynamic-placeholders > div > input[type="file"] + label {
position: static;
font-size: 20px;
width: 100%;
order: 1;
font-weight: bold;
margin-bottom: 5px;
}
.dynamic-placeholders .xFormError {
display: none;
}
.dynamic-placeholders input.filled:invalid ~ label,
.dynamic-placeholders input.clicked:invalid ~ label {
color: #b94a48;
}
/* .dynamic-placeholders input.not-valid,
.dynamic-placeholders .not-valid select */
.dynamic-placeholders .xFormError ~ input[type="password"],
.dynamic-placeholders .xFormError ~ input[type="text"],
.dynamic-placeholders .xFormError ~ input[type="email"],
.dynamic-placeholders .xFormError ~ textarea,
.dynamic-placeholders .xFormError ~ select {
border-color: #eed3d7;
background-color: #f9eded;
}
.dynamic-placeholders .xFormError ~ label {
color: #b94a48;
}
.alert-danger {
background-color: #f9eded;
}
@media (max-width: 767px) {
.dynamic-placeholders > div {
margin-bottom: 10px;
}
.dynamic-placeholders input[type="text"],
.dynamic-placeholders input[type="email"],
.dynamic-placeholders input[type="password"],
.dynamic-placeholders select,
.dynamic-placeholders textarea {
font-size: 16px;
padding: 20px 10px 0;
}
.dynamic-placeholders input[type="text"],
.dynamic-placeholders input[type="email"],
.dynamic-placeholders input[type="password"],
.dynamic-placeholders select {
height: 50px;
}
.dynamic-placeholders select {
padding: 20px 5px 0px;
}
.dynamic-placeholders label {
left: 10px;
top: 15px;
}
.dynamic-placeholders input:focus ~ label,
.dynamic-placeholders .filled ~ label,
.dynamic-placeholders select ~ label,
.dynamic-placeholders .selectWrapper ~ label,
.dynamic-placeholders textarea:focus ~ label {
top: 5px;
}
}
.dynamic-placeholders-over input[type="text"],
.dynamic-placeholders-over input[type="email"],
.dynamic-placeholders-over input[type="password"],
.dynamic-placeholders-over select {
height: 45px;
padding: 5px 15px;
background-color: #fff;
font-weight: 300;
}
.dynamic-placeholders-over .xFormError ~ input[type="password"],
.dynamic-placeholders-over .xFormError ~ input[type="text"],
.dynamic-placeholders-over .xFormError ~ input[type="email"],
.dynamic-placeholders-over .xFormError ~ textarea,
.dynamic-placeholders-over .xFormError ~ select {
background-color: #fff;
border-color: #b94a48;
}
.dynamic-placeholders-over select {
padding: 5px 10px;
}
.dynamic-placeholders-over textarea {
background-color: #fff;
padding-top: 10px;
padding-bottom: 10px;
font-weight: 300;
}
.dynamic-placeholders-over label {
height: 10px;
display: inline-block;
background-color: #fff;
line-height: 1em;
padding-left: 5px;
padding-right: 5px;
left: 10px;
top: 15px;
}
.dynamic-placeholders-over input:focus ~ label,
.dynamic-placeholders-over .filled ~ label,
.dynamic-placeholders-over select ~ label,
.dynamic-placeholders-over .selectWrapper ~ label,
.dynamic-placeholders-over textarea:focus ~ label {
top: -5px;
}
.dynamic-placeholders-over > div {
margin-bottom: 20px;
}
@media (max-width: 767px) {
.dynamic-placeholders-over > div {
margin-bottom: 15px;
}
.dynamic-placeholders-over label {
top: 15px;
}
}
/* =dymamic placeholders END */
/* ---------------- =FOOTER NEWSLETTER START ---------------- */
.footer-newsletter {
background-color: #f2f2f2;
padding-top: 20px;
padding-bottom: 20px;
position: relative;
z-index: 1;
}
.footer-newsletter ~ footer {
margin-top: 0;
}
.footer-newsletter form {
display: flex;
flex-flow: row nowrap;
align-items: baseline;
justify-content: center;
position: relative;
max-width: calc(100vw - 30px);
max-height: calc(100vh - 30px);
}
@media (max-width: 767px) {
.footer-newsletter form {
flex-flow: column nowrap;
align-items: center;
}
}
.form-content-container {
max-height: calc(100vh - 30px);
max-width: calc(100vw - 30px);
overflow-y: auto;
}
.footer-newsletter p {
margin: 0;
}
.footer-newsletter form div {
display: flex;
flex-flow: row nowrap;
width: 400px;
}
@media (max-width: 479px) {
.footer-newsletter form div {
width: 300px;
}
}
.footer-newsletter form label {
color: #999;
margin-right: 10px;
font-weight: normal;
}
.footer-newsletter input {
border: 0 none;
flex: 1 1 auto;
padding: 6px 12px;
line-height: 1.6em;
background-color: #fff;
}
.footer-newsletter button {
border: 0 none;
background-color: #a2191e;
flex: 0 0 auto;
padding: 6px 12px;
line-height: 1.6em;
}
/* ---------------- =FOOTER NEWSLETTER END ---------------- */
.checkbox-container {
display: flex;
flex-flow: row nowrap;
align-items: baseline;
}
.checkbox-container input[type="checkbox"] {
margin: 0;
padding: 0;
/* cannot hide because of "required" browser message */
x-display: none;
position: absolute;
opacity: 0;
cursor: pointer;
}
.checkbox-container input[type="checkbox"] ~ label {
cursor: pointer;
display: flex !important;
flex-flow: row nowrap;
align-items: center;
font-weight: normal;
}
.checkbox-container input[type="checkbox"] ~ label::before {
content: '';
background-color: #e5e5e5;
display: flex;
justify-content: center;
align-items: center;
width: 15px;
height: 15px;
color: #fff;
transition: all 0.2s;
margin: 1px 10px 0 0;
font-size: 10px;
flex: 0 0 auto;
float: left;
}
.checkbox-container input[type="checkbox"]:checked ~ label::before {
content: '\f00c';
font-family: 'FontAwesome';
background-color: #1D4499;
}
.section-hubspot-newsletter-popup {
opacity: 0;
width: 0;
height: 0;
transition: opacity 0.5s;
}
#F3 select {
background: url(../data/i/caret.png) no-repeat right center;
}
.section-hubspot-newsletter-popup input[required] ~ label::after {
content: '*';
margin-left: 3px;
color: #a2191e;
}
body.hubspot-newsletter-popup-active .section-hubspot-newsletter-popup {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 10006;
z-index: 9999999999;
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
opacity: 1;
}
.section-hubspot-newsletter-popup .newsletter-popup-overlay {
position: absolute;
z-index: 0;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
pointer-events: none;
opacity: 0;
}
body.hubspot-newsletter-popup-active .section-hubspot-newsletter-popup .newsletter-popup-overlay {
pointer-events: inherit;
opacity: 1;
}
.section-hubspot-newsletter-popup .h2 {
text-transform: none;
text-align: center;
}
.section-hubspot-newsletter-popup #F3,
.page-newsletter #F3 {
padding: 0 30px 30px;
max-width: 600px;
width: 100%;
position: relative;
z-index: 1;
background-color: #fff;
}
.page-newsletter #F3 {
max-width: 800px;
padding: 0;
margin: 0 auto;
}
@media (max-width: 479px) {
.section-hubspot-newsletter-popup #F3 {
max-width: 350px;
}
}
.section-hubspot-newsletter-popup .dynamic-placeholders,
.page-newsletter #F3 .dynamic-placeholders {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
@media (max-width: 479px) {
.section-hubspot-newsletter-popup .dynamic-placeholders {
display: block;
}
}
.section-hubspot-newsletter-popup .dynamic-placeholders > div,
.page-newsletter #F3 .dynamic-placeholders > div {
width: calc(50% - 5px);
margin-bottom: 10px;
}
@media (max-width: 479px) {
.section-hubspot-newsletter-popup .dynamic-placeholders > div,
.page-newsletter #F3 .dynamic-placeholders > div {
width: 100%;
}
}
.section-hubspot-newsletter-popup .checkbox-container {
margin-bottom: 10px;
}
.section-hubspot-newsletter-popup .before-you-go-title {
display: none;
}
.section-hubspot-newsletter-popup .newsletter-popup-close {
color: #fff;
position: absolute;
right: -30px;
top: -30px;
font-size: 30px;
}
@media (max-width: 767px) {
.section-hubspot-newsletter-popup .newsletter-popup-close {
right: 10px;
top: 10px;
color: #a2191e;
font-size: 24px;
}
}
.section-hubspot-newsletter-popup .h3 {
margin-bottom: 15px;
text-align: center;
text-transform: none;
}
body.hubspot-newsletter-popup-leaving .h3 {
display: none;
}
body.hubspot-newsletter-popup-leaving .h3.before-you-go-title {
display: block;
}
.page-newsletter .footer-newsletter,
.page-newsletter .h3,
.page-newsletter .breadcrumb li,
.page-newsletter .newsletter-popup-close,
.page-newsletter .newsletter-close-btn {
display: none;
}
.page-newsletter .checkbox-container {
justify-content: center;
}
.cms-content .newsletter-contact-buttons {
border-top: 1px solid #e7e7e7;
padding-top: 15px;
margin-top: 15px;
}
.newsletter-contact-buttons {
display: flex;
flex-flow: row nowrap;
align-items: baseline;
justify-content: center;
}
.newsletter-contact-buttons input,
.newsletter-contact-buttons input:hover,
.newsletter-contact-buttons input:focus {
background-color: #a2191e;
}
/* go virtual START */
/* =================================================================================== */
/*body.virtual-active {*/
overflow: hidden;
}
.virtual {
position: absolute;
left: 0;
top: 0;
z-index: 10006;
z-index: 9999999999;
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
opacity: 0;
z-index: -1;
transition: opacity 0.3s;
width: 0;
height: 0;
overflow-x: hidden;
}
body.virtual-active .virtual {
pointer-events: inherit;
opacity: 1;
z-index: 99999;
width: 100%;
height: 100%;
}
.virtual-overlay {
position: absolute;
z-index: -1;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
background-color: rgba(0,0,0,0.7);
transition: opacity 0.3s;
}
.virtual-container {
background-color: #fff;
padding: 30px;
position: relative;
z-index: 1;
width: 900px;
max-width: calc(100vw - 70px);
max-height: calc(100vh - 70px);
}
@media (max-width: 767px) {
.virtual-container {
padding: 15px;
max-width: calc(100vw - 60px);
max-height: calc(100vh - 60px);
}
}
.virtual-close,
.virtual-close:hover,
.virtual-close:focus {
position: absolute;
right: -20px;
top: -25px;
font-size: 24px;
color: #fff;
}
.virtual .h3 {
margin-top: 0;
}
/* go virtual END */
/* =================================================================================== */
.content-boxes h2,
.content-boxes h3,
.content-boxes h4 {
margin: 10px 0 5px;
}
@media (min-width: 1025px) {
h1 + .content-boxes,
h2 + .content-boxes,
h3 + .content-boxes {
margin-top: 50px;
}
}
.section .content-boxes .row > div {
padding-bottom: 30px;
}
@media (max-width: 1023px) {
.section .content-boxes .row {
margin-left: -15px;
margin-right: -15px;
clear: both;
overflow: hidden;
}
.section .content-boxes .row > div {
padding-left: 15px;
padding-right: 15px;
width: 50%;
float: left;
}
}
@media (max-width: 767px) {
.section .content-boxes .row > div {
padding-bottom: 15px;
}
}
.client-logos-slideshow {
display: flex;
flex-flow: row nowrap;
align-items: center;
}
.client-logos-slideshow .theatre-responsive-filmstrip .theatre-container {
display: flex !important;
flex-flow: row nowrap;
align-items: center;
}
.client-logos-slideshow p {
margin: 0 !important;
text-align: center;
padding: 0 15px;
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
}
.client-logos-prev,
.client-logos-next {
cursor: pointer;
color: #a2191e;
font-size: 24px;
flex: 0 0 auto;
}
.client-logos-prev {
order: 1;
margin-right: 15px;
}
#client-logos-slideshow {
order: 2;
}
.client-logos-next {
order: 3;
margin-left: 15px;
}
.client-logos-slideshow .theatre-actor {
width: 20%;
flex: 0 0 auto;
}
@media (max-width: 1023px) {
.client-logos-slideshow .theatre-actor {
width: 25%;
}
}
@media (max-width: 575px) {
.client-logos-slideshow .theatre-actor {
width: 33.3333%;
}
.client-logos-next {
margin-left: 5px;
}
.client-logos-prev {
margin-right: 5px;
}
.client-logos-slideshow p {
padding: 0 5px;
}
}
@media (max-width: 319px) {
.client-logos-slideshow .theatre-actor {
width: 50%;
}
}
code,
.code {
background-color: #f2f2f2;
padding: 10px 15px;
border: 1px solid #d7d7d7;
border-radius: 3px;
font-family: 'PT Mono', monospace;
font-weight: normal;
color: #180051;
}
span.code,
code {
padding: 2px 5px;
}
br + code {
padding: 5px 10px;
margin: 10px 0px;
display: inline-block;
}
p.code,
div.code {
max-height: 200px;
overflow-y: auto;
}
p.code,
div.code-small {
font-size: 11px;
line-height: 1.4em;
}
.login-box {
background-color: #f5f5f5;
padding: 75px;
margin: 75px 0;
position: relative;
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: space-between;
}
.login-box form {
width: 400px;
max-width: 100%;
}
.login-box input[type="text"],
.login-box input[type="password"] {
width: 100%;
padding: 10px 15px;
}
.login-box .form-horizontal > * {
margin: 0 0 15px;
}
.login-box label.checkbox {
display: flex;
flex-flow: row nowrap;
align-items: center;
}
@media (min-width: 768px) {
.login-box::after {
content:'\f23e';
font-family: 'FontAwesome';
font-size: 200px;
color: #ddd;
}
}
@media (max-width: 1024px) {
.login-box {
padding: 50px;
margin: 50px 0;
}
}
@media (max-width: 767px) {
.login-box {
padding: 15px;
margin: 0;
}
}
.list-3 ul {
list-style-type: none;
padding: 0;
margin: 10px 0 0 !important;
}
.list-3 ul li {
padding: 0;
margin: 0 0 10px !important;
}
.list-3 ul li::before {
content: '\2014';
margin-right: 10px;
}
.list-3 li {
margin: 0 0 10px !important;
}
.content-box {
background-color: #f2f2f2;
padding: 15px 30px;
text-align: center;
}
/*** END ag20/global/common.css ***/
/*** START ag20/global/news.css ***/
/* News */
.news-view-switcher {
margin-bottom: 30px;
background-color: #F5F5F5;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.news-view-switcher span {
display: inline-block;
padding: 10px 15px;
cursor: pointer;
background-color: transparent;
text-align: center;
white-space: nowrap;
}
.view-card .news-view-switcher span.layout-card,
.view-article .news-view-switcher span.layout-article,
.view-thumbs .news-view-switcher span.layout-thumbs,
.view-card .news-view-switcher span.layout-card,
.view-list .news-view-switcher span.layout-list,
.view-newspaper .news-view-switcher span.layout-newspaper,
.view-author .news-view-switcher span.layout-author,
.view-photo .news-view-switcher span.layout-photo,
.view-board .news-view-switcher span.layout-board {
background-color: #fff;
cursor: text;
}
.news-view-switcher label {
font-weight: normal; display: inline; padding: 0; margin: 0; cursor: pointer;
}
.view-card .news-view-switcher span.layout-card label,
.view-article .news-view-switcher span.layout-article label,
.view-thumbs .news-view-switcher span.layout-thumbs label,
.view-card .news-view-switcher span.layout-card label,
.view-list .news-view-switcher span.layout-list label,
.view-newspaper .news-view-switcher span.layout-newspaper label,
.view-author .news-view-switcher span.layout-author label,
.view-photo .news-view-switcher span.layout-photo label,
.view-board .news-view-switcher span.layout-board label {
cursor: text;
}
.news-view-switcher span.layout-fullwidth,
.news-view-switcher span.layout-fullwidth-off {
margin-left: auto;
}
.news-view-switcher span.layout-fullwidth-off {
display: none;
}
.blog-fullwidth .news-view-switcher span.layout-fullwidth {
display: none;
}
.blog-fullwidth .news-view-switcher span.layout-fullwidth-off {
display: block;
}
.newsListItem {
margin-bottom: 15px;
}
.newsListItem h3 {
margin: 0;
padding: 0;
margin-bottom: 5px;
}
.newsItem h1.pageTitle {
margin: 0; padding: 0;
margin-bottom: 15px;
}
.news-item img {
max-width: 100%;
height: auto !important;
}
/* rewrite default bootstrap styles */
.table-responsive > .table-events > thead > tr > th,
.table-responsive > .table-events > tbody > tr > th,
.table-responsive > .table-events > tfoot > tr > th,
.table-responsive > .table-events > thead > tr > td,
.table-responsive > .table-events > tbody > tr > td,
.table-responsive > .table-events > tfoot > tr > td {
white-space: normal;
}
@media (max-width: 767px) {
.table-responsive > .table-events > tbody > tr:first-child,
.table-responsive > .table-events > tbody > tr > th {
display: none;
}
.table-responsive > .table-events
.table-responsive > .table-events > tbody,
.table-responsive > .table-events > tbody > tr,
.table-responsive > .table-events > tbody > tr > td {
display: block; padding: 0; margin: 0; border: 0 none; width: 100%; background-color: transparent;
}
.table-responsive > .table-events > tbody > tr {
padding: 5px 10px;
}
.table-responsive > .table-events > tbody > tr:nth-child(odd) {
background-color: #F5F5F5;
}
}
/* Calendar */
table.calendar {
margin-bottom: 10px;
}
.calendar th,
.calendar td {
font-size: 12px;
border-right: 1px solid #fff;
vertical-align: top;
line-height: 1.5em;
}
.calendar th {
background-color: #666;
color: #fff;
padding-left: 3px;
vertical-align: middle;
height: 26px;
}
.cellDayNum {
background-color: #eee;
padding-left: 3px;
height: 26px;
}
.calCell {
height: 100px;
}
.calendar .event + .event {
border-top: 1px dashed #d7d7d7;
padding-top: 1px;
margin-top: 1px;
}
.weekRow:last-child td {
border-bottom: 1px solid #d7d7d7;
}
@media (max-width: 479px) {
.calendar,
.calendar tbody,
.calendar tr,
.calendar td {
display: block;
width: 100%;
}
.calendar th {
display: none;
}
.calCell {
height: auto;
min-height: 50px;
position: relative;
}
.calCell:after {
position: absolute;
top: 0px;
right: 0px;
padding: 3px;
background-color: #666;
color: #fff;
height: 26px;
width: 40px;
text-align: center;
}
.calCell:nth-child(1):after {content: 'Sun';}
.calCell:nth-child(2):after {content: 'Mon';}
.calCell:nth-child(3):after {content: 'Tue';}
.calCell:nth-child(4):after {content: 'Wed';}
.calCell:nth-child(5):after {content: 'Thu';}
.calCell:nth-child(6):after {content: 'Fri';}
.calCell:nth-child(7):after {content: 'Sat';}
}
/* ---------------------- news switcher START -------------------- */
.news-thumbnail-container,
.news-date-formatted {
display: none;
}
.news-date {
color: #999;
}
.news-thumbnail-container img {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 100%;
}
.news-switcher-item {
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px solid #d7d7d7;
}
.news-switcher-item h3 {
margin: 0;
}
.news-image-container {
margin-top: 10px;
margin-bottom: 10px;
}
.news-image-container img {
width: 100%;
}
.news-switcher-item .read-more {
margin-top: 5px;
}
.news-switcher-item-empty {
border: 0 none;
margin: 0;
padding: 0;
visibility: hidden;
}
/* view card */
.view-card .news-switcher-container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.view-card .news-switcher-item {
background-color: #F5F5F5;
padding-bottom: 0;
border-bottom: 3px solid #d7d7d7;
width: -webkit-calc(33.3333% - 15px);
width: -moz-calc(33.3333% - 15px);
width: calc(33.3333% - 15px);
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
.view-card .news-switcher-item h3 {
font-size: 22px;
line-height: 1.3em;
}
.view-card .news-switcher-item .news-image-container {
margin: 0;
overflow: hidden;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.view-card .news-switcher-item .news-image-container img {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.view-card .news-switcher-item:hover .news-image-container img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.view-card .news-switcher-item h3 {
padding: 10px 20px 0px;
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.view-card .news-switcher-item .news-date {
padding: 0px 20px 10px;
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-moz-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.view-card .news-short-desc {
padding: 0px 20px;
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-moz-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.view-card .read-more {
margin: 0;
padding: 10px 20px 15px;
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-moz-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-moz-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
@media (max-width: 1199px) {
.view-card .news-switcher-item {
width: -webkit-calc(50% - 15px);
width: -moz-calc(50% - 15px);
width: calc(50% - 15px);
}
}
@media (max-width: 767px) {
.view-card .news-switcher-item {
width: -webkit-calc(50% - 10px);
width: -moz-calc(50% - 10px);
width: calc(50% - 10px);
}
}
@media (max-width: 399px) {
.view-card .news-switcher-item {
width: 100%;
}
}
/* view board */
.view-board .news-switcher-container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.view-board .news-switcher-item {
padding: 0; margin: 0; border: 0 none;
padding: 25px 25px 15px;
border-right: 1px dotted #bbb;
border-bottom: 1px dotted #bbb;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
.view-board .news-switcher-item .news-image-container {
margin: 0;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-moz-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.view-board .news-switcher-item h3 {
padding: 0;
margin: 10px 0px 0px;
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.view-board .news-switcher-item .news-date {
padding: 0px 0px 10px;
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-moz-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.view-board .news-short-desc {
padding: 0px 0px;
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-moz-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.view-board .read-more {
margin: 0;
padding: 10px 0px 10px;
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-moz-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-moz-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.view-board .blog-post-heading-container h3 a {
margin-top: 10px;
display: block;
}
.view-board .blog-post-body {
margin-top: 5px;
}
.view-board .blog-post-image img {
width: 100%;
margin-top: 0;
}
.view-board .blog-post-without-image .blog-post-image {
background-color: #E78601;
}
@media (min-width: 1200px) {
.view-board .news-switcher-item:nth-child(1),
.view-board .news-switcher-item:nth-child(2) {
border-top: 1px dotted #bbb;
}
.view-board .news-switcher-item:nth-child(10n+1) {
width: 66.6666%;
}
.view-board .news-switcher-item:nth-child(10n+2) {
width: 33.3333%;
}
.view-board .news-switcher-item:nth-child(10n+3) {
width: 50%;
}
.view-board .news-switcher-item:nth-child(10n+4) {
width: 50%;
}
.view-board .news-switcher-item:nth-child(10n+5) {
width: 100%;
}
.view-board .news-switcher-item:nth-child(10n+6) {
width: -webkit-calc(33.3333% - 10px);
width: -moz-calc(33.3333% - 10px);
width: calc(33.3333% - 10px);
}
.view-board .news-switcher-item:nth-child(10n+7) {
width: -webkit-calc(33.3333% + 20px);
width: -moz-calc(33.3333% + 20px);
width: calc(33.3333% + 20px);
}
.view-board .news-switcher-item:nth-child(10n+8) {
width: -webkit-calc(33.3333% - 10px);
width: -moz-calc(33.3333% - 10px);
width: calc(33.3333% - 10px);
}
.view-board .news-switcher-item:nth-child(10n+9) {
width: -webkit-calc(33.3333% - 10px);
width: -moz-calc(33.3333% - 10px);
width: calc(33.3333% - 10px);
}
.view-board .news-switcher-item:nth-child(10n+10) {
width: -webkit-calc(66.6666% + 10px);
width: -moz-calc(66.6666% + 10px);
width: calc(66.6666% + 10px);
}
.view-board .news-switcher-item:nth-child(8n+2),
.view-board .news-switcher-item:nth-child(8n+4),
.view-board .news-switcher-item:nth-child(8n+5),
.view-board .news-switcher-item:nth-child(8n+8) {
border-right: 0 none;
padding-right: 0;
}
.view-board .news-switcher-item:nth-child(8n+1),
.view-board .news-switcher-item:nth-child(8n+3),
.view-board .news-switcher-item:nth-child(8n+5),
.view-board .news-switcher-item:nth-child(8n+6) {
border-left: 0 none;
padding-left: 0;
}
.view-board .news-switcher-item:nth-child(10n+5) h3 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-top: 0px;
}
.view-board .news-switcher-item:nth-child(10n+5) .news-date {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.view-board .news-switcher-item:nth-child(10n+5) .news-image-container {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-moz-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
margin-bottom: 10px;
}
}
@media (min-width: 480px) and (max-width: 1199px) {
.view-board .news-switcher-item:nth-child(1),
.view-board .news-switcher-item:nth-child(2) {
border-top: 1px dotted #bbb;
}
.view-board .news-switcher-item:nth-child(3n+1) {
width: 50%;
padding-left: 0;
}
.view-board .news-switcher-item:nth-child(3n+2) {
width: 50%;
padding-right: 0;
border-right: 0 none;
}
.view-board .news-switcher-item:nth-child(3n+3) {
width: 100%;
padding-left: 0;
padding-right: 0;
border-right: 0 none;
}
.view-board .news-switcher-item:nth-child(3n+3) h3 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-top: 0px;
}
.view-board .news-switcher-item:nth-child(3n+3) .news-date {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.view-board .news-switcher-item:nth-child(3n+3) .news-image-container {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-moz-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
margin-bottom: 10px;
}
}
@media (max-width: 479px) {
.view-board .news-switcher-item {
padding-left: 0px;
padding-right: 0px;
border-right: 0 none;
}
}
/* newspaper view */
.view-newspaper .news-switcher-container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.view-newspaper .news-switcher-item {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
.view-newspaper .news-switcher-item .news-date {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.view-newspaper .news-switcher-item .news-image-container {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.view-newspaper .news-switcher-item h3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-moz-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
margin-bottom: 5px;
}
.view-newspaper .news-short-desc {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-moz-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.view-newspaper .read-more {
margin-top: 5px;
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-moz-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-moz-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
@media (min-width: 980px) {
.view-newspaper .news-switcher-item:nth-child(1) {
width: 100%;
}
.view-newspaper .news-switcher-item:nth-child(n+2):nth-child(-n+3) {
width: -webkit-calc(50% - 20px);
width: -moz-calc(50% - 20px);
width: calc(50% - 20px);
}
.view-newspaper .news-switcher-item:nth-child(n+4):nth-child(-n+9) {
width: -webkit-calc(33.3333% - 20px);
width: -moz-calc(33.3333% - 20px);
width: calc(33.3333% - 20px);
}
.view-newspaper .news-switcher-item:nth-child(n+10) {
width: 100%;
display: block;
clear: both;
overflow: hidden;
padding-bottom: 15px;
margin-bottom: 0px;
border: 0 none;
}
.view-newspaper .news-switcher-item:nth-child(n+10) .news-image-container,
.view-newspaper .news-switcher-item:nth-child(n+10) .news-short-desc,
.view-newspaper .news-switcher-item:nth-child(n+10) .read-more {
display: none;
}
.view-newspaper .news-switcher-item:nth-child(n+10) .news-thumbnail-container {
display: block;
float: left;
width: 80px;
margin-right: 15px;
}
}
@media (min-width: 480px) and (max-width: 979px) {
.view-newspaper .news-switcher-item:nth-child(1) {
width: 100%;
}
.view-newspaper .news-switcher-item:nth-child(n+2):nth-child(-n+7) {
width: -webkit-calc(50% - 15px);
width: -moz-calc(50% - 15px);
width: calc(50% - 15px);
}
.view-newspaper .news-switcher-item:nth-child(n+8) {
width: 100%;
display: block;
clear: both;
overflow: hidden;
padding-bottom: 15px;
margin-bottom: 0px;
border: 0 none;
}
.view-newspaper .news-switcher-item:nth-child(n+8) .news-image-container,
.view-newspaper .news-switcher-item:nth-child(n+8) .news-short-desc,
.view-newspaper .news-switcher-item:nth-child(n+8) .read-more {
display: none;
}
.view-newspaper .news-switcher-item:nth-child(n+8) .news-thumbnail-container {
display: block;
float: left;
width: 80px;
margin-right: 15px;
}
}
/* photo view */
.view-photo .news-switcher-item .news-short-desc,
.view-photo .news-switcher-item .read-more {
display: none;
}
.view-photo .news-switcher-container {
clear: both;
overflow: hidden;
}
.view-photo .news-switcher-item {
position: relative;
padding: 0; margin: 0; border: 0 none;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
float: left;
overflow: hidden;
background-color: #000;
}
.view-photo .news-switcher-item h3 {
position: absolute;
width: 100%;
padding: 10px 15px;
background-color: rgba(0,0,0,0.5);
font-size: 16px;
z-index: 1;
}
.view-photo .news-switcher-item h3 a {
color: #fff;
text-transform: uppercase;
font-weight: 300;
}
.view-photo .news-switcher-item .news-date {
position: absolute;
background-color: rgba(0,0,0,0.5);
bottom: -50px;
left: 0;
width: 100%;
padding: 10px 15px;
color: #fff;
opacity: 0;
-webkit-transition: opacity 0.6s ease-in-out, bottom 0.4s ease-in-out;
-moz-transition: opacity 0.6s ease-in-out, bottom 0.4s ease-in-out;
-o-transition: opacity 0.6s ease-in-out, bottom 0.4s ease-in-out;
transition: opacity 0.6s ease-in-out, bottom 0.4s ease-in-out;
}
.view-photo .news-switcher-item:hover .news-date {
opacity: 1;
bottom: 0;
z-index: 1;
}
.view-photo .news-switcher-item .news-image-container {
margin: 0;
z-index: 0;
}
.view-photo .news-switcher-item .news-image-container img {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.view-photo .news-switcher-item:hover .news-image-container img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
opacity: 0.5;
}
@media (min-width: 1200px) {
.view-photo .news-switcher-item:nth-child(6n+1) {
width: 100%;
}
.view-photo .news-switcher-item:nth-child(6n+2),
.view-photo .news-switcher-item:nth-child(6n+3) {
width: 50%;
}
.view-photo .news-switcher-item:nth-child(6n+4) {
width: 66.6666%;
}
.view-photo .news-switcher-item:nth-child(6n+5),
.view-photo .news-switcher-item:nth-child(6n+6) {
width: 33.3%;
}
.view-photo .news-switcher-item:nth-child(6n+6) {
border-bottom: 0 none;
}
}
@media (min-width: 480px) and (max-width: 1199px) {
.view-photo .news-switcher-item:nth-child(3n+1) {
width: 100%;
}
.view-photo .news-switcher-item:nth-child(3n+2),
.view-photo .news-switcher-item:nth-child(3n+3) {
width: 50%;
}
}
/* view thumbs */
.view-thumbs .news-image-container {
display: none;
}
.view-thumbs .news-thumbnail-container {
display: block;
width: 150px;
float: left;
margin-right: 20px;
margin-bottom: 5px;
}
.view-thumbs .news-switcher-item {
clear: both;
overflow: hidden;
padding-bottom: 25px;
}
@media (max-width: 479px) {
.view-thumbs .news-thumbnail-container {
width: 100px;
}
}
/* view list */
.view-list .news-switcher-item {
display: flex;
flex-flow: row nowrap;
margin-bottom: 10px;
padding-bottom: 10px;
}
.view-list .news-date-formatted {
display: flex;
}
.view-list .news-date,
.view-list .news-image-container,
.view-list .news-short-desc,
.view-list .read-more {
display: none;
}
.view-list .news-switcher-item h3 {
align-self: center;
}
.news-date-formatted {
margin-right: 15px;
flex: 0 0 auto;
flex-flow: column nowrap;
align-self: center;
}
.news-date-formatted > div:first-child {
background-color: #E78601;
font-size: 19px;
font-weight: 800;
padding: 3px 10px;
color: #fff;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.news-date-formatted > div:last-child {
background-color: #F5F5F5;
padding: 3px 10px;
color: #333;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
@media (max-width: 479px) {
.view-list .news-switcher-item h3 {
font-size: 17px;
}
.view-list .news-date-formatted > div:first-child {
font-size: 16px;
padding: 2px 6px;
}
.view-list .news-date-formatted > div:last-child {
font-size: 12px;
padding: 2px 6px;
}
}
/* ---------------------- news switcher END ---------------------- */
.news-view-switcher {
margin-bottom: 50px;
margin-top: 0px;
background-color: #F5F5F5;
}
.news-view-switcher span {
color: #9D9E9E;
text-align: center;
display: block;
text-transform: lowercase;
width: 90px;
padding: 15px 10px 10px;
position: relative;
z-index: 1;
text-shadow: 1px 1px 0px #fff;
}
.news-view-switcher span:hover {
background-color: #fff;
}
.news-view-switcher span::after {
content: '';
position: absolute;
left: 0;
top: -webkit-calc(100% - 15px);
top: -moz-calc(100% - 15px);
top: calc(100% - 15px);
width: 100%;
height: 0;
border-style: solid;
border-width: 15px 45px 0 45px;
border-color: transparent transparent transparent transparent;
-webkit-transition: top 0.2s ease-in-out;
-moz-transition: top 0.2s ease-in-out;
-o-transition: top 0.2s ease-in-out;
transition: top 0.2s ease-in-out;
z-index: 0;
}
.news-view-switcher label {
font-size: 14px;
}
.news-view-switcher i {
display: block;
font-size: 30px;
}
.news-view-switcher span.layout-fullwidth,
.news-view-switcher span.layout-fullwidth-off,
.news-view-switcher span.layout-fullwidth:hover,
.news-view-switcher span.layout-fullwidth-off:hover {
color: #1D4499;
background-color: transparent;
width: 120px;
}
.view-card .news-view-switcher span.layout-card,
.view-article .news-view-switcher span.layout-article,
.view-thumbs .news-view-switcher span.layout-thumbs,
.view-card-lg .news-view-switcher span.layout-card-lg,
.view-card .news-view-switcher span.layout-card,
.view-list .news-view-switcher span.layout-list,
.view-newspaper .news-view-switcher span.layout-newspaper,
.view-author .news-view-switcher span.layout-author,
.view-photo .news-view-switcher span.layout-photo,
.view-board .news-view-switcher span.layout-board {
background-color: #1D4499;
color: #fff;
text-shadow: none;
text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
}
.view-card .news-view-switcher span.layout-card::after,
.view-article .news-view-switcher span.layout-article::after,
.view-thumbs .news-view-switcher span.layout-thumbs::after,
.view-card-lg .news-view-switcher span.layout-card-lg::after,
.view-card .news-view-switcher span.layout-card::after,
.view-list .news-view-switcher span.layout-list::after,
.view-newspaper .news-view-switcher span.layout-newspaper::after,
.view-author .news-view-switcher span.layout-author::after,
.view-photo .news-view-switcher span.layout-photo::after,
.view-board .news-view-switcher span.layout-board::after {
border-color: #1D4499 transparent transparent transparent;
top: 100%;
}
@media (max-width: 1399px) {
.news-view-switcher span {
width: 90px;
}
.news-view-switcher span::after {
border-width: 15px 45px 0 45px;
}
.news-view-switcher i {
font-size: 26px;
padding-left: 5px;
}
}
@media (max-width: 1199px) {
.news-view-switcher span {
width: 60px;
padding: 10px;
}
.news-view-switcher span::after {
border-width: 15px 30px 0 30px;
}
.news-view-switcher i {
font-size: 24px;
padding-left: 0px;
}
.blog-fullwidth .news-view-switcher i {
padding-left: 5px;
}
.news-view-switcher span.layout-fullwidth,
.news-view-switcher span.layout-fullwidth-off,
.news-view-switcher span.layout-fullwidth:hover,
.news-view-switcher span.layout-fullwidth-off:hover {
width: 60px;
}
.news-view-switcher label {
display: none;
}
}
@media (max-width: 979px) {
body.blog-fullwidth .news-view-switcher span,
body:not(.blog-fullwidth) .news-view-switcher span {
width: auto;
padding: 10px;
width: 44px;
}
.news-view-switcher span::after {
border-width: 5px 22px 0 22px;
}
body:not(.blog-fullwidth) .news-view-switcher i,
body.blog-fullwidth .news-view-switcher i {
font-size: 18px;
padding: 0;
padding-left: 2px;
}
.news-view-switcher span.layout-fullwidth,
.news-view-switcher span.layout-fullwidth-off,
.news-view-switcher span.layout-fullwidth:hover,
.news-view-switcher span.layout-fullwidth-off:hover {
width: auto;
padding: 10px;
}
}
@media (max-width: 479px) {
.news-view-switcher span::after {
display: none;
}
}
.archive-buttons-container {
margin: 20px 0px;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
}
.archive-buttons-container .pagination {
margin: 0;
}
/*** END ag20/global/news.css ***/
/*** START ag20/global/gallery.css ***/
/* Gallery */
.typeFancybox ul {
padding: 0; margin: 0; list-style-type: none;
}
/* styles are copied from bootstrap .thubnail */
.galleria-thumbnails-container .galleria-thumbnails .galleria-image,
.typeFancybox li {
display: inline-block;
padding: 4px;
line-height: 20px;
border: 1px solid #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
margin-right: 5px;
margin-bottom: 5px;
}
.galleria-thumbnails-container .galleria-thumbnails .galleria-image:hover,
.galleria-thumbnails-container .galleria-thumbnails .galleria-image:focus,
.typeFancybox li:hover,
.typeFancybox li:focus {
border-color: #0088cc;
-webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
-moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}
/*@media (min-width: 768px) {
.flex-direction-nav .flex-disabled {
opacity: 1 !important;
z-index: 10 !important;
cursor: pointer;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
}*/
.blog-gallery-container {
width: 800px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
clear: both;
overflow: hidden;
}
/*** END ag20/global/gallery.css ***/
/*** START ag20/global/e-commerce.css ***/
/* E-commerce */
.section-products-featured {
padding-top: 100px;
padding-bottom: 100px;
background-color: #F5F5F5;
}
.products-featured-container {
position: relative;
}
.section-products-featured h2 {
text-align: center;
margin-bottom: 30px;
margin-top: 0px;
}
.products-cat {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.products-featured {
margin-left: -15px;
margin-right: -15px;
}
.product {
text-transform: uppercase;
text-align: center;
font-weight: normal;
position: relative;
color: #757577;
}
.product-featured {
width: 25%;
padding-left: 15px;
padding-right: 15px;
}
.product-cat {
width: -webkit-calc(33.3333% - 20px);
width: -moz-calc(33.3333% - 20px);
width: calc(33.3333% - 20px);
position: relative;
margin-bottom: 30px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
z-index: 1;
display: flex-flex;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.product-cat:hover {
background-color: #fff;
}
.product-cat:hover ~ .product-cat {
z-index: 0;
}
.product-cat:hover .img-container,
.product-cat:hover .product-details {
position: relative;
z-index: 2;
}
.product-cat:hover ~ .product-cat .img-container,
.product-cat:hover ~ .product-cat .product-details {
z-index: 0;
}
.product-cat-empty {
height: 0;margin: 0; overflow: hidden; border: 0 none;
}
.product-cat .img-container {
overflow: hidden;
display: block;
}
.product-cat img {
width: 100%;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.product-cat:hover img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.product-cat .product-details {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
.product-cat .product-name {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.product-cat .price-container {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.product a {
color: #757577;
}
.product-details {
padding-top: 10px;
}
.price-container {
padding-bottom: 5px;
}
.price,
.hideprice {
font-size: 20px;
color: #1D4499;
}
.new-price {
color: #E78601;
}
.old-price {
text-decoration: line-through;
margin-right: 10px;
}
.product-desc {
position: absolute;
top: 0px;
opacity: 0;
text-transform: none;
font-weight: 300;
}
.product-cat:hover .product-desc {
opacity: 1;
top: 100%;
background-color: #fff;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.product-cat .product-details {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.featured-paging {
text-align: center;
margin-top: 15px;
}
.featured-paging span {
width: 10px;
height: 10px;
background-color: #9D9E9E;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-right: 5px;
display: inline-block;
cursor: pointer;
}
.featured-paging span.active {
background-color: #1D4499;
cursor: default;
}
.products-featured-control {
font-family: 'FontAwesome';
font-size: 30px;
position: absolute;
left: -30px;
top: -webkit-calc(50% - 70px);
top: -moz-calc(50% - 70px);
top: calc(50% - 70px);
color: #9D9E9E;
cursor: pointer;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.products-featured-control:hover {
color: #1D4499;
}
.products-featured-next {
left: auto;
right: -30px;
}
@media (min-width: 980px) and (max-width: 1199px) {
.product-cat {
width: 33.3333%;
}
.product-cat:nth-child(3n+3) {
border-right: 1px solid transparent;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.product-cat {
width: 50%;
}
.product-cat:nth-child(2n+2) {
border-right: 1px solid transparent;
}
}
@media (max-width: 979px) {
.product-featured {
width: 33.3333%;
}
.section-products-featured {
padding-top: 75px;
padding-bottom: 75px;
}
}
@media (max-width: 767px) {
.section-products-featured {
padding-top: 50px;
padding-bottom: 50px;
}
}
@media (min-width: 600px) and (max-width: 767px) {
.product-cat {
width: 33.3333%;
}
.product-cat:nth-child(3n+3) {
border-right: 1px solid transparent;
}
}
@media (max-width: 599px) {
.product-featured {
width: 50%;
}
}
@media (min-width: 400px) and (max-width: 599px) {
.product-cat {
width: 50%;
}
.product-cat:nth-child(2n+2) {
border-right: 1px solid transparent;
}
}
@media (max-width: 479px) {
.section-products-featured {
padding-top: 25px;
padding-bottom: 25px;
}
}
@media (max-width: 399px) {
.product-featured {
width: 100%;
}
.product-cat {
width: 100%;
border-right: 0 none;
}
}
/* =ITEM */
/* cart popup START */
.ipop-added-to-cart-details.iPopBlock.styled .iPopBox {
background-color: #fff;
padding: 0;
border: 0 none;
}
.table-added-to-cart {
max-width: 300px;
}
.table-added-to-cart-detail {
width: 100%;
margin-bottom: 15px;
}
.table-added-to-cart-detail td {
padding: 5px;
border-bottom: 1px solid #d7d7d7;
}
.ipop-added-to-cart-details h3 {
margin: 0;
background-color: #f2f2f2;
padding: 5px 10px;
margin-bottom: 10px;
}
.table-added-to-cart-detail tr:first-child td {
background-color: #f2f2f2;
border-bottom: 0 none;
}
.table-added-to-cart-buttons a {
display: inline-block;
color: #fff;
padding: 2px 6px;
text-decoration: none;
margin-right: 5px;
white-space: nowrap;
background-color: #1D4499;
}
.table-added-to-cart-buttons a.btn-keep-shopping:before {margin-right: 5px; font-family: 'FontAwesome'; content: '\f104';}
.table-added-to-cart-buttons a.btn-my-cart:before {margin-right: 5px; font-family: 'FontAwesome'; content: '\f07a';}
.table-added-to-cart-buttons a.btn-checkout:after {margin-left: 5px; font-family: 'FontAwesome'; content: '\f105';}
.td-added-img img {margin-right: 10px; margin-bottom: 5px;}
.td-added-img {padding-left: 10px;}
.td-added-desc {padding: 0 10px 10px;}
@media (min-width: 768px) {
.ipop-added-to-cart-details h3 {margin-bottom: 30px; padding: 15px 30px;}
.td-added-img {padding-left: 30px;}
.td-added-desc {padding: 0 30px 30px;}
.table-added-to-cart-buttons a {padding: 5px 15px;}
}
@media (max-width: 479px) {
.table-added-to-cart,
.table-added-to-cart > tbody,
.table-added-to-cart > tbody > tr,
.table-added-to-cart > tbody > tr > td {
display: block; padding: 0; margin: 0; border: 0 none;
}
.table-added-to-cart > tbody > tr > td {
padding: 0 15px;
}
.table-added-to-cart-buttons {
margin-top: 10px;
}
.table-added-to-cart-buttons,
.table-added-to-cart-buttons tbody,
.table-added-to-cart-buttons tr,
.table-added-to-cart-buttons td {
display: block;
}
.table-added-to-cart-buttons a {
display: block; margin: 0 auto 5px; width: 150px; text-align: center;
}
.table-added-to-cart-detail,
.table-added-to-cart-detail tr,
.table-added-to-cart-detail tbody,
.table-added-to-cart-detail td {
display: block; padding: 0; margin: 0; border: 0 none;
}
.table-added-to-cart-detail tr:first-child {
display: none;
}
.table-added-to-cart-detail tr:last-child td:nth-child(1):before {content: 'Quantity: ';}
.table-added-to-cart-detail tr:last-child td:nth-child(2):before {content: 'Price: ';}
.table-added-to-cart-detail tr:last-child td:nth-child(3):before {content: 'Total: ';}
}
/* cart popup END */
/* item slideshow start */
.item-slideshow {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
}
#item-slideshow .theatre-actor {
width: 100%;
}
#item-slideshow-buttons {
margin-right: 10px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-moz-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
#item-slideshow-buttons a {
cursor: pointer;
border: 1px solid #d7d7d7;
margin-bottom: 10px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
/* display: block !for(ie10); */
}
#item-slideshow-buttons img {
opacity: 0.7;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#item-slideshow-buttons a.active {
border: 1px solid #1D4499;
}
#item-slideshow-buttons a.active img {
opacity: 1;
}
@media (max-width: 1399px) {
.item-slideshow {
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
#item-slideshow-buttons {
margin-top: 10px;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
}
#item-slideshow-buttons a {
margin-bottom: 0px;
margin-right: 10px;
}
#item-slideshow-buttons img {
width: 60px;
height: 60px;
}
}
/* item slideshow end */
.priceTable {
background-color: #f7f7f7;
}
.priceTable .more, .priceTable .less {
display: none;
}
/* sale/new labels */
.product-label {
position: absolute;
top: 0px;
left: 0px
}
.product-featured .product-label {
left: 15px;
}
.product-label span {
display: inline-block;
background: #1D4499;
-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.14);
-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.14);
box-shadow: 3px 3px 3px rgba(0,0,0,0.14);
color: #ffffff;
font-size: 12px;
left: 0;
line-height: 16px;
padding: 1px 8px 2px;
position: absolute;
text-transform: uppercase;
top: 10px;
z-index: 2
}
.product-label span::before,
.product-label span::after {
border-color: transparent transparent transparent #1D4499;
border-style: solid;
border-width: 9px 0 0 8px;
bottom: 0;
content: "";
height: 0;
position: absolute;
right: -8px;
width: 0;
}
.product-label span::after {
border-color: #1D4499 transparent transparent;
border-width: 9px 8px 0 0;
position: absolute;
top: 0;
bottom: auto;
}
.product-label span.sale {
background: #E78601;
}
.product-label span.sale::before {
border-color: transparent transparent transparent #E78601;
}
.product-label span.sale::after {
border-color: #E78601 transparent transparent;
}
.product-label span+span {
top: 40px;
}
.ecsPadding #tabs {
margin-top: 30px;
}
.reviews-count {
display: inline-block;
padding: 5px;
background-color: #1D4499;
color: #fff;
width: 25px;
height: 25px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
float: right;
margin-left: 10px;
line-height: 1em;
text-align: center;
}
.priceTable th,
.priceTable td {
font-weight: 300;
}
.priceTable select {
font-weight: 300;
}
/* =CART */
.cartButtonsTop {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-moz-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
margin-bottom: 10px;
}
.cartButtonControls {
position: static;
}
.ecsCart thead td,
.ecsCart th, .ecsOrderPayments th {
background-color: #9D9E9E;
color: #fff;
border: 0 none;
}
.cartUpdateLink {
text-align: left;
}
#cartCollapseBlock h1 {
display: none;
}
.totalBox {
padding-top: 15px;
padding-bottom: 15px;
}
@media (max-width: 767px) {
table.ecsCart,
table.ecsCart tbody,
table.ecsCart tr,
table.ecsCart td {
display: block;
width: 100%;
border: 0 none;
padding: 0;
margin: 0;
}
table.ecsCart thead,
table.ecsCart th {
display: none;
}
table.ecsCart tr {
padding: 15px 0px;
border-bottom: 1px solid #e7e7e7;
}
}
/* =CHECKOUT */
#ecsAccountMode label,
#ecsAccountMode input {
display: inline-block;
}
#ecsAccountMode label {
margin-right: 10px;
}
.checkoutRadio {
padding-bottom: 5px;
}
.checkoutRadioText {
padding-top: 3px;
}
.crmLocationName input {
margin-right: 5px;
}
.checkout-steps {
margin-top: 20px;
margin-bottom: 20px;
clear: both;
overflow: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.checkout-steps > div {
background-image: url(../data/i/checkout-steps.png);
background-repeat: no-repeat;
background-position: 50% -300px;
padding-top: 53px;
text-align: center;
font-size: 14px;
color: #aaa;
float: left;
width: 16.6666%;
}
.checkout-steps > div.step-active {color: #000000; font-weight: bold;}
.checkout-steps > div.step-allowed a {color: $orange;}
.checkout-steps > div.step-active:first-child {background-position: 50% 0px;}
.checkout-steps > div.step-allowed {background-position: 50% -600px;}
.checkout-steps > div.step-allowed:first-child {background-position: 50% -150px;}
.checkout-steps > div.step-active {background-position: 50% -450px;}
.checkout-steps > div.step-active.step-back {background-position: 50% -1200px;}
/*.checkout-steps > .step-active.step-allowed {background-position: 50% -1200px;}*/
.checkout-steps > div:last-child {background-position: 50% -750px;}
.checkout-wrapper-thankyou .checkout-steps > div {background-position: 50% -600px;}
.checkout-wrapper-thankyou .checkout-steps > div:first-child {background-position: 50% -150px;}
.checkout-wrapper-thankyou .checkout-steps > div:last-child {background-position: 50% -900px;}
@media (max-width: 767px) {
.checkout-steps {
margin-bottom: 0px;
}
.checkout-steps > div {
background-image: url(../data/i/checkout-steps-sm.png);
width: 33.3333%;
margin-bottom: 15px;
}
.checkout-steps > div.step-allowed {background-position: 50% -150px;}
.checkout-steps > div.step-active {background-position: 50% 0px;}
/* .checkout-steps > .step-active.step-allowed {background-position: 50% 0px;} */
.checkout-steps > div:last-child {background-position: 50% -300px;}
.checkout-wrapper-thankyou .checkout-steps > div {background-position: 50% -150px;}
.checkout-wrapper-thankyou .checkout-steps > div:last-child {background-position: 50% 00px;}
/* go back - class is added with js */
}
@media (max-width: 399px) {
.checkout-steps > div {width: 50%; margin-bottom: 20px;}
}
/* login / signup */
@media (min-width: 768px) and (max-width: 979px) {
.col-checkout-signup .form-group,
.col-checkout-login .form-group {
width: 250px;
max-width: 100%;
margin: 0;
}
.col-checkout-signup .form-group > label,
.col-checkout-signup .form-group > div,
.col-checkout-login .form-group > label,
.col-checkout-login .form-group > div {
width: 100%;
text-align: left;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.col-checkout-signup .form-group,
.col-checkout-login .form-group {
width: 500px;
max-width: 100%;
}
}
@media (max-width: 479px) {
.col-checkout-signup .form-group,
.col-checkout-login .form-group {
width: 250px;
max-width: 100%;
margin: 0;
}
.col-checkout-signup .form-group > label,
.col-checkout-signup .form-group > div,
.col-checkout-login .form-group > label,
.col-checkout-login .form-group > div {
width: 100%;
text-align: left;
padding-left: 0px;
padding-right: 0px;
}
.col-checkout-signup .form-group input[type="submit"],
.col-checkout-login .form-group input[type="submit"] {
margin-top: 10px;
}
}
.anon-checkout-chooser {
clear: both;
overflow: hidden;
}
.anon-checkout-chooser input[type="radio"] {
margin-right: 5px;
}
.anon-checkout-option {
white-space: nowrap;
display: block;
margin-right: 15px;
}
.row-cart-header {
background-color: #9D9E9E;
color: #fff;
padding-top: 10px;
padding-bottom: 10px;
}
.row-cart-item {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #e7e7e7;
}
.order-totals {
padding-top: 15px;
padding-bottom: 15px;
}
.checkout-option-promo .form-inline {
width: 300px;
max-width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.checkout-option-promo .form-group {
margin: 0;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-moz-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.checkout-option-promo input[type="text"] {
height: 100%;
width: 100%;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
textarea#orderNotesInput {
border: 1px solid #d7d7d7;
border-radius: 0;
width: 500px;
height: 150px;
max-width: 100%;
}
.ecsPaymentSelector label {
font-weight: 300;
}
/* =MY ACCOUNT */
table.crmAccountInfo textarea {
width: 100%;
height: 150px;
}
table.crmAccountInfo label {
font-weight: 300;
}
table.crmAccountInfo input[type="radio"] {
margin-right: 5px;
}
table.crmAccountInfo input[type="radio"]:not(:first-child) {
margin-left: 15px;
}
table.crmAccountInfo select[id*="date"] {
margin-right: 10px;
}
@media (min-width: 480px) {
table.crmAccountInfo td {
padding: 5px 0px;
}
}
@media (max-width: 479px) {
table.crmAccountInfo,
table.crmAccountInfo tbody,
table.crmAccountInfo tr,
table.crmAccountInfo td {
display: block;
}
table.crmAccountInfo tr {
padding: 5px 0px;
clear: both;
overflow: hidden;
}
table.crmAccountInfo tr#myAccountisPrimaryBillingLocation td,
table.crmAccountInfo tr#myAccountisPrimaryShippingLocation td,
table.crmAccountInfo tr#myAccountshowEmail td {
float: left;
padding-right: 10px;
}
}
/* /my-account/locations/ */
.selectorButton {
margin-top: 10px;
}
#addloc_cell {
padding-bottom: 15px;
}
.crmLocationForm td {
padding-top: 5px;
padding-bottom: 5px;
}
.crmLocationForm td:first-child {
padding-right: 10px;
}
.inpZipSep {
margin-left: 5px;
margin-right: 5px;
}
.primaryCheckboxControl label {
font-weight: 300;
}
.primaryBillingCheckboxControl {
margin-right: 15px;
}
#shippingNotes input[type="text"] {
width: 100%;
}
@media (max-width: 767px) {
.crmLocationForm,
.crmLocationForm tbody,
.crmLocationForm tr,
.crmLocationForm td,
.crmCommForm,
.crmCommForm tbody,
.crmCommForm tr,
.crmCommForm td {
display: block;
padding: 0;
}
.crmLocationForm tr,
.crmCommForm tr {
padding-bottom: 10px;
}
}
/* my orders */
table.list > tbody > tr > th,
table.list > tbody > tr > td {
border: 0 none;
}
table.list > tbody > tr:nth-child(odd) > td,
table.list > tbody > tr:nth-child(odd) > th {
background-color: transparent;
}
@media (min-width: 980px) {
table.list > tbody > tr:first-child > td,
table.list > tbody > tr:first-child > th {
font-weight: 300;
background-color: #f2f2f2;
}
table.list > tbody > tr > th,
table.list > tbody > tr > td {
padding: 10px;
border-bottom: 1px solid #d7d7d7;
}
}
@media (max-width: 979px) {
table.list,
table.list > tbody,
table.list > tbody > tr,
table.list > tbody > tr > td {
display: block;
text-align: left;
}
table.list > tbody > tr > th,
table.list > tbody > tr:first-child {
display: none;
}
table.list > tbody > tr > th,
table.list > tbody > tr > td {
padding: 0;
}
table.list > tbody > tr > td {
padding-bottom: 5px;
}
table.list > tbody > tr {
padding: 10px;
}
table.list > tbody > tr:nth-child(odd) {
background-color: #f2f2f2;
}
table.list > tbody > tr > td[header]::before {
content: attr(header) ': ';
font-weight: bold;
display: inline;
opacity: 1;
}
table.list > tbody > tr > td:empty {
display: none;
}
}
/*** END ag20/global/e-commerce.css ***/
/*** START ag20/global/navigation.css ***/
/* Navigation */
.caret {
border-top: 4px solid #000000;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.dropdown-menu {
background-color: #ffffff;
border: 1px solid #cccccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu .divider {
background-color: #e5e5e5;
}
.dropdown-menu > li > a {
color: #1D4499;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
color: #1D4499;
text-decoration: none;
background-color: #ffffff;
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#ffffff));
background-image: -webkit-linear-gradient(top, #ffffff, 0%, #ffffff, 100%);
background-image: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%);
background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0);
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
color: #1D4499;
text-decoration: none;
background-color: #ffffff;
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#ffffff));
background-image: -webkit-linear-gradient(top, #ffffff, 0%, #ffffff, 100%);
background-image: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%);
background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0);
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
color: #999999;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.dropdown-header {
color: #999999;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
border-top: 0;
border-bottom: 4px solid #000000;
content: "";
}
.navbar-inverse .nav > li > a {
color: #1D4499;
}
.navbar-inverse .nav .caret {
border-bottom-color: #1D4499;
border-top-color: #1D4499;
}
.navbar-nav > li > a {
color: #777777;
font-size: 20px;
}
@media (max-width: 979px) {.nav > li > a {font-size: 16px;}}
@media (max-width: 767px) {.nav > li > a {font-size: 16px;}}
@media (max-width: 479px) {.nav > li > a {font-size: 16px;}}
.nav > li > a:hover,
.nav > li > a:focus {
color: #333333;
background-color: #EEEEEE-hover;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #1D4499;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
background-color: #ffffff;
}
.nav > li.disabled > a {
color: #999999;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
color: #999999;
text-decoration: none;
}
.nav.open > a,
.nav.open > a:hover,
.nav.open > a:focus {
color: #ffffff;
background-color: #428bca;
border-color: #428bca;
}
.nav.open > a .caret,
.nav.open > a:hover .caret,
.nav.open > a:focus .caret {
border-top-color: #ffffff;
border-bottom-color: #ffffff;
}
.nav .nav-divider {
background-color: #e5e5e5;
}
.nav-tabs {
border-bottom: 1px solid #dddddd;
}
.nav-tabs > li > a {
margin-right: 2px;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
border-color: #eeeeee;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
color: #555555;
background-color: #ffffff;
border: 1px solid #dddddd;
border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
width: 100%;
border-bottom: 0;
}
.nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #dddddd;
}
.nav-tabs.nav-justified > .active > a {
border-bottom-color: #ffffff;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
color: #ffffff;
background-color: #428bca;
}
.nav-tabs-justified > li > a {
border-bottom: 1px solid #dddddd;
}
.nav-tabs-justified > .active > a {
border-bottom-color: #ffffff;
}
.nav .caret {
border-top-color: #777777;
border-bottom-color: #777777;
}
.nav a:hover .caret {
border-top-color: #333333;
border-bottom-color: #333333;
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.navbar {
background-color: #EEEEEE;
border-radius: 4px;
}
.navbar-nav > li > a {
color: #777777;
border-radius: 0px;
}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
color: #333333;
background-color: transparent;
}
.navbar-nav > .active > a,
.navbar-nav > .active > a:hover,
.navbar-nav > .active > a:focus {
color: #555555;
background-color: #D5D5D5;
}
.navbar-nav > .disabled > a,
.navbar-nav > .disabled > a:hover,
.navbar-nav > .disabled > a:focus {
color: #cccccc;
background-color: transparent;
}
.navbar-brand {
color: #777777;
}
.navbar-brand:hover,
.navbar-brand:focus {
color: #333333;
background-color: transparent;
}
.navbar-toggle {
background-color: #fff;
border: 1px solid #1D4499;
border-radius: 4px;
}
.navbar-toggle:hover,
.navbar-toggle:focus {
background-color: #fff;
border: 1px solid #1D4499;
}
.navbar-toggle .icon-bar {
display: block;
background-color: #fff;
border-radius: 1px;
}
.navbar-nav > li > .dropdown-menu {
margin-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.navbar-nav > .dropdown > a:hover .caret,
.navbar-nav > .dropdown > a:focus .caret {
border-top-color: #333333;
border-bottom-color: #333333;
}
.navbar-nav > .open > a,
.navbar-nav > .open > a:hover,
.navbar-nav > .open > a:focus {
color: #555555;
background-color: #d5d5d5;
}
.navbar-nav > .open > a .caret,
.navbar-nav > .open > a:hover .caret,
.navbar-nav > .open > a:focus .caret {
border-top-color: #555555;
border-bottom-color: #555555;
}
.navbar-nav > .dropdown > a .caret {
border-top-color: #777777;
border-bottom-color: #777777;
}
.navbar-inverse {
background-color: #ffffff;
border-color: #ffffff;
border-width: 0px;
}
.navbar-inverse .navbar-brand {
color: #1D4499;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
color: #a2191e;
background-color: transparent;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #ffffff;
}
.navbar-inverse .navbar-text {
color: #999999;
}
.navbar-inverse .navbar-nav > li > a {
color: #1D4499;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
color: #a2191e;
background-color: #ffffff;
}
.navbar-inverse .navbar-nav > .activeBranch > a,
.navbar-inverse .navbar-nav > .activeBranch > a:hover,
.navbar-inverse .navbar-nav > .activeBranch > a:focus {
color: #a2191e;
background-color: #ffffff;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
color: #444444;
background-color: transparent;
}
.navbar-inverse .navbar-toggle {
border-color: #fff;
background-color: #fff;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
border-color: #fff;
background-color: #fff;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #1D4499;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
color: #a2191e;
background-color: #ffffff;
}
.navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
border-top-color: #a2191e;
border-bottom-color: #a2191e;
}
.navbar-inverse .navbar-nav > .dropdown > a .caret {
border-top-color: #1D4499;
border-bottom-color: #1D4499;
}
.navbar-inverse .navbar-nav > .open > a .caret,
.navbar-inverse .navbar-nav > .open > a:hover .caret,
.navbar-inverse .navbar-nav > .open > a:focus .caret {
border-top-color: #a2191e;
border-bottom-color: #a2191e;
}
.navbar-fixed-top,
.navbar-fixed-bottom {
border-radius: 0;
}
@media screen and (max-width: 768px) {
.dropdown-menu > li > a {
color: #777777;
}
}
.navbar-link {
color: #777777;
}
.navbar-link:hover {
color: #333333;
}
.navbar-inverse .navbar-link {
color: #999999;
}
.navbar-inverse .navbar-link:hover {
color: #ffffff;
}
/* =CUSTOM */
.nav > li > a {
padding: 10px 15px;
}
@media (max-width: 1024px) {
.nav > li > a {
padding: 10px 5px;
}
}
.navbar-inverse {
transition: all 0.3s;
}
.navbar {
margin-bottom: 0px;
min-height: inherit;
}
.navbar-nav > li > a {
font-weight: normal;
font-family: Helvetica, Arial, sans-serif;
transition: all 0.3s;
font-size: 20px;
text-transform: uppercase;
font-weight: bold;
}
@media (max-width: 1199px) {
.navbar-nav > li > a {
font-size: 16px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.navbar-nav > li > a {
font-size: 15px;
text-align: center;
}
}
.navbar-nav .open > a,
.navbar-nav .open > a:hover,
.navbar-nav .open > a:focus {
border-color: #9D9E9E;
}
.dropdown-menu a[href*="logout"]:before,
.dropdown-menu a[href*="login"]:before,
.dropdown-menu a[href*="account"]:before,
.dropdown-menu a[href*="contact"]:before {
font-family: 'FontAwesome';
content: '\f13e';
margin-right: 5px;
}
.dropdown-menu a[href*="login"]:before {content: '\f023';}
.dropdown-menu a[href*="account"]:before {content: '\f007';}
.dropdown-menu a[href*="contact"]:before {content: '\f0e0';}
.dropdown-menu > li > a {
border-bottom: 1px solid #D9D9D9;
}
.navbar-inverse .navbar-toggle {
margin: 0;
font-size: 16px;
border-radius: 0;
padding: 0px;
width: auto;
position: absolute;
right: 15px;
top: 10px;
}
.navbar-inverse .navbar-toggle label {
font-weight: 300;
cursor: pointer;
}
.dropdown-menu > li > a {
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
}
@media (min-width: 768px) {
.navbar-collapse {
padding-left: 0px;
padding-right: 0px;
}
.navbar-nav {
float: none;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
}
.navbar-nav > li {
flex: 1 1 auto;
}
.dropdown-menu {
padding: 0;
border-radius: 0;
border: 0 none;
}
.dropdown-menu > li > a {
padding: 15px;
transition: all 0.3s;
}
/* smooth dropdown start */
.dropdown .dropdown-menu {
transition: all 1s;
max-height: 0;
display: block;
overflow: hidden;
opacity: 0;
}
.dropdown.open .dropdown-menu {
max-height: 800px;
opacity: 1;
}
/* smooth dropdown end */
}
@media (min-width: 768px) and (max-width: 1199px) {
.navbar .container {
padding-left: 0px;
padding-right: 0px;
}
}
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu > li > a {
padding: 10px 10px 10px 25px;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #a2191e;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
color: #1D4499;
}
.navbar-inverse .navbar-nav > .activeBranch > a,
.navbar-inverse .navbar-nav > .activeBranch > a:hover,
.navbar-inverse .navbar-nav > .activeBranch > a:focus {
background-color: #fff;
color: #a2191e;
}
.navbar-inverse {
background-color: #fff;
}
.navbar-container,
.navbar-container .container {
}
.navbar-fixed-top {
position: static;
}
.navbar-container {
padding-top: 10px;
padding-bottom: 10px;
}
.navbar-header {
display: flex;
justify-content:flex-end;
flex-flow: row nowrap;
}
.container > .navbar-header,
.container > .navbar-collapse {
margin: 0;
}
.navbar-nav {
margin-top: 0px;
margin-bottom: 0px;
}
.navbar-nav > li > a[href*="search"] {
display: none;
}
.navbar-nav > li > a[href*="account"],
.navbar-nav > li > a[href="/"] {
position: relative;
}
.navbar-nav > li > a[href*="account"]:after,
.navbar-nav > li > a[href="/"]:after {
content: 'My Account';
font-family: Helvetica, Arial, sans-serif;
font-size: 16pxpx;
position: absolute;
left: 15px;
background-color: #ffffff;
}
.navbar-nav > li > a[href="/"]:after {
content: 'Home';
}
.navbar-inverse .navbar-toggle {
margin-right: 55px;
cursor: pointer;
}
}
@media (max-width: 399px) {
.navbar-inverse .navbar-toggle span {
display: none;
}
.navbar-toggle label::before {
font-size: 32px;
}
.navbar-container .container > a img {
max-width: calc(100% - 100px);
}
}
/* was not on mockup */
.navbar-nav > li[data-page-class="search-button"],
.navbar-nav > li[data-page-class="contact-button"] {
display: none;
}
.navbar-inverse .navbar-nav > .dropdown > a .caret {
display: none;
}
/* SPANISH, GREEK */
@media (min-width: 1500px) {
html[lang="es-MX"] .navbar-nav > li > a,
html[lang="el-GR"] .navbar-nav > li > a {
font-size: 18px;
}
}
@media (min-width: 1200px) and (max-width: 1499px) {
html[lang="es-MX"] .navbar-nav > li > a,
html[lang="el-GR"] .navbar-nav > li > a {
font-size: 15px;
}
html[lang="es-MX"] .nav > li > a,
html[lang="el-GR"] .nav > li > a {
padding: 10px 10px;
}
html[lang="es-MX"] .navbar-container .container > a img,
html[lang="el-GR"] .navbar-container .container > a img {
width: 250px;
}
}
@media (min-width: 1025px) and (max-width: 1199px) {
html[lang="es-MX"] .navbar-nav > li > a,
html[lang="el-GR"] .navbar-nav > li > a {
font-size: 14px;
}
html[lang="es-MX"] .nav > li > a,
html[lang="el-GR"] .nav > li > a {
padding: 10px 5px;
}
html[lang="es-MX"] .navbar-container .container > a img,
html[lang="el-GR"] .navbar-container .container > a img {
width: 250px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
html[lang="es-MX"] .navbar-nav > li > a,
html[lang="el-GR"] .navbar-nav > li > a {
font-size: 14px;
}
html[lang="es-MX"] .navbar-container .container,
html[lang="el-GR"] .navbar-container .container {
flex-flow: row wrap;
align-items: center;
justify-content: center;
}
html[lang="es-MX"] .navbar-container .container > a img,
html[lang="el-GR"] .navbar-container .container > a img {
margin: 0 auto;
}
html[lang="es-MX"] .navbar-container .container > a,
html[lang="el-GR"] .navbar-container .container > a {
width: 100%;
display: flex;
flex-flow: row nowrap;
justify-content: center;
}
html[lang="es-MX"] .header-placeholder,
html[lang="es-MX"] body.navbar-small .header-placeholder,
html[lang="el-GR"] .header-placeholder,
html[lang="el-GR"] body.navbar-small .header-placeholder {
height: 95px;
}
html[lang="es-MX"] .navbar-container .container > a img,
html[lang="el-GR"] .navbar-container .container > a img {
width: 250px;
}
html[lang="es-MX"] .main-navbar-container,
html[lang="el-GR"] .main-navbar-container {
margin: 0;
}
html[lang="es-MX"] header,
html[lang="es-MX"] body.navbar-small header,
html[lang="el-GR"] header,
html[lang="el-GR"] body.navbar-small header {
padding: 10px 0 0px;
}
html[lang="es-MX"] .navbar-container .container > div.language-selector-container,
html[lang="es-MX"] body.navbar-small .navbar-container .container > div.language-selector-container,
html[lang="el-GR"] .navbar-container .container > div.language-selector-container,
html[lang="el-GR"] body.navbar-small .navbar-container .container > div.language-selector-container {
height: 60px;
}
html[lang="es-MX"] .language-selector-container a.dropdown-toggle,
html[lang="es-MX"] body.navbar-small .language-selector-container a.dropdown-toggle,
html[lang="el-GR"] .language-selector-container a.dropdown-toggle,
html[lang="el-GR"] body.navbar-small .language-selector-container a.dropdown-toggle {
padding: 0;
margin: 0 0 0 10px;
}
html[lang="es-MX"] .language-selector-container a.dropdown-toggle::after,
html[lang="es-MX"] body.navbar-small .language-selector-container a.dropdown-toggle::after,
html[lang="el-GR"] .language-selector-container a.dropdown-toggle::after,
html[lang="el-GR"] body.navbar-small .language-selector-container a.dropdown-toggle::after {
margin: 0;
}
html[lang="es-MX"] .language-selector-container .caret,
html[lang="es-MX"] body.navbar-small .language-selector-container .caret,
html[lang="el-GR"] .language-selector-container .caret,
html[lang="el-GR"] body.navbar-small .language-selector-container .caret {
bottom: 5px;
}
}
/* FRENCH, PORTUGAL, ENGLISH */
@media (min-width: 1200px) and (max-width: 1499px) {
html[lang="fr-FR"] .navbar-nav > li > a,
html[lang="pt-PT"] .navbar-nav > li > a,
html[lang="en-US"] .navbar-nav > li > a {
font-size: 16px;
}
html[lang="fr-FR"] .navbar-container .container > a img,
html[lang="pt-PT"] .navbar-container .container > a img,
html[lang="en-US"] .navbar-container .container > a img {
width: 250px;
}
}
@media (min-width: 1025px) and (max-width: 1199px) {
html[lang="fr-FR"] .navbar-nav > li > a,
html[lang="pt-PT"] .navbar-nav > li > a,
html[lang="en-US"] .navbar-nav > li > a {
font-size: 15px;
}
html[lang="fr-FR"] .nav > li > a,
html[lang="pt-PT"] .nav > li > a,
html[lang="en-US"] .nav > li > a {
padding: 10px 10px;
}
html[lang="fr-FR"] .navbar-container .container > a img,
html[lang="pt-PT"] .navbar-container .container > a img,
html[lang="en-US"] .navbar-container .container > a img {
width: 250px;
margin-right: 0;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
html[lang="fr-FR"] .navbar-nav > li > a,
html[lang="pt-PT"] .navbar-nav > li > a,
html[lang="en-US"] .navbar-nav > li > a {
font-size: 16px;
}
html[lang="fr-FR"] .navbar-container .container,
html[lang="pt-PT"] .navbar-container .container,
html[lang="en-US"] .navbar-container .container {
flex-flow: row wrap;
align-items: center;
justify-content: center;
}
html[lang="fr-FR"] .navbar-container .container > a img,
html[lang="pt-PT"] .navbar-container .container > a img,
html[lang="en-US"] .navbar-container .container > a img {
margin: 0 auto;
}
html[lang="fr-FR"] .navbar-container .container > a,
html[lang="pt-PT"] .navbar-container .container > a,
html[lang="en-US"] .navbar-container .container > a {
width: 100%;
display: flex;
flex-flow: row nowrap;
justify-content: center;
}
html[lang="fr-FR"] .header-placeholder,
html[lang="fr-FR"] body.navbar-small .header-placeholder,
html[lang="pt-PT"] .header-placeholder,
html[lang="pt-PT"] body.navbar-small .header-placeholder,
html[lang="en-US"] .header-placeholder,
html[lang="en-US"] body.navbar-small .header-placeholder {
height: 95px;
}
html[lang="fr-FR"] .navbar-container .container > a img,
html[lang="pt-PT"] .navbar-container .container > a img,
html[lang="en-US"] .navbar-container .container > a img {
width: 250px;
}
html[lang="fr-FR"] .main-navbar-container,
html[lang="pt-PT"] .main-navbar-container,
html[lang="en-US"] .main-navbar-container {
margin: 0;
}
html[lang="fr-FR"] header,
html[lang="fr-FR"] body.navbar-small header,
html[lang="pt-PT"] header,
html[lang="pt-PT"] body.navbar-small header,
html[lang="en-US"] header,
html[lang="en-US"] body.navbar-small header {
padding: 10px 0 0px;
}
html[lang="fr-FR"] .navbar-container .container > div.language-selector-container,
html[lang="fr-FR"] body.navbar-small .navbar-container .container > div.language-selector-container,
html[lang="pt-PT"] .navbar-container .container > div.language-selector-container,
html[lang="pt-PT"] body.navbar-small .navbar-container .container > div.language-selector-container,
html[lang="en-US"] .navbar-container .container > div.language-selector-container,
html[lang="en-US"] body.navbar-small .navbar-container .container > div.language-selector-container {
height: 60px;
}
html[lang="fr-FR"] .language-selector-container a.dropdown-toggle,
html[lang="fr-FR"] body.navbar-small .language-selector-container a.dropdown-toggle,
html[lang="pt-PT"] .language-selector-container a.dropdown-toggle,
html[lang="pt-PT"] body.navbar-small .language-selector-container a.dropdown-toggle,
html[lang="en-US"] .language-selector-container a.dropdown-toggle,
html[lang="en-US"] body.navbar-small .language-selector-container a.dropdown-toggle {
padding: 0;
margin: 0 0 0 10px;
}
html[lang="fr-FR"] .language-selector-container a.dropdown-toggle::after,
html[lang="fr-FR"] body.navbar-small .language-selector-container a.dropdown-toggle::after,
html[lang="pt-PT"] .language-selector-container a.dropdown-toggle::after,
html[lang="pt-PT"] body.navbar-small .language-selector-container a.dropdown-toggle::after,
html[lang="en-US"] .language-selector-container a.dropdown-toggle::after,
html[lang="en-US"] body.navbar-small .language-selector-container a.dropdown-toggle::after {
margin: 0;
}
html[lang="fr-FR"] .language-selector-container .caret,
html[lang="fr-FR"] body.navbar-small .language-selector-container .caret,
html[lang="pt-PT"] .language-selector-container .caret,
html[lang="pt-PT"] body.navbar-small .language-selector-container .caret,
html[lang="en-US"] .language-selector-container .caret,
html[lang="en-US"] body.navbar-small .language-selector-container .caret {
bottom: 5px;
}
}
/*** END ag20/global/navigation.css ***/
/*** START ag20/global/media.css ***/
/* Media */
@media (min-width: 768px) and (max-width: 979px) {
}
@media (max-width: 767px) {
}
@media print {
body {
padding-top: 0px;
}
h1.pageTitle {
margin-top: 0px;
padding-top: 0px;
}
}
@media (min-width: 1200px) {
}
@media (min-width: 768px) and (max-width: 979px) {
}
@media (max-width: 767px) {
/* replace fixed spacing with full-width on smaller resolutions */
.container {max-width: 100%;}
}
@media (max-width: 480px) {
/* replace fixed spacing with full-width on smaller resolutions */
.container {max-width: 100%;}
}
@media (max-width: 979px) {
}
@media (min-width: 980px) {
}
@media (min-width: 768px) and (max-width: 1199px) {
/* replace fixed spacing with full-width on smaller resolutions */
.container {max-width: 100%;}
/* fix horizontal scrolling on smaller resolutions */
/*.row {margin-left: 0px; margin-right: 0px;}*/
}
@media (min-width: 980px) and (max-width: 1199px) {
}
/*** END ag20/global/media.css ***/
/*** START ag20/global/buttons.css ***/
/* Buttons */
.btn {background-color: transparent; border: 1px solid transparent; color: #ffffff;}
.btn-default {background-color: #474949; border: 1px solid #474949; color: #ffffff;}
.btn-primary {background-color: #a2191e; border: 1px solid #a2191e; color: #ffffff;}
.btn-success {background-color: #5cb85c; border: 1px solid #5cb85c; color: #ffffff;}
.btn-info {background-color: #5bc0de; border: 1px solid #5bc0de; color: #ffffff;}
.btn-warning {background-color: #f0ad4e; border: 1px solid #f0ad4e; color: #ffffff;}
.btn-danger {background-color: #d9534f; border: 1px solid #d9534f; color: #ffffff;}
.btn:hover, .btn:focus {background-color: transparent; border: 1px solid transparent; color: #a2191e;}
.btn-default:hover, .btn-default:focus {background-color: #3a3c3c; border: 1px solid #3a3c3c; color: #ffffff;}
.btn-primary:hover, .btn-primary:focus {background-color: #a2191e; border: 1px solid #a2191e; color: #ffffff;}
.btn-success:hover, .btn-success:focus {background-color: #4cae4c; border: 1px solid #4cae4c; color: #ffffff;}
.btn-info:hover, .btn-info:focus {background-color: #46b8da; border: 1px solid #46b8da; color: #ffffff;}
.btn-warning:hover, .btn-warning:focus {background-color: #eea236; border: 1px solid #eea236; color: #ffffff;}
.btn-danger:hover, .btn-danger:focus {background-color: #d43f3a; border: 1px solid #d43f3a; color: #ffffff;}
.btn-link, .btn-link:hover, .btn-link:focus {background-color: transparent; border-color: transparent; color: #3457A3;}
.btn,
.btn:hover,
.btn:focus {
border-radius: 0;
padding: 10px 35px;
border: 0 none;
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
line-height: 1.6em;
}
@media (max-width: 979px) {
.btn, .btn:hover, .btn:focus {
font-size: 18px;
padding: 10px 35px;
}
}
@media (max-width: 767px) {
.btn, .btn:hover, .btn:focus {
font-size: 16px;
padding: 6px 20px;
}
}
@media (max-width: 479px) {
.btn, .btn:hover, .btn:focus {
font-size: 16px;
padding: 6px 20px;
}
}
button {
background-color: transparent; border: 1px solid transparent; color: #ffffff;
padding: 6px 12px;
}
.btn-lg,
.btn-lg:hover,
.btn-lg:focus {
border: 3px solid;
padding: 8px 35px;
font-size: 24px;
color: #a2191e;
}
.btn-lg-2,
.btn-lg-2:hover,
.btn-lg-2:focus {
border: 3px solid #1D4499;
color: #1D4499;
}
.btn-lg-2:hover,
.btn-lg-2:focus {
color: #a2191e;
border-color: #a2191e;
}
@media (max-width: 767px) {
.btn-lg,
.btn-lg:hover,
.btn-lg:focus {
border: 3px solid;
font-size: 16px;
}
}
/*** END ag20/global/buttons.css ***/
/*** START ag20/global/comments.css ***/
/* Comments */
#enterComment textarea {
height: 150px !important;
}
/* comments form */
.enterComment {
margin-top: 20px;
}
#commentEnterFirstName, #commentEnterLastName, #commentEnterEmailName {
display: inline-block;
padding-right: 10px;
}
.postCommentBlock {
clear: both;
overflow: hidden;
}
.postCommentBlock input,
.postCommentBlock input:hover,
.postCommentBlock input:focus {
margin: 0;
background-color: #737E85;
color: #fff;
border: 0 none;
}
/* list of comments */
.CommentsBody {
border-left: 5px solid #ccc;
padding-left: 15px;
}
.CommentsCreatedAgo {
border-bottom: 1px dashed;
}
.CommentedBy {
font-style: italic;
}
/* Comments */
.summary-agregate {
margin-bottom: 20px;
margin-top: 20px;
}
.summary-agregate .ratingBar,
.summary-agregate .ratingBar div {
display: inline-block;
margin-bottom: 0px;
}
.summary-agregate .Rating {
margin-left: 10px;
}
.allCommentsItem {
border-bottom: 1px solid #c1c1c1;
padding-bottom: 15px;
margin-bottom: 15px;
}
.allCommentsBody {
font-style: italic;
}
.allCommentsAuthor {
color: #a4a4a4;
padding-bottom: 10px;
padding-top: 5px;
}
.allCommentsLocation {
font-size: 12px;
}
.allCommentsLocation a {
color: #12315d;
}
.allCommentsDate {
x-display: none;
}
.allCommentsCreatedAgo {
border-bottom: 1px dashed;
}
.ratingBar div {
background: url("../data/i/star-rating.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
display: inline-block;
height: 12px;
margin-bottom: 5px;
}
.ratingBar div.rating0 {
display: none;
}
.ratingBar .rating1 {width: 15px;}
.ratingBar .rating2 {width: 31px;}
.ratingBar .rating3 {width: 47px;}
.ratingBar .rating4 {width: 63px;}
.ratingBar .rating5 {width: 77px;}
.cmtMessages .cmtMessage {
margin-bottom: 20px;
margin-top: 20px;
color: #1D4499;
border: 1px solid;
text-align: center;
padding: 5px 10px;
}
.cmtMessages .error {
color: #c0272d;
}
#cmtRatingBlock {
margin-bottom: 10px;
}
.cmtRatingInputs td {
vertical-align: middle;
padding-right: 10px;
}
.cmtRatingInputs input {
margin-right: 3px;
}
/* comments form */
#commentForm {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #e7e7e7;
}
.ecs-item-tabs #cmtRatingBlock .table-responsive {
border: 0 none;
overflow: auto;
}
.enterComment {
margin-top: 20px;
}
#commentEnterFirstName, #commentEnterLastName, #commentEnterEmailName {
display: inline-block;
padding-right: 10px;
}
.postCommentBlock {
clear: both;
overflow: hidden;
}
.postCommentBlock input,
.postCommentBlock input:hover,
.postCommentBlock input:focus {
margin: 0;
}
#recaptcha_widget_div #recaptcha_area,
#recaptcha_widget_div #recaptcha_table {
width: auto !important;
}
#recaptcha_area {
margin-bottom: 15px;
}
.summary-agregate .Rating {
margin-left: 0px;
}
.ecs-item-tabs .cmtMessages {
margin-bottom: 15px;
}
/* list of comments */
.CommentsBody {
border-left: 5px solid #ccc;
padding-left: 15px;
}
.CommentsCreatedAgo {
border-bottom: 1px dashed;
}
.CommentedBy {
font-style: italic;
}
.cmtMessage {
color: #00A89C;
}
.cmtMessage .cmtError {
color: #c0272d;
}
/*** END ag20/global/comments.css ***/
/*** START ag20/global/blogvariables.css ***/
/* Blog Variables */
/*** END ag20/global/blogvariables.css ***/
/*** START ag20/global/e-commercesearchresults.css ***/
/* E-commerce Search Results */
/* view switcher */
.ecs-search-view-switcher {
background-color: #f2f2f2;
margin-bottom: 20px;
}
.ecs-search-view-switcher span {
color: #333333;
display: inline-block;
padding: 5px 10px;
cursor: pointer;
}
.ecs-search-view-card span.ecs-search-layout-card,
.ecs-search-view-list span.ecs-search-layout-list {
background-color: #fff;
cursor: text;
}
.ecs-search-results-container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.ecs-search-results-container > div {
width: 20%;
margin-bottom: 20px;
text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-right: 1px solid #e7e7e7;
}
.ecs-search-results-container > div.ecs-search-results-row-empty {
visibility: hidden;
margin: 0;
}
.ecs-search-results-container img {
width: 100%;
}
.ecs-search-results-details {
padding: 5px 15px;
}
.ecs-search-results-price {
padding: 0px 15px 15px;
}
.ecs-search-results-price .btn {
margin-top: 10px;
}
.ecs-search-results-shortdesc {
display: none;
}
@media (min-width: 980px) {.ecs-search-results-container > div:nth-child(5n+5) {border-right: 0 none;}}
@media (min-width: 768px) and (max-width: 979px) {.ecs-search-results-container > div:nth-child(4n+4) {border-right: 0 none;}}
@media (min-width: 480px) and (max-width: 767px) {.ecs-search-results-container > div:nth-child(3n+3) {border-right: 0 none;}}
@media (min-width: 350px) and (max-width: 479px) {.ecs-search-results-container > div:nth-child(2n+2) {border-right: 0 none;}}
@media (max-width: 349px) {.ecs-search-results-container > div {border-right: 0 none;}}
@media (max-width: 979px) {.ecs-search-results-container > div {width: 25%;}}
@media (max-width: 767px) {.ecs-search-results-container > div {width: 33.3333%;}}
@media (max-width: 479px) {.ecs-search-results-container > div {width: 50%;}}
@media (max-width: 349px) {.ecs-search-results-container > div {width: 100%;}}
@media (max-width: 767px) {
.ecs-search-view-switcher {
display: none;
}
}
/* table view */
.ecs-search-view-list .ecs-search-results-container > div {
border-right: 0 none;
}
@media (min-width: 768px) {
.ecs-search-view-list .ecs-search-results-container {
display: block;
}
.ecs-search-view-list .ecs-search-results-row {
width: 100%;
margin-bottom: 0px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.ecs-search-view-list .ecs-search-results-row {
background-color: #fff;
border-bottom: 1px solid #e7e7e7;
}
.ecs-search-view-list .ecs-search-results-row > div {
text-align: left;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ecs-search-view-list .ecs-search-results-img {
padding: 0;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100px;
-moz-box-flex: 0;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
}
.ecs-search-view-list .ecs-search-results-details {
padding: 0 15px;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-moz-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.ecs-search-view-list .ecs-search-results-shortdesc {
display: block;
}
.ecs-search-view-list .ecs-search-results-price {
padding: 0;
}
}
/*** END ag20/global/e-commercesearchresults.css ***/
/*** START ag20/global/qmxvzw.css ***/
/* removed */
/*** END ag20/global/qmxvzw.css ***/
/*** START ag20/global/forum.css ***/
/* Discussion Forum */
/* =GLOBAL */
.dscMain {margin-top: 10px;}
.dscMain td, .dscMain th {
padding: 0;
margin: 0;
padding: 10px 15px;
font-weight: 300;
border: 1px solid #e9e9e9;
vertical-align: middle;
}
h1.forumName {
padding: 0; margin: 0;
padding-top: 15px;
padding-bottom: 7px;
}
.dscMessages .notice {color: red;}
.absolutePostDate {display: none;}
/* =LIST OF FORUMS */
.dscForumsTable thead th {
background-color: #1D4499;
color: #fff;
border-color: #1D4499;
}
.dscForumsTable .dscFCol {
background-color: #f5f5f5;
}
.dscForumsTable td#threadsCnt,
.dscForumsTable td#postsCnt {
text-align: center;
}
.absolutePostDate {}
/* =LIST OF THREADS */
.dscThreadsTable thead th {
background-color: #1D4499;
border-color: #1D4499;
color: #fff;
}
.dscThreadsTable .row-1 td {background-color: #f5f5f5;}
/*.dscThreadsTable .dscPriorityName {
background-repeat:no-repeat;
background-position: left 3px;
display:block;
float: left;
width: 21px;
height: 19px;
color: transparent;
text-indent: -9999px;
}
.dscThreadsTable .dscPriorityAnnouncement {background-image:url(../data/f/exclamation.gif);}
.dscThreadsTable .dscPrioritySticky {background-image:url(../data/f/icons/pin-yellow.png);}*/
.dscThreadsTable td#viewsCount,
.dscThreadsTable td#postsCount {
text-align: center;
}
.dscNewTopic {padding-top: 10px;}
/* =LIST OF POSTS */
.dscPostsTable td,
.dscPostsTable th {
padding: 10px 15px;
border: 1px solid #e9e9e9;
}
.dscPostsTable th,
.dscPostsTable th td {
background-color: #9D9E9E;
border-color: #9D9E9E;
color: #fff;
}
.dscPostsTable h2 {padding: 0; margin: 0; color: #fff;}
.dscPostsTable .dscThreadTitle {width: 100%;}
.dscPostsTable .dscThreadReply {white-space: nowrap;}
.dscPostsTable .row-1 td {background-color: #f5f5f5;}
.dscPostsTable .dscPostControl {
padding-top: 10px;
padding-bottom: 10px;
text-align: right;
}
.dscPostsTable .dscPostControl button {margin-left: 10px;}
.dscPostsTable .dscPostedAgo {text-align: right;}
.dscPostsTable td#author {width: 150px; vertical-align: top;}
/* =QUOTES */
.dscQuoted {font-weight: bold;}
.dscPostBody blockquote {
border:1px dotted #CCCCCC;
padding:15px;
margin: 10px;
color: #888;
}
.dscPostBody blockquote blockquote {width: 90%;}
.dscPostBody {
/*padding-left: 10px;
padding-right: 10px;*/
padding-top: 15px;
padding-bottom: 15px;
max-width: 100%;
overflow: hidden;
}
.row-1 .dscPostBody blockquote {background-color: #fff;}
.row-1 .dscPostBody blockquote blockquote {background-color: #f5f5f5;}
.row-1 .dscPostBody blockquote blockquote blockquote {background-color: #fff;}
.row-1 .dscPostBody blockquote blockquote blockquote blockquote{background-color: #f5f5f5;}
.row-1 .dscPostBody blockquote blockquote blockquote blockquote blockquote{background-color: #fff;}
.row-0 .dscPostBody blockquote {background-color: #f5f5f5;}
.row-0 .dscPostBody blockquote blockquote {background-color: #fff;}
.row-0 .dscPostBody blockquote blockquote blockquote {background-color: #f5f5f5;}
.row-0 .dscPostBody blockquote blockquote blockquote blockquote {background-color: #fff;}
.row-0 .dscPostBody blockquote blockquote blockquote blockquote blockquote {background-color: #f5f5f5;}
/* =ADD / EDIT POST */
.dscSmiles {
margin-left: 20px;
width: 140px;
}
#bodyTD {width: 100%;}
#bodyTD textarea {height: 190px;}
.dscForm tfoot input[type="submit"], input.forumBtn {margin-right: 10px;}
.dscForm .dscFieldTitle {
font-weight: bold;
padding-top: 15px;
vertical-align: middle;
}
label[for="subscribe"],
label[for="attachment"],
label[for="moderated1"],
label[for="moderated0"],
label[for="moderated-1"] {
font-weight: 300;
margin-left: 3px;
}
@media (max-width: 479px) {
td#bodyTD,
td#bodyTD + td {
display: block;
}
.dscSmiles {
margin-left: 0px;
}
}
/* =ICONS */
.dscThreadRow td#icon {
/* min-width: 20px;
padding: 5px 10px;*/
}
a.dscPostIcon {text-decoration: none;}
.dscForumIcon {
width: 20px;
background-image:url("../data/f/icons/forum.gif");
background-position:50% 50%;
background-repeat:no-repeat;
min-width: 45px;
}
.dscNewMsg {
background-position:50% 50%;
background-repeat:no-repeat;
background-image:url("../data/f/icons/forum-new.gif");
min-width: 45px;
}
a.dscPostIcon span {
background-image:url("../data/f/icons/last-post.png");
background-position:left center;
background-repeat:no-repeat;
/*padding:5px 8px;*/
}
.dscThreadIcon {
background-image:url("../data/f/icons/thread.png");
background-position:50% 50%;
background-repeat:no-repeat;
}
a.lastPostIco span {
display:block;
padding-left: 22px;
line-height:16px;
}
.dscThreadRow .dscNewMsg {
background-image:url(../data/f/icons/thread-new.png);
background-position: 10px 50%;
}
/* =USER PROFILE */
.forum-profile-container {
background-color: #f7f7f7;
margin-top: 100px;
display: inline-block;
}
.forum-profile-image-container img {
margin-top: -70px;
margin-left: -webkit-calc(50% - 80px);
margin-left: -moz-calc(50% - 80px);
margin-left: calc(50% - 80px);
border: 3px solid #fff;
}
.forum-profile-container td {
padding: 10px 15px;
}
.dscProfile {margin-top: 15px;}
table.dscProfile td {
padding-top: 5px;
padding-bottom: 5px;
}
table.dscProfile .dscFieldTitle {
font-weight: 300;
text-align: right;
padding-right: 15px;
}
.dscProfile input[type="text"] {width: 180px;}
.dscProfile textarea {width: 250px; height: 80px;}
.avatarBlock input {margin-left: 5px;}
.avatarBlock .avatarImg {padding-right: 10px;}
@media (max-width: 479px) {
table.dscProfile,
table.dscProfile tbody,
table.dscProfile tr,
table.dscProfile td {
display: block;
padding: 0; margin: 0;
width: 100%;
}
table.dscProfile .dscFieldTitle {
text-align: left;
font-weight: bold;
padding: 0;
}
table.dscProfile tr {
padding-bottom: 10px;
}
}
/* =SEARCH FORUMS */
.dscSearchForm {
border: 1px solid #d7d7d7;
margin-top: 10px;
}
.dscSearchForm td,
.dscSearchForm th {
padding: 5px 10px;
}
.dscSearchForm .searchingCrietria td {
padding: 0;
padding-right: 20px;
}
.dscSearchForm thead th {
background-color: #1D4499;
border-color: #1D4499;
color: #fff;
text-align: left;
font-weight: 300;
}
.dscSearchTable th {
background-color: #1D4499;
background-color: #1D4499;
border-color: #1D4499;
color: #fff;
text-align: left;
font-weight: 300;
}
.dscSearchTable td {vertical-align: top;}
.dscSearchTable .row-0 td {background-color: #f5f5f5;}
.dscSearchTable .dscPostBody {padding: 0;}
.dscSearchTable .postView {text-align: right;}
.dscSearchTable .postSubject {
font-weight: bold;
padding-bottom: 5px;
}
.dscSearchTable #info label {
font-weight: 300;
margin-right: 5px;
margin-bottom: 0px;
}
.dscSearchTable .dscAlias {
padding-bottom: 0px;
}
/* =MODERATION */
.dscModerateTable th {
background-color: #e9e9e9;
text-align: left;
font-weight: 300;
}
.dscModerateTable td {vertical-align: top;}
.dscModerateTable .row-0 td {background-color: #f5f5f5;}
.dscModerateTable .dscPostBody {padding: 0;}
.dscModerateTable .postView {text-align: right;}
.dscModerateTable .postSubject {
font-weight: bold;
padding-bottom: 5px;
}
.dscModerateTable #info label {}
.dscModerateTable .dscAlias {
padding-bottom: 5px;
}
.dscModerateTable .dscModerateSelect {text-align: center;}
.dscModerateTable .dscModerateInfo {width: 25%;}
.dscModerateTable .dscModerateMessage {}
.ApproveDeleteBtns {padding-top: 10px;}
.ApproveDeleteBtns input {margin-right: 5px;}
/* =FORM */
.dscNewTopic button,
.dscMain button,
.dscPostsTable button,
.dscForm input[type="submit"] {
padding: 6px 12px;
border: 0 none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background-color: #1D4499;
color: #fff;
}
.dscMain button + button {
margin-left: 10px;
}
.dscForm textarea,
.dscForm input[type="text"],
.dscForm input[type="password"],
.dscForm input[type="email"],
.dscForm select {
border: 1px solid #c7c7c7;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 4px;
text-align: left;
}
/* ------------------------------------------ =RESPONSIVE FORUM START ---------------------------------------------- */
/* forum toolbar */
table.dscTopToolbar {
width: 100%;
}
table.dscTopToolbar .dscLinks {
text-align: right;
}
/* list of forums */
tr.dscForumRow td {
position: relative;
}
.dscForumIcon,
.dscThreadRow .dscNewMsg,
.dscThreadIcon,
a.dscPostIcon span {
background-image: none;
width: auto;
height: auto;
}
.dscForumIcon::before,
.dscThreadRow .dscNewMsg::before,
.dscThreadIcon::before,
a.dscPostIcon span::before {
font-family: 'FontAwesome';
font-size: 16px;
color: #a2191e;
text-shadow: 1px 1px 1px #fff;
}
.dscForumIcon::before {content: '\f0e6'; color: #a2191e;}
.dscThreadRow .dscNewMsg::before {content: '\f07c'; color: #E78601;}
.dscThreadIcon::before {content: '\f07c'; color: #a2191e;}
.dscThreadIcon.dscNewMsg::before {color: '\f07b'; color: #E78601;}
a.dscPostIcon span::before {content: '\f0a4';}
/* list of posts/topics */
/* sticky and announcement */
.dscPriorityName {color: transparent; display: inline-block; width: 20px;}
.dscPriorityName::before {font-family: 'FontAwesome'; margin-right: 5px;}
.priority1 + td .dscPriorityName::before {content: '\f071'; color: #E78601;}
.priority2 + td .dscPriorityName::before {content: '\f02c'; color: #1D4499;}
/* post */
.dscPostSubject > tbody > tr > td#control {
text-align: right;
}
.dscPostSubject > tbody > tr > td#control button {
margin-left: 10px;
}
@media (max-width: 991px) {
/* post */
.dscPostSubject,
.dscPostSubject > tbody,
.dscPostSubject > tbody > tr,
.dscPostSubject > tbody > tr > td {
display: block;
border: 0 none;
margin: 0;
padding: 0;
}
.dscPostSubject > tbody > tr > td {
padding: 5px 0;
}
.dscPostSubject > tbody > tr > td#control {
text-align: left;
}
.dscPostSubject > tbody > tr > td#control button {
margin-left: 0px;
margin-right: 10px;
}
}
@media (min-width: 768px) {
tr.dscForumRow td {
vertical-align: middle;
}
.dscForumIcon::before {
position: absolute;
top: 0px;
}
}
@media (max-width: 767px) {
/* forum toolbar */
table.dscTopToolbar, table.dscTopToolbar thead, table.dscTopToolbar tbody,
table.dscTopToolbar tr, table.dscTopToolbar th, table.dscTopToolbar td {
display: block;
}
table.dscTopToolbar td {
padding-top: 5px;
padding-bottom: 5px;
}
table.dscTopToolbar td.dscLinks {
text-align: left;
}
table.dscTopToolbar td.dscLinks a {
display: inline-block;
}
/* list of forums */
div.table-responsive {
white-space: inherit;
border: 0 none;
overflow: inherit;
padding: 0;
margin: 0;
}
table.dscForumsTable thead {
display: none;
}
tr.dscForumRow {
display: block;
clear: both;
background-color: #f2f2f2;
}
tr.dscForumRow td#icon {
display: none;
}
tr.dscForumRow td#threadsCnt::before {
content: 'Topics: ';
}
tr.dscForumRow td#postsCnt::before {
content: 'Posts: ';
}
.dscForumsTable td.dscFCol {
color: #fff;
background-color: #1D4499;
border: 0 none;
}
tr.dscForumRow td {
display: block;
border: 0 none;
}
tr.dscForumRow td div:empty {
display: none;
}
tr.dscForumRow td.dsc-forum-cell-icon,
tr.dscForumRow td.dsc-forum-cell-name,
tr.dscForumRow td.dsc-forum-cell-threads,
tr.dscForumRow td.dsc-forum-cell-posts,
tr.dscForumRow td.dsc-forum-cell-last-post {
padding: 2px 10px;
}
tr.dscForumRow td.dsc-forum-cell-icon,
tr.dscForumRow td.dsc-forum-cell-name {
display: inline-block;
}
tr.dscForumRow td.dsc-forum-cell-icon {
padding-right: 0px;
}
tr.dscForumRow td.dsc-forum-cell-name {
padding-left: 0px;
}
tr.dscForumRow td.dsc-forum-cell-threads,
tr.dscForumRow td.dsc-forum-cell-posts,
tr.dscForumRow td.dsc-forum-cell-last-post {
padding-left: 0px;
padding-right: 0px;
}
tr.dscForumRow td.dsc-forum-cell-threads,
tr.dscForumRow td.dsc-forum-cell-posts {
text-align: left;
background-color: #fff;
}
tr.dscForumRow td.dsc-forum-cell-last-post {
width: 100%;
text-align: left;
background-color: #fff;
}
tr.dscForumRow td.dsc-forum-cell-last-post div {
display: inline-block;
}
.dscForumsTable td#threadsCnt,
.dscForumsTable td#postsCnt {
text-align: left;
}
tr.dscForumRow td.dsc-forum-cell-threads::before {content: 'Threads: ';}
tr.dscForumRow td.dsc-forum-cell-posts::before {content: 'Posts: ';}
tr.dscForumRow td.dsc-forum-cell-threads:empty::before,
tr.dscForumRow td.dsc-forum-cell-posts:empty::before,
tr.dscForumRow td.dsc-forum-cell-last-post:empty::before {
content: '';
}
/* list of topics */
.dscThreadsTable table, .dscThreadsTable tbody,
.dscThreadsTable tr, .dscThreadsTable td, .dscThreadsTable th {
display: block;
}
.dscThreadsTable thead,
.dscThreadsTable td.dscThreadIcon {
display: none;
}
.dscThreadsTable td {
border-top: 0 none;
border-bottom: 0 none;
padding-top: 3px;
padding-bottom: 3px;
}
.dscThreadsTable tr {
border-bottom: 1px solid #e9e9e9;
}
.dscThreadsTable td#viewsCount, .dscThreadsTable td#postsCount {
text-align: left;
}
.dscThreadsTable td#viewsCount::before {
content: 'Views: ';
}
.dscThreadsTable td#postsCount::before {
content: 'Posts: ';
}
.dsc-forum-cell-last-post span,
#lastPost div span {
display: inline-block;
padding: 0; margin: 0;
}
/* post */
.dscPostsTable,
.dscPostsTable > tbody,
.dscPostsTable > thead,
.dscPostsTable > tbody > tr,
.dscPostsTable > thead > tr,
.dscPostsTable > tbody > tr > td,
.dscPostsTable > thead > tr > th {
display: block;
width: 100% !important;
border-top: 0 none;
border-bottom: 0 none;
}
.dscPostsTable > thead > tr > th:first-child {
display: none;
}
.dscPostsTable > thead > tr > th button {
margin-left: 10px;
}
/* search forums */
.dscSearchTable,
.dscSearchTable > tbody,
.dscSearchTable > thead,
.dscSearchTable > tbody > tr,
.dscSearchTable > thead > tr,
.dscSearchTable > tbody > tr > td,
.dscSearchTable > thead > tr > th,
.dscSearchForm,
.dscSearchForm > tbody,
.dscSearchForm > thead,
.dscSearchForm > tfoot,
.dscSearchForm > tbody > tr,
.dscSearchForm > thead > tr,
.dscSearchForm > tfoot > tr,
.dscSearchForm > tbody > tr > td,
.dscSearchForm > thead > tr > th,
.searchingCrietria,
.searchingCrietria > tbody,
.searchingCrietria > tbody > tr,
.searchingCrietria > tbody > tr > td {
display: block;
width: 100% !important;
border-top: 0 none;
border-bottom: 0 none;
}
.dscSearchTable > thead > tr > th:first-child {
display: none;
}
.searchingKeywords input[type="text"] {
max-width: 100%;
}
/* my profile */
}
.dscTopButtons button {
background-color: #f2f2f2;
border: 0 none;
color: #333;
padding: 5px 10px;
margin-top: 5px;
}
.dscTopButtons button.dscAddThread::before {
font-family: 'FontAwesome';
content: '\f0f6';
margin-right: 5px;
}
.dscMessage {
}
.dscMessage.error {
background-color: #fbeaea;
border: 1px solid #df5353;
padding: 10px;
text-align: center;
color: #df5353;
}
.dscMessage.error::before {
content: '\f071';
font-family: 'FontAwesome';
margin-right: 10px;
}
.notice {
background-color: #f7f7f7;
padding: 10px;
border: 1px solid #1D4499;
color: #1D4499;
text-align: center;
margin-bottom: 15px;
}
.notice::before {
content: '\f071';
font-family: 'FontAwesome';
margin-right: 10px;
}
/* ------------------------------------------ =RESPONSIVE FORUM END ---------------------------------------------- */
/*** END ag20/global/forum.css ***/
/*** START ag20/global/extratop.css ***/
/* Extra Top */
/*
TO-DO:
1. insert "header" tag into template right after main navigation section
2. activate "change global styles" below
3. remove logo .logo-container on home and subpages
4. remove cart/checkout from breadcrumb section
5. remove/hide my account/home links
6. comment out css for .search-section in common.css for under 767px
7. comment out css for .navbar-inverse .navbar-toggle in navigation.css for under 399px
*/
/* ------------- change global styles START ------------- */
.admin-help-active .navbar i.fa-question-circle.top {
top: 100px;
}
.caption-sub::after {
content: '';
x-background-color: rgba(0,0,0,0.3);
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
}
@media (max-width: 767px) {
/* search overlay styling */
.navbar-nav > li > a[href*="search"],
.navbar-nav > li > a[href*="search"]:hover,
.navbar-nav > li > a[href*="search"]:focus {
display: block;
position: relative;
background-color: #fff;
}
.navbar-nav > li > a[href*="search"]::after,
.navbar-nav > li > a[href*="search"]:hover::after,
.navbar-nav > li > a[href*="search"]:focus::after {
content: "Search";
font-family: Helvetica, Arial, sans-serif;
left: 40px;
position: absolute;
}
.section-search .container,
.section-search #ecsSearchContainer1 {
width: 100%;
}
.section-search {
width: 100%;
}
.section-search form {
max-width: 100%;
}
.section-search input[type="text"] {
font-size: 20px;
}
.section-search form button {
font-size: 20px;
width: 50px;
text-align: center;
padding: 0px;
}
/* fix chrome inability to click through object with opacity 0 */
body:not(.search-active) .section-search {
display: none;
}
/* make reordering possible */
.navbar-nav {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
.nav > li {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.nav > li:last-child {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
/* ------------- change global styles END --------------- */
.extra-top {
background-color: #a2191e;
background-color: #f5f5f5;
height: 120px;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
color: #9D9E9E;
font-size: 14px;
line-height: 1.6em;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.navbar-small .extra-top {
top: -120px;
}
.extra-top img {
height: 60px;
}
.extra-top p {
margin: 0;
}
.extra-top a,
.extra-top a:hover,
.extra-top a:focus {
color: #1D4499;
white-space: nowrap;
text-decoration: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.extra-top a:hover {
text-decoration: none;
}
.extra-top-container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
}
.extra-top ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.extra-top li {
padding: 0; margin: 0;
display: inline-block;
}
.extra-top-right > * {
text-align: right;
display: inline-block;
}
.extra-top-right > div.top-contact {
display: block;
font-size: 30px;
font-weight: 800;
line-height: 1.6em;
color: #1D4499;
}
@media (max-width: 979px) {.extra-top-right > div.top-contact {font-size: 16px;}}
@media (max-width: 767px) {.extra-top-right > div.top-contact {font-size: 16px; text-align: center;}}
@media (max-width: 479px) {.extra-top-right > div.top-contact {font-size: 16px;}}
.extra-top-right > div.top-contact span {
color: #a2191e;
}
.extra-top-right a,
.extra-top-right a:hover,
.extra-top-right a:focus {
margin-left: 15px;
font-size: 14px;
padding: 0;
}
.extra-top #tItems .label {
display: none;
}
.extra-top #tItemsCount .value::before {
content: '(';
}
.extra-top #tItemsCount .value::after {
content: ')';
margin-right: 5px;
}
.extra-top #tLinks {
display: none;
}
#cartVirtualArea div {
display: inline;
}
@media (max-width: 979px) {
.extra-top img {
height: 40px;
}
}
@media (max-width: 767px) {
.extra-top {
position: static;
text-align: center;
height: auto;
padding-top: 5px;
padding-bottom: 5px;
height: auto;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
}
.extra-top-container {
display: block;
}
.extra-top img {
margin-top: 10px;
margin-bottom: 10px;
}
}
.top-navigation a[href*="facebook"] span,
.top-navigation a[href*="twitter"] span,
.top-navigation a[href*="instagram"] span,
.top-navigation a[href*="google"] span,
.top-navigation a[href*="youtube"] span,
.top-navigation a[href*="pinterest"] span {
display: none;
}
.top-navigation a[href*="facebook"]::before,
.top-navigation a[href*="twitter"]::before,
.top-navigation a[href*="instagram"]::before,
.top-navigation a[href*="google"]::before,
.top-navigation a[href*="youtube"]::before,
.top-navigation a[href*="pinterest"]::before {
font-family: 'FontAwesome';
font-size: 18px;
transition: all 0.3s;
}
.top-navigation a[href*="facebook"]::before {content: '\f082';}
.top-navigation a[href*="twitter"]::before {content: '\f081';}
.top-navigation a[href*="instagram"]::before {content: '\f16d';}
.top-navigation a[href*="google"]::before {content: '\f0d4';}
.top-navigation a[href*="youtube"]::before {content: '\f166';}
.top-navigation a[href*="pinterest"]::before {content: '\f0d3';}
.extra-top-right .top-navigation {
line-height: 1.6em;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-moz-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.extra-top-right .top-navigation * {
line-height: 1.6em;
color: #666;
}
.extra-top-right .top-navigation a,
.extra-top-right .top-navigation a:hover,
.extra-top-right .top-navigation a:focus {
background-color: transparent;
}
.top-navigation .btn-group {
margin-left: 15px;
}
.top-navigation .dropdown-menu > li {
display: block;
}
.top-navigation .dropdown-menu > li > a,
.top-navigation .dropdown-menu > li > a:hover,
.top-navigation .dropdown-menu > li > a:focus {
padding: 0;
border: 0 none;
text-align: left;
padding-top: 3px;
padding-bottom: 3px;
background-color: transparent;
background-image: none;
}
.top-navigation .caret {
border-top: 4px solid #9D9E9E;
margin-left: 3px;
}
@media (max-width: 767px) {
.extra-top-right .top-navigation {
justify-content: center;
}
}
/*** END ag20/global/extratop.css ***/
/*** START ag20/global/slideshow.css ***/
/* Slideshow */
.home-slideshow .fa-angle-left,
.home-slideshow .fa-angle-right {
position: absolute;
top: calc(50% - 30px);
width: 80px;
height: 80px;
display: inline-block;
background-color: rgba(0,0,0,0.2);
border-radius: 50%;
color: #fff;
font-size: 70px;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
z-index: 24;
cursor: pointer;
}
.home-slideshow .fa-angle-left {
left: 30px;
padding-bottom: 4px;
}
.home-slideshow .fa-angle-right {
right: 30px;
padding-bottom: 4px;
}
@media (min-width: 1400px) {
.home-slideshow .fa-angle-left {
padding-right: 10px;
padding-bottom: 4px;
left: calc(((100% - 1400px) / 2) - 50px);
}
.home-slideshow .fa-angle-right {
padding-left: 10px;
padding-bottom: 4px;
right: calc(((100% - 1400px) / 2) - 50px);
}
}
@media (min-width: 1600px) {
.home-slideshow .fa-angle-left {
left: calc(((100% - 1400px) / 2) - 100px);
}
.home-slideshow .fa-angle-right {
right: calc(((100% - 1400px) / 2) - 100px);
}
}
@media (min-width: 1900px) {
.home-slideshow .fa-angle-left {
left: calc(((100% - 1400px) / 2) - 150px);
}
.home-slideshow .fa-angle-right {
right: calc(((100% - 1400px) / 2) - 150px);
}
}
@media (max-width: 1399px) {
.home-slideshow .fa-angle-left,
.home-slideshow .fa-angle-right {
font-size: 40px;
width: 50px;
height: 50px;
}
}
@media (max-width: 767px) {
.home-slideshow .fa-angle-left {
left: 5px;
}
.home-slideshow .fa-angle-right {
right: 5px;
}
}
.home-slideshow[data-ar="ar-4-3-940-705"] .fa-angle-left,
.home-slideshow[data-ar="ar-16-9-944-531"] .fa-angle-left,
.home-slideshow[data-ar="ar-4-3-940-705"] .fa-angle-right,
.home-slideshow[data-ar="ar-16-9-944-531"] .fa-angle-right {
font-size: 40px;
width: 50px;
height: 50px;
}
.home-slideshow[data-ar="ar-4-3-940-705"] .fa-angle-left,
.home-slideshow[data-ar="ar-16-9-944-531"] .fa-angle-left {
left: 15px;
padding-left: 5px;
}
.home-slideshow[data-ar="ar-4-3-940-705"] .fa-angle-right,
.home-slideshow[data-ar="ar-16-9-944-531"] .fa-angle-right {
right: 15px;
padding-right: 5px;
}
.home-slide figure {
position: relative;
}
.home-slide img {
max-width: 100%;
width: 100%;
height: auto !important;
}
.home-slide a,
.home-slide a:hover,
.home-slide a:focus {
text-decoration: none;
}
.home-slide .h1,
.home-slide .h2{
color: #fff;
line-height: 1.4em;
padding: 0;
}
.home-slide .h1 a,
.home-slide .h2 a {
color: #fff;
}
.home-slide figure[data-text-color="dark"] .h2,
.home-slide figure[data-text-color="dark"] .h2 a {
color: #000;
}
.home-slide figure[data-text-color="dark"] .h1,
.home-slide figure[data-text-color="dark"] .h1 a {
color: #1D4499
}
.home-slide figure[data-text-color="dark"] .btn {
color: #1D4499;
}
.home-slide figure[data-text-color="yellow"] .h1,
.home-slide figure[data-text-color="yellow"] .h2,
.home-slide figure[data-text-color="yellow"] .h1 a,
.home-slide figure[data-text-color="yellow"] .h2 a,
.home-slide figure[data-text-color="yellow"] .btn {
color: $yellow;
}
.home-slide figure[data-text-color="red"] .h1,
.home-slide figure[data-text-color="red"] .h2,
.home-slide figure[data-text-color="red"] .h1 a,
.home-slide figure[data-text-color="red"] .h2 a,
.home-slide figure[data-text-color="red"] .btn {
color: #DB2A1E;
}
.home-slide .h1 {
font-weight: bold;
margin: 0 0 0px;
text-transform: none;
}
.home-slide .h2 {
font-weight: normal;
margin: 0 0 0px;
text-transform: none;
}
.home-slide .btn {
background-color: transparent;
border: 3px solid;
font-weight: bold;
text-transform: uppercase;
margin: 20px 0 0;
}
.home-slide .btn,
.home-slide .btn:hover,
.home-slide .btn:focus {
color: #fff;
}
.home-slide .btn:hover,
.home-slide .btn:focus {
color: #bfbfee;
}
@media (max-width: 1399px) {
}
@media (max-width: 1024px) {
.home-slide .h1 {margin-bottom: 15px;}
.home-slide .h2 {margin-bottom: 15px;}
}
@media (max-width: 767px) {
.home-slide .h1 {margin-bottom: 10px;}
.home-slide .h2 {margin-bottom: 10px;}
.home-slide .btn {margin-top: 10px;}
}
@media (max-width: 399px) {
.home-slide .h1 {font-size: 24px;}
.home-slide .h2 {font-size: 18px;}
}
/* caption position */
.home-slideshow-caption {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
text-align: center;
}
.home-slideshow[data-ar="ar-4-3-940-705"] figure[data-caption-position="rb"] .home-slideshow-caption,
.home-slideshow[data-ar="ar-4-3-940-705"] figure[data-caption-position="lb"] .home-slideshow-caption,
.home-slideshow[data-ar="ar-4-3-940-705"] figure[data-caption-position="cb"] .home-slideshow-caption,
.home-slideshow[data-ar="ar-16-9-944-531"] figure[data-caption-position="rb"] .home-slideshow-caption,
.home-slideshow[data-ar="ar-16-9-944-531"] figure[data-caption-position="lb"] .home-slideshow-caption,
.home-slideshow[data-ar="ar-16-9-944-531"] figure[data-caption-position="cb"] .home-slideshow-caption {
top: auto;
bottom: 0;
}
.home-slideshow[data-ar="ar-4-3-940-705"] figure[data-caption-position="cc"] .home-slideshow-caption,
.home-slideshow[data-ar="ar-16-9-944-531"] figure[data-caption-position="cc"] .home-slideshow-caption {
top: calc(50% - 10px);
}
@media (min-width: 767px) {
.home-slide figure[data-caption-position="lt"] .home-slideshow-caption {justify-content: flex-start; align-items: flex-start; text-align: left;}
.home-slide figure[data-caption-position="lc"] .home-slideshow-caption {align-items: flex-start; text-align: left;}
.home-slide figure[data-caption-position="lb"] .home-slideshow-caption {align-items: flex-start; justify-content: flex-end; text-align: left;}
.home-slide figure[data-caption-position="rt"] .home-slideshow-caption {justify-content: flex-start; align-items: flex-end; text-align: right;}
.home-slide figure[data-caption-position="rc"] .home-slideshow-caption {align-items: flex-end; text-align: right;}
.home-slide figure[data-caption-position="rb"] .home-slideshow-caption {align-items: flex-end; justify-content: flex-end; text-align: right;}
}
.home-slideshow[data-ar="ar-4-3-940-705"] .home-slideshow-caption,
.home-slideshow[data-ar="ar-16-9-944-531"] .home-slideshow-caption {
height: auto;
width: 100%;
background-color: rgba(0,0,0,0.5);
}
.home-slideshow[data-ar="ar-4-3-940-705"] .home-slideshow-caption-container,
.home-slideshow[data-ar="ar-16-9-944-531"] .home-slideshow-caption-container {
width: 100%;
padding: 0;
margin: 0;
padding: 10px 15px;
}
.home-slideshow[data-ar="ar-4-3-940-705"] .home-slideshow-caption-container:empty,
.home-slideshow[data-ar="ar-16-9-944-531"] .home-slideshow-caption-container:empty {
display: none;
padding: 0;
}
.home-slideshow[data-ar="ar-4-3-940-705"] .home-slide .h1,
.home-slideshow[data-ar="ar-16-9-944-531"] .home-slide .h1 {
font-size: 20px;
margin: 0px;
}
.home-slideshow[data-ar="ar-4-3-940-705"] .home-slide .h2,
.home-slideshow[data-ar="ar-16-9-944-531"] .home-slide .h2 {
font-size: 20px;
margin: 0;
}
.home-slideshow-caption-container {
width: 1400px;
max-width: 100%;
margin: 0 auto;
/* vertical padding is for logo and paging */
padding: 100px 50px 50px;
}
@media (min-width: 1400px) {
figure[data-caption-position="lb"] .home-slideshow-caption-container,
figure[data-caption-position="rb"] .home-slideshow-caption-container {
padding: 100px 50px 200px;
}
}
@media (max-width: 1399px) {
.home-slideshow-caption-container {
padding: 100px 100px 30px;
}
}
@media (max-width: 767px) {
.home-slideshow-caption-container {
padding: 50px 50px 0px;
}
}
@media (max-width: 575px) {
.home-slideshow-caption-container {
padding: 0px 50px 0px;
}
}
/* slidehow overlay */
.home-slide figure::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: block;
}
.home-slide figure[data-overlay-transparency="10"][data-overlay-color="black"]::before {background-color: rgba(0,0,0,0.1);}
.home-slide figure[data-overlay-transparency="20"][data-overlay-color="black"]::before {background-color: rgba(0,0,0,0.2);}
.home-slide figure[data-overlay-transparency="30"][data-overlay-color="black"]::before {background-color: rgba(0,0,0,0.3);}
.home-slide figure[data-overlay-transparency="40"][data-overlay-color="black"]::before {background-color: rgba(0,0,0,0.4);}
.home-slide figure[data-overlay-transparency="50"][data-overlay-color="black"]::before {background-color: rgba(0,0,0,0.5);}
.home-slide figure[data-overlay-transparency="60"][data-overlay-color="black"]::before {background-color: rgba(0,0,0,0.6);}
.home-slide figure[data-overlay-transparency="70"][data-overlay-color="black"]::before {background-color: rgba(0,0,0,0.7);}
.home-slide figure[data-overlay-transparency="80"][data-overlay-color="black"]::before {background-color: rgba(0,0,0,0.8);}
.home-slide figure[data-overlay-transparency="90"][data-overlay-color="black"]::before {background-color: rgba(0,0,0,0.9);}
.home-slide figure[data-overlay-transparency="100"][data-overlay-color="black"]::before {background-color: rgba(0,0,0,1);}
.home-slide figure[data-overlay-transparency="10"][data-overlay-color="white"]::before {background-color: rgba(255,255,255,0.1);}
.home-slide figure[data-overlay-transparency="20"][data-overlay-color="white"]::before {background-color: rgba(255,255,255,0.2);}
.home-slide figure[data-overlay-transparency="30"][data-overlay-color="white"]::before {background-color: rgba(255,255,255,0.3);}
.home-slide figure[data-overlay-transparency="40"][data-overlay-color="white"]::before {background-color: rgba(255,255,255,0.4);}
.home-slide figure[data-overlay-transparency="50"][data-overlay-color="white"]::before {background-color: rgba(255,255,255,0.5);}
.home-slide figure[data-overlay-transparency="60"][data-overlay-color="white"]::before {background-color: rgba(255,255,255,0.6);}
.home-slide figure[data-overlay-transparency="70"][data-overlay-color="white"]::before {background-color: rgba(255,255,255,0.7);}
.home-slide figure[data-overlay-transparency="80"][data-overlay-color="white"]::before {background-color: rgba(255,255,255,0.8);}
.home-slide figure[data-overlay-transparency="90"][data-overlay-color="white"]::before {background-color: rgba(255,255,255,0.9);}
.home-slide figure[data-overlay-transparency="100"][data-overlay-color="white"]::before {background-color: rgba(255,255,255,1);}
.slideshow-paging {
position: absolute;
bottom: 30px;
left: 0;
width: 100%;
text-align: center;
}
.home-slideshow[data-ar="ar-4-3-940-705"] .slideshow-paging,
.home-slideshow[data-ar="ar-16-9-944-531"] .slideshow-paging {
bottom: 5px;
}
.home-slideshow[data-ar="ar-4-3-1400-1050"] .slideshow-paging,
.home-slideshow[data-ar="ar-16-9-1408-792"] .slideshow-paging {
bottom: 10px;
}
.slideshow-paging picture {
display: inline-block;
border: 2px solid transparent;
opacity: 0.5;
transition: all 0.3s;
margin: 0 0px 10px;
cursor: pointer;
transform: scale(0.9);
}
.slideshow-paging picture:hover {
transform: scale(1);
}
.slideshow-paging picture.active {
border: 2px solid $yellow;
opacity: 1;
cursor: default;
transform: scale(1);
}
@media (max-width: 1399px) {
.slideshow-paging {
bottom: 10px;
}
}
@media (max-width: 767px) {
.slideshow-paging {
display: none;
}
}
.home-slideshow {
position: relative;
}
.home-slideshow[data-ar="ar-2-1-1920x960"] .theatre-actor .home-slideshow-caption {
left: -100vw;
-webkit-transition: left 1s;
-o-transition: left 1s;
-moz-transition: left 1s;
transition: left 1s;
}
.home-slideshow[data-ar="ar-2-1-1920x960"] .theatre-actor:nth-child(odd) .home-slideshow-caption {
left: 100vw;
}
.home-slideshow[data-ar="ar-2-1-1920x960"] .theatre-actor.active .home-slideshow-caption {
left: 0;
}
.home-slideshow .theatre-responsive-filmstrip .theatre-actor {
width: 100%;
}
.theatre-responsive-filmstrip .home-slide figure {
text-align: center;
}
.theatre-responsive-filmstrip .home-slide img {
width: 100%;
}
/*** END ag20/global/slideshow.css ***/
/*** START ag20/global/sections.css ***/
/* Sections */
.section {
padding: 100px 0;
position: relative;
min-height: calc(100vh - 115px);
display: flex;
flex-flow: column nowrap;
justify-content: center;
overflow-x: hidden;
}
@media (max-width: 1599px) {
.section {
padding: 75px 0;
}
}
@media (max-width: 1199px) {
.section {
padding: 50px 0;
}
}
@media (max-width: 767px) {
.section {
padding: 25px 0;
min-height: calc(100vh - 65px);
}
}
.section.section-auto-height {
min-height: 0;
}
.section.section-full-width .container {
width: 100%;
max-width: 100%;
}
.section.section-align-top {
justify-content: flex-start;
}
.section.section-align-bottom {
justify-content: flex-end;
}
@media (min-width: 768px) {
.section-small-padding {
padding: 50px 0;
}
}
.section h1:only-child,
.section h2:only-child,
.section h3:only-child {
margin: 0;
}
.section h1:first-child,
.section h2:first-child,
.section h3:first-child {
text-align: center;
margin-top: 0;
}
.section[style*="background-image"] {
background-attachment: fixed;
background-size: cover;
background-position: center top;
}
.section .row {
margin-left: -30px;
margin-right: -30px;
}
.section .row > div {
padding-left: 30px;
padding-right: 30px;
}
.section-01 {
min-height: 100vh;
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
position: relative;
background: #353895;
background: -moz-linear-gradient(-45deg, #353895 0%, #ffffff 100%);
background: -webkit-linear-gradient(-45deg, #353895 0%,#ffffff 100%);
background: linear-gradient(135deg, #353895 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353895', endColorstr='#ffffff',GradientType=1 );
}
.section-01::before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: '';
display: block;
z-index: 0;
background-color: rgba(0,0,0,0.3);
/*background: #353895;
background: -moz-linear-gradient(-45deg, #353895 0%, #ffffff 100%);
background: -webkit-linear-gradient(-45deg, #353895 0%,#ffffff 100%);
background: linear-gradient(135deg, #353895 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353895', endColorstr='#ffffff',GradientType=1 );*/
}
.section-01 * {
color: #fff;
z-index: 1;
}
.section-01 h2 {
font-weight: bold;
font-size: 160px;
line-height: 0.9em;
text-align: right !important;
margin: 0 !important;
}
.section-01 h3 {
font-size: 48px;
margin: 0 0 10px;
text-align: left !important;
text-transform: none;
}
.section-01 h4 {
font-size: 24px;
margin: 0 0 10px;
text-align: left !important;
text-transform: uppercase;
}
.section-01 .btn {
border: 3px solid;
}
.section-01 .btn:hover,
.section-01 .btn:focus {
color: #bfbfee;
}
@media (min-width: 768px) {
.section-01 .row::before,
.section-01 .row::after {
display: none;
}
.section-01 .row {
display: flex;
flex-flow: row nowrap;
align-items: baseline;
}
}
.section-01 .row > div:first-child {
width: 45%;
}
.section-01 .row > div:last-child {
width: 55%;
}
@media (max-width: 1199px) {
.section-01 h2 {
font-size: 120px;
}
}
@media (max-width: 1024px) {
.section-01 h2 {
font-size: 100px;
}
}
@media (max-width: 767px) {
.section-01 h2 {
text-align: left !important;
margin: 0 0 20px !important;
font-size: 42px;
}
.section-01 h2 br,
.section-01 h3 br,
.section-01 h4 br {
display: none;
}
.section-01 h3 {
font-size: 36px;
}
.section-01 h4 {
font-size: 18px;
}
.section-01 .row > div:first-child {
width: 100%;
}
.section-01 .row > div:last-child {
width: 100%;
}
}
.section-01[style*="background-image"]::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.7);
display: block;
z-index: 0;
}
.section-01[style*="background-image"] > * {
z-index: 1;
}
/* city bg */
.section-01 .row > div {
position: static;
}
.section-02 {
border-top: 2px solid #1D4499;
}
.section-01 div.city-bg {
background-image: url(/data/Image/Content/Sample/sample-parallax-01.jpg);
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
position: absolute;
left: 0;
top: 0;
z-index: -1;
width: 100%;
height: 100%;
}
.section-01 div.city-bg::before {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: rgba(0,0,0,0.8);
content: '';
}
html[data-city*="Austin"] .section-01 div.city-bg {background-image: url(/data/Image/Content/Home/city-bg-austin.jpg);}
html[data-city*="Chicago"] .section-01 div.city-bg {background-image: url(/data/Image/Content/Home/city-bg-chicago.jpg);}
html[data-city*="Las Vegas"] .section-01 div.city-bg {background-image: url(/data/Image/Content/Home/city-bg-las-vegas.jpg);}
html[data-city*="Los Angeles"] .section-01 div.city-bg {background-image: url(/data/Image/Content/Home/city-bg-los-angeles.jpg);}
html[data-city*="Nashville"] .section-01 div.city-bg {background-image: url(/data/Image/Content/Home/city-bg-nashville.jpg);}
html[data-city*="New York"] .section-01 div.city-bg {background-image: url(/data/Image/Content/Home/city-bg-new-york.jpg);}
html[data-city*="San Francisco"] .section-01 div.city-bg {background-image: url(/data/Image/Content/Home/city-bg-san-francisco.jpg);}
html[data-city*="Seattle"] .section-01 div.city-bg {background-image: url(/data/Image/Content/Home/city-bg-seattle.jpg);}
html[data-city*="Washington"] .section-01 div.city-bg {background-image: url(/data/Image/Content/Home/city-bg-washington.jpg);}
.section-02 {
border-top: 2px solid #1D4499;
}
.section[class*="bg-"]::before {
content: '';
display: block;
left: 0;
top: 0;
width: 100%;
height: 100%;
position: absolute;
}
.section[class*="bg-black"]::before {
background-color: #000;
}
.section[class*="bg-white"]::before {
background-color: #fff;
}
.section[class*="bg-blue"]::before {
background-color: #1D4499;
}
.section[class*="bg-light-grey"]::before {
background-color: #E9E9EA;
}
.section[class*="bg-light-grey-2"]::before {
background-color: #B3B3B3;
}
.section[class*="bg-light-grey-2"] h2 {
color: #3A3A3C;
}
.section[class*="bg-light-grey-2"] a {
color: #a2191e
}
.section[class*="bg-light-grey-2"] a:hover,
.section[class*="bg-light-grey-2"] a:focus {
color: #1D4499;
}
.section.bg-black-10::before, .section.bg-white-10::before, .section.bg-blue-10::before {opacity: 0.1;}
.section.bg-black-20::before, .section.bg-white-20::before, .section.bg-blue-20::before {opacity: 0.2;}
.section.bg-black-30::before, .section.bg-white-30::before, .section.bg-blue-30::before {opacity: 0.3;}
.section.bg-black-40::before, .section.bg-white-40::before, .section.bg-blue-40::before {opacity: 0.4;}
.section.bg-black-50::before, .section.bg-white-50::before, .section.bg-blue-50::before {opacity: 0.5;}
.section.bg-black-60::before, .section.bg-white-60::before, .section.bg-blue-60::before {opacity: 0.6;}
.section.bg-black-70::before, .section.bg-white-70::before, .section.bg-blue-70::before {opacity: 0.7;}
.section.bg-black-80::before, .section.bg-white-80::before, .section.bg-blue-80::before {opacity: 0.8;}
.section.bg-black-90::before, .section.bg-white-90::before, .section.bg-blue-90::before {opacity: 0.9;}
.section.bg-black-100::before, .section.bg-white-100::before, .section.bg-blue-100::before {opacity: 1;}
.section.bg-blue-50 *, .section.bg-blue-60 *, .section.bg-blue-70 *, .section.bg-blue-80 *, .section.bg-blue-90 *, .section.bg-blue-100 *,
.section.bg-black-50 *, .section.bg-black-60 *, .section.bg-black-70 *, .section.bg-black-80 *, .section.bg-black-90 *, .section.bg-black-100 * {
color: #fff;
}
.section.bg-blue-50 a:hover, .section.bg-blue-60 a:hover, .section.bg-blue-70 a:hover, .section.bg-blue-80 a:hover, .section.bg-blue-90 a:hover, .section.bg-blue-100 a:hover,
.section.bg-black-50 a:hover, .section.bg-black-60 a:hover, .section.bg-black-70 a:hover, .section.bg-black-80 a:hover, .section.bg-black-90 a:hover, .section.bg-black-100 a:hover,
.section.bg-blue-50 a:focus, .section.bg-blue-60 a:focus, .section.bg-blue-70 a:focus, .section.bg-blue-80 a:focus, .section.bg-blue-90 a:focus, .section.bg-blue-100 a:focus,
.section.bg-black-50 a:focus, .section.bg-black-60 a:focus, .section.bg-black-70 a:focus, .section.bg-black-80 a:focus, .section.bg-black-90 a:focus, .section.bg-black-100 a:focus {
color: #bfbfee;
}
.section.bg-blue-100 h2 {
color: #A7A9AC;
}
.section.bg-gradient {
background-color: #b9babb;
}
.section.bg-gradient::before {
content: '';
display: block;
min-height: calc(100vh - 200px);
position: absolute;
left: 0;
top: 0;
width: 100%;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #b9babb 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#b9babb 100%);
background: linear-gradient(to bottom, #ffffff 0%,#b9babb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b9babb',GradientType=0 );
}
ul.inline-list {
list-style-type: none;
padding: 0;
margin: 30px 0 0;
display: flex;
flex-flow: row wrap;
line-height: 1.3em;
}
.inline-list li {
display: flex;
flex-flow: row nowrap;
padding: 0;
margin: 0 15px 10px 0px;
width: calc(33.3333% - 15px);
flex: 0 0 auto;
}
@media (max-width: 575px) {
ul.inline-list {
margin: 15px 0 0;
}
.inline-list li {
width: calc(50% - 15px);
margin: 0 15px 10px 0px;
}
}
@media (max-width: 319px) {
.inline-list li {
width: 100%;
}
}
.inline-list li::before {
content: '\f005';
flex: 0 0 auto;
width: 15px;
font-size: 12px;
font-family: 'FontAwesome';
margin: 0 5px 0 0;
}
@media (min-width: 1200px) {
.inline-list-4 li {
width: calc(25% - 15px);
}
}
ul.inline-list.inline-list-vertical {
display: block;
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 15px;
-moz-column-gap: 15px;
column-gap: 15px;
}
@media (min-width: 1200px) {
ul.inline-list-4.inline-list-vertical {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
}
ul.inline-list.inline-list-vertical li {
width: 100%;
margin: 0 0 20px 0;
}
@media (max-width: 575px) {
ul.inline-list.inline-list-vertical {
display: block;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
}
.section blockquote {
margin: 50px 0;
padding: 50px 25px;
border: 0 none;
border-top: 3px solid #a2191e;
border-bottom: 3px solid #a2191e;
}
@media (max-width: 767px) {
.section blockquote {
margin: 15px 0;
padding: 15px 10px;
}
}
.section blockquote p {
font-size: 34px;
font-weight: bold;
color: #6c6c6c;
}
.section blockquote small {
font-size: 20px;
font-weight: normal;
color: #a2191e;
text-align: right;
}
@media (max-width: 1024px) {
.section blockquote p {font-size: 24px;}
.section blockquote small {font-size: 22px;}
}
@media (max-width: 991px) {
.section blockquote p {font-size: 20px;}
.section blockquote small {font-size: 18px;}
}
@media (max-width: 767px) {
.section blockquote p {font-size: 20px;}
.section blockquote small {font-size: 16px;}
}
@media (max-width: 479px) {
.section blockquote p {font-size: 20px;}
.section blockquote small {font-size: 14px;}
}
.section-contact .form-fields-container > div {
width: calc(50% - 15px);
}
@media (min-width: 768px) and (max-width: 1024px) {
.section-contact .form-fields-container > div {
width: calc(50% - 10px);
}
}
@media (max-width: 479px) {
.section-contact .form-fields-container > div {
width: 100%;
}
}
.section-contact textarea {
height: 150px !important;
}
.section blockquote.blockquote-2 {
border: 0 none;
margin: 25px 0;
padding: 0;
}
.section blockquote.blockquote-2 small {
color: #a2191e;
}
.section-contact .xform input[type="text"],
.section-contact .xform input[type="email"],
.section-contact .xform input[type="password"],
.section-contact .xform input[type="number"],
.section-contact .xform select,
.section-contact .xform textarea {
padding: 10px 15px;
font-size: 20px;
color: #3a3a3c;
font-family: Helvetica, Arial, sans-serif;
}
@media (max-width: 979px) {
.section-contact .xform input[type="text"],
.section-contact .xform input[type="email"],
.section-contact .xform input[type="password"],
.section-contact .xform input[type="number"],
.section-contact .xform select,
.section-contact .xform textarea {
font-size: 18px;
}
}
@media (max-width: 767px) {
.section-contact .xform input[type="text"],
.section-contact .xform input[type="email"],
.section-contact .xform input[type="password"],
.section-contact .xform input[type="number"],
.section-contact .xform select,
.section-contact .xform textarea {
font-size: 16px;
}
}
@media (max-width: 479px) {
.section-contact .xform input[type="text"],
.section-contact .xform input[type="email"],
.section-contact .xform input[type="password"],
.section-contact .xform input[type="number"],
.section-contact .xform select,
.section-contact .xform textarea {
font-size: 16px;
}
}
.section-contact ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.section-contact li {
padding: 0;
margin: 0;
}
.section-contact li::before {
content: '\f005';
font-family: 'FontAwesome';
color: #a2191e;
margin: 0 3px 0 0;
font-size: 12px;
transform: translateY(-2px);
display: inline-block;
}
.section-contact a {
color: #3a3a3c;
}
.section-contact a:hover {
color: #3457A3;
}
.section a[href*="tel"]:hover,
.section a[href*="tel"]:focus {
color: #3a3a3c;
cursor: text;
text-decoration: none;
}
.section-blog .blog-posts-container {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.section-blog .blog-posts-container > * {
width: calc(33.3333% - 15px);
padding: 20px;
margin: 0 0 20px;
border: 0 none !important;
background-color: #fff;
}
.section-blog .blog-posts-container .blog-post-image img {
margin-left: 0 !important;
margin-right: 0 !important;
}
@media (max-width: 767px) {
.section-blog .blog-posts-container > * {
width: calc(50% - 10px);
}
}
@media (max-width: 479px) {
.section-blog .blog-posts-container > * {
width: 100%;
}
}
.section-blog .blog-post-heading,
.section-blog .blog-post-body,
.section-blog .blog-read-more-links {
display: none !important;
}
.section-blog .blog-post-details .blog-post-heading,
.section-blog .blog-post-details .blog-post-body,
.section-blog .blog-post-details .blog-read-more-links {
display: block !important;
}
.section-blog .blog-post-heading-container {
display: flex;
flex-flow: column nowrap;
}
.section-blog .blog-post-image {
order: 1;
margin: 0;
}
.section-blog .blog-post h3 {
order: 2;
padding: 0 !important;
margin: 0 !important;
font-size: 24px;
font-weight: normal;
line-height: 1.3em;
text-align: left;
}
.section-blog h3 a {
color: #3A3A3C !important;
}
.section-blog h3 a:hover {
color: #1D4499;
text-decoration: none;
}
.cms-content .section-about h3,
.cms-content .section-about p {
margin: 0px;
font-weight: normal;
text-align: left;
}
.cms-content .section-about h4 {
margin: 0 0 5px;
font-weight: normal;
}
.section-about img {
margin-bottom: 15px;
}
img.border {
border: 2em solid #fff;
}
@media (max-width: 1024px) {
img.border {
border: 1em solid #fff;
}
}
.section-about .row > div {
margin-bottom: 30px;
}
.section-about .row > div .col-lg-12 img.border {
border: 40px solid #fff;
}
.section-about .row > div .col-lg-4 img.border {
border: 20px solid #fff;
}
@media (max-width: 1024px) {
.section-about .row {
margin-left: -15px;
margin-right: -15px;
}
.section-about .row > div {
padding-left: 15px;
padding-right: 15px;
}
.section-about .row > div .col-lg-4 img.border {
border: 10px solid #fff;
}
}
.section-about .fa-envelope-o {
font-size: 20px;
}
@media (min-width: 1200px) {
.section-about ~ .section ul.inline-list {
margin-top: 60px;
}
}
.border-top-red {
border-top: 3px solid #a2191e;
}
.circle-list {
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
flex-flow: row wrap;
justify-content: center;
text-align: center;
}
.circle-list li {
width: calc(20% - 20px);
margin: 0 20px 30px;
}
.circle-list img {
border-radius: 50%;
}
.circle-list figure {
position: relative;
}
.circle-list figcaption {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
color: #fff;
text-transform: uppercase;
font-weight: bold;
background-color: rgba(0,0,0,0.5);
border-radius: 50%;
transition: all 0.3s;
}
.circle-list a:hover figcaption {
background-color: rgba(0,0,0,0.1);
}
@media (max-width: 1024px) {
.circle-list li {
width: calc(25% - 20px);
margin: 0 15px 15px;
}
}
@media (max-width: 767px) {
.circle-list li {
width: calc(33.3333% - 20px);
margin: 0 10px 20px;
}
}
@media (max-width: 479px) {
.circle-list li {
width: calc(50% - 10px);
margin: 0 5px 10px;
}
}
.circle-list-2 {
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
flex-flow: row wrap;
justify-content: center;
text-align: center;
}
.circle-list-2 li {
margin: 0 10px 30px;
flex: 0 0 auto;
}
.circle-list-2 img {
border-radius: 50%;
}
.circle-list-2 a {
position: relative;
display: block;
width: 150px;
height: 150px;
}
.circle-list-2 span {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
color: #fff;
text-transform: uppercase;
font-weight: bold;
background-color: rgba(0,0,0,0.5);
border-radius: 50%;
transition: all 0.3s;
line-height: 1.1em;
}
.circle-list-2 a:hover span {
background-color: rgba(0,0,0,0.1);
}
@media (max-width: 1024px) {
.circle-list-2 {
font-size: 14px;
}
.circle-list-2 a,
.circle-list-2 img {
width: 100px;
height: 100px;
}
.circle-list-2 li {
margin: 0px 5px 20px;
}
}
.table-circle-list-2,
.table-circle-list-2 tbody,
.table-circle-list-2 tr,
.table-circle-list-2 td {
display: block;
padding: 0;
margin: 0;
}
.table-circle-list-2 tr {
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
flex-flow: row wrap;
justify-content: center;
text-align: center;
}
.table-circle-list-2 td {
margin: 0 10px 30px;
flex: 0 0 auto;
}
.table-circle-list-2 img {
border-radius: 50%;
}
.table-circle-list-2 a {
position: relative;
display: block;
width: 150px;
height: 150px;
}
.table-circle-list-2 span {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
color: #fff;
text-transform: uppercase;
font-weight: bold;
background-color: rgba(0,0,0,0.5);
border-radius: 50%;
transition: all 0.3s;
line-height: 1.1em;
font-size: 18px;
padding: 5px;
}
.table-circle-list-2 a:hover span {
background-color: rgba(0,0,0,0.1);
}
@media (max-width: 1024px) {
.table-circle-list-2 {
font-size: 14px;
}
.table-circle-list-2 a,
.table-circle-list-2 img {
width: 120px;
height: 120px;
}
.table-circle-list-2 span {
font-size: 14px;
}
.table-circle-list-2 td {
margin: 0px 5px 20px;
}
}
.icons-list {
list-style-type: none;
padding: 0;
margin: 30px 0 0;
display: flex;
flex-flow: row wrap;
justify-content: center;
text-transform: uppercase;
font-weight: bold;
}
.icons-list li {
padding: 0;
margin: 0 15px 25px;
display: inline-flex;
flex-flow: row nowrap;
white-space: nowrap;
align-items: center;
}
.cms-content .icons-list img {
border-radius: 50%;
margin-right: 10px !important;
}
@media (max-width: 767px) {
.icons-list li {
margin: 0 15px 15px;
}
.cms-content .icons-list img {
width: 30px;
height: 30px;
}
}
.section.bg-gradient.section-recent-posts::before {
min-height: 150px;
height: 150px;
}
.section-recent-posts .btn-container {
margin: 20px 0 0;
text-align: center;
}
@media (max-width: 1023px) {
.section-recent-posts .btn-container {
margin: 10px 0 0;
}
}
.section-recent-posts .btn {
border: 3px solid;
color: #1D4499;
font-weight: bold;
text-transform: uppercase;
}
.section-recent-posts .btn:hover,
.section-recent-posts .btn:focus {
color: #a2191e;
}
.rPostsContainer {
position: relative;
}
.rPosts {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
position: relative;
text-transform: uppercase;
}
.rPosts > * {
width: calc(33.3333% - 15px);
padding: 20px;
margin: 0 0 20px;
background-color: #fff;
}
@media (min-width: 480px) and (max-width: 1023px) {
.rPosts > * {
width: calc(33.3333% - 7px);
padding: 10px;
margin: 0 0 10px;
background-color: #fff;
}
}
@media (max-width: 479px) {
.rPosts > * {
width: 100%;
}
}
.rPosts img {
max-width: 100%;
height: auto !important;
margin-bottom: 10px;
}
.rPosts a {
color: #3a3a3c;
}
.rPosts a:hover,
.rPosts a:focus {
text-decoration: none;
color: #1D4499;
}
.section-gallery {
padding: 0;
}
.section-gallery .container {
padding: 0;
}
.section-gallery .row {
margin: 0;
}
.section-gallery .row::before, .section-gallery .row::after {display: none;}
.section-gallery .row > div {
padding: 0;
}
.section-gallery .row .row {
display: flex;
flex-flow: row nowrap;
width: 100%;
}
.section-gallery .row .row > div {
width: 25%;
flex: 0 0 auto;
}
@media (max-width: 575px) {
.section-gallery .row .row {
flex-flow: row wrap;
}
.section-gallery .row .row > div {
width: 50%;
}
}
.section-gallery a {
display: block;
overflow: hidden;
}
.section-gallery a img {
transform: scale(1);
transition: transform 0.3s;
}
.section-gallery a:hover img {
transform: scale(1.05);
}
.section.section-no-padding {
padding: 0;
}
.section.section-no-padding .row {
display: flex;
flex-flow: row nowrap;
}
.section.section-no-padding .row > div {
padding-top: 100px;
padding-bottom: 100px;
}
.section.section-no-padding .row > div > * {
margin-left: 100px;
margin-right: 100px;
}
@media (max-width: 1799px) {
.section.section-no-padding .row > div {
padding-top: 50px;
padding-bottom: 50px;
}
.section.section-no-padding .row > div > * {
margin-left: 50px;
margin-right: 50px;
}
}
@media (max-width: 1199px) {
.section.section-no-padding .row > div {
padding-top: 25px;
padding-bottom: 25px;
}
.section.section-no-padding .row > div > * {
margin-left: 25px;
margin-right: 25px;
}
}
@media (max-width: 979px) {
.section.section-no-padding .row {
flex-flow: column nowrap;
}
.section.section-no-padding .row > div {
width: 100%;
}
}
@media (max-width: 767px) {
.section.section-no-padding .row > div > * {
margin-left: 0px;
margin-right: 0px;
}
}
.section.section-no-padding .row > div li {
margin-bottom: 20px;
}
@media (max-width: 1199px) {
.section.section-no-padding .row > div li {
margin-bottom: 10px;
}
}
.section.section-no-padding .row > div > *.box-blue {
position: relative;
padding: 100px;
margin: 0;
height: 100%;
display: flex;
flex-flow: column nowrap;
}
@media (max-width: 1199px) {
.section.section-no-padding .row > div > *.box-blue {
padding: 50px;
}
}
@media (max-width: 1024px) {
.section.section-no-padding .row > div > *.box-blue {
padding: 25px;
}
}
@media (max-width: 767px) {
.section.section-no-padding .row > div > *.box-blue {
padding: 15px;
}
}
.section.section-no-padding .row > div > *.box-blue::before {
position: absolute;
display: block;
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #1D4499;
opacity: 0.8;
z-index: 0;
}
.section.section-no-padding .row > div > *.box-blue > * {
z-index: 1;
position: relative;
}
.section.section-no-padding .row > div > ul {
list-style-type: none;
}
.section.section-no-padding .row > div > ul > li {
position: relative;
padding-left: 25px;
}
.section.section-no-padding .row > div > ul > li::before {
content: '\f005';
font-family: 'FontAwesome';
font-size: 12px;
margin-right: 15px;
position: absolute;
top: 0px;
left: 0;
}
@media (max-width: 767px) {
.section.section-no-padding .row > div > ul {
padding-left: 10px;
}
}
.row > div.bg-black {background-color: #000;}
.row > div.bg-blue {background-color: #1D4499;}
.row > div.bg-red {background-color: #a2191e;}
.row > div.bg-blue *, .row > div.bg-black *, .row > div.bg-black * {color: #fff;}
ul.squares {
list-style-type: none;
padding: 0;
margin: 50px 0 0px;
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: center;
}
ul.squares li {
padding: 0;
margin: 0 10px 20px;
}
ul.squares a {
display: block;
position: relative;
color: #fff;
}
ul.squares a span {
position: absolute;
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0,0,0,0.5);
transition: all 0.3s;
}
ul.squares a:hover span {
background-color: rgba(0,0,0,0.2);
}
.section.section-full-width p.container {
width: 1170px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
/*** END ag20/global/sections.css ***/
/*** START ag20/sub/common.css ***/
.cms-content {
line-height: 1.6em;
}
.cms-content p {
margin: 0 0 10px;
}
@media (min-width: 1200px) {
.cms-content p {
margin: 0 0 20px;
}
}
.cms-content img {
max-width: 100%;
height: auto !important;
margin-left: 0 !important;
margin-right: 0 !important;
float: none !important;
}
.section-main {
flex: 1 0 auto;
}
.caption-sub {
position: relative;
overflow: hidden;
}
.caption-sub img {
z-index: 0;
position: relative;
float: right;
}
@media (max-width: 767px) {
.caption-sub img {
max-width: 100%;
height: auto !important;
}
}
.caption-sub img+img {
display: none;
}
.logo-container img {
margin-top: 30px;
}
.caption-sub .logo-container {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding-left: 15px;
padding-right: 15px;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
}
.caption-sub .logo-container a {
position: relative;
}
.caption-sub .logo-container::before {
content: '';
x-background-color: rgba(0,0,0,0.5);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (max-width: 1199px) {
.caption-sub .container {
margin-left: 15px;
margin-right: 15px;
}
}
@media (max-width: 767px) {
.caption-sub {
height: 164px;
}
.logo-container img {
margin-top: -50px;
height: 50px;
width: auto;
}
}
@media (max-width: 349px) {
.logo-container img {
height: auto;
width: 100%;
}
}
.section-main .container {
position: relative;
}
.page-title {
color: #a2191e;
background-color: #a2191e;
color: #fff;
margin: 0;
position: relative;
text-align: center;
padding: 30px 15px;
width: 100%;
margin-top: -60px;
}
.page-title h1 {
font-size: 40px;
padding: 0; margin: 0;
color: #a2191e;
color: #fff;
}
@media (max-width: 1199px) {.page-title h1 {font-size: 35px;}}
@media (max-width: 979px) {.page-title h1 {font-size: 30px;}}
@media (max-width: 767px) {.page-title {padding: 20px 10px;} .page-title h1 {font-size: 30px;}}
@media (max-width: 479px) {.page-title h1 {font-size: 24px;}}
.subtitle {
display: block;
font-size: 20px;
line-height: 1.6em;
margin-bottom: 10px;
}
.extra-content-block {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.extra-content-block p {
margin: 0;
}
.extra-content-block a.btn {
color: #3a3a3c;
text-decoration: none;
}
.extra-content-block a:hover {
color: #3457A3;
}
.breadcrumb {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background-color: transparent;
}
.breadcrumb,
.breadcrumb a {
color: #3a3a3c;
text-decoration: none;
}
.breadcrumb > li + li::before {
content: '\f105';
font-family: 'FontAwesome';
padding: 0 10px;
color: #3a3a3c;
}
@media (max-width: 1024px) {
.breadcrumb > li {
margin-top: 10px;
}
.breadcrumb > li + li::before {
padding: 0 15px;
}
}
.breadcrumb > .active {
color: #3a3a3c;
}
.ecs-breadcrumb .pathSep {
display: none;
}
.ecs-breadcrumb .ecsCatPathItem:not(:last-child)::after{
content: '\f105';
font-family: 'FontAwesome';
padding: 0 10px;
color: #3a3a3c;
}
#cartVirtualArea div {
display: inline;
}
.row-main {
padding-bottom: 50px;
display: flex;
flex-flow: row wrap;
}
.col-aside {
width: 300px;
}
.col-article {
width: 100%;
}
.col-aside + .col-article {
width: -webkit-calc(100% - 300px);
width: -moz-calc(100% - 300px);
width: calc(100% - 300px);
padding-left: 30px;
}
@media (max-width: 767px) {
.col-aside + .col-article,
.col-aside {
width: 100%;
padding-left: 0px;
}
.col-aside {
padding-bottom: 15px;
}
}
.hide-sidebar .col-aside {
display: none;
}
.hide-sidebar .col-article {
width: 100%;
padding-left: 0px;
}
.xform label {
display: block;
margin: 0;
padding: 0;
font-weight: 300;
}
.xform input[type="text"],
.xform input[type="email"],
.xform input[type="password"],
.xform input[type="number"],
.xform select,
.xform textarea {
background-color: #f2f2f2;
border: 1px solid #d7d7d7;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
height: auto;
padding: 10px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.xform input[type="text"]:focus,
.xform input[type="email"]:focus,
.xform input[type="password"]:focus,
.xform input[type="number"]:focus,
.xform select:focus,
.xform textarea:focus {
box-shadow: none;
}
@media (max-width: 767px) {
#F2.xform {
margin-top: 30px;
}
}
#F2.xform input[type="text"],
#F2.xform input[type="email"],
#F2.xform input[type="password"],
#F2.xform input[type="number"],
#F2.xform select,
#F2.xform textarea {
background-color: #fff;
}
#F2.xform select {
background-image: url(../data/i/caret.png);
background-repeat: no-repeat;
background-position: right center;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
#F2.xform select::-ms-expand {
display: none; /* Hide the default arrow in Internet Explorer 10 and Internet Explorer 11 */
}
.form-fields-container {
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: space-between;
}
.form-fields-container > div.empty-block {
height: 0; visibility: hidden; margin: 0; padding: 0;
}
.form-fields-container > div {
margin-bottom: 10px;
width: -webkit-calc(33.3333% - 30px);
width: -moz-calc(33.3333% - 30px);
width: calc(33.3333% - 30px);
}
.xform button {
background-color: #3457A3;
color: #fff;
border: 0 none;
padding: 10px 15px;
font-size: 20px;
}
@media (max-width: 767px) {
.xform button {
font-size: 16px;
}
}
.xform button[type="reset"] {
background-color: #9D9E9E;
}
@media (max-width: 979px) {
.form-fields-container > div {
width: -webkit-calc(33.3333% - 10px);
width: -moz-calc(33.3333% - 10px);
width: calc(33.3333% - 10px);
}
}
@media (max-width: 767px) {
.form-fields-container > div {
width: -webkit-calc(50% - 10px);
width: -moz-calc(50% - 10px);
width: calc(50% - 10px);
}
}
@media (max-width: 479px) {
.form-fields-container > div {
width: 100%;
}
}
.contact-container .row {
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: space-between;
}
.contact-container .row::before,
.contact-container .row::after {
display: none;
}
.contact-container .row > div {
width: calc(25% - 10px);
}
.contact-container a[href*="mailto:"],
.contact-container a[href*="tel:"] {
cursor: text;
color: #3a3a3c;
text-decoration: none;
}
.contact-container address {
margin-bottom: 0px;
}
.contact-container a[href*="mailto:"]:before,
.contact-container a[href*="tel:"]:before,
.contact-container address:before {
font-family: 'FontAwesome';
font-size: 30px;
content: '\f0e0';
margin-right: 10px;
color: #1D4499;
}
.contact-container a[href*="tel:"]:before {content: '\f098';}
.contact-container address:before {content: '\f1ad';}
@media (max-width: 991px) {
.contact-container .row > div {
width: calc(50% - 10px);
}
}
@media (max-width: 767px) {
.contact-container .row > div {
width: 100%;
margin-bottom: 10px;
}
.contact-container a[href*="mailto:"]:before,
.contact-container a[href*="tel:"]:before,
.contact-container address:before {
font-size: 20px;
}
}
.col-aside {
border-right: 1px solid #e7e7e7;
}
@media (max-width: 767px) {
.col-aside {
border-right: 0;
}
}
/* toggle categories button START */
@media (min-width: 768px) {
.col-aside button {
display: none;
}
}
@media(max-width: 767px) {
.col-aside .ecsCatNav {
display: none;
}
.side-nav-visible .col-aside .ecsCatNav {
display: block;
}
.col-aside button {
width: 100%;
margin: 10px 0 20px;
}
}
/* toggle categories button END */
.col-aside ul {
padding: 0; margin: 0; list-style-type: none;
border-top: 1px solid #e7e7e7;
margin-right: 30px;
}
.col-aside ul ul {
border-top: 0 none;
margin-right: 0;
}
.col-aside li {
padding: 0; margin: 0;
}
.col-aside ul a {
display: block;
padding: 10px 15px;
border-bottom: 1px solid #e7e7e7;
color: #3a3a3c;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
text-decoration: none;
text-transform: uppercase;
}
.col-aside ul a:hover {
color: #3457A3;
}
/* level 1 active and level 2 */
.col-aside ul ul a,
.col-aside ul .activeBranch a,
.col-aside ul .ecsNavCat1act a,
.col-aside ul .ecsNavCat1act2 a {
background-color: #F5F5F5;
border-color: rgba(255,255,255,0.5);
}
/* level 2 */
.col-aside ul ul a {
padding-left: 30px;
text-transform: none;
}
/* level 2 active and level 3*/
.col-aside ul .currentPageLi > a,
.col-aside ul .ecsNavCat1act > a,
.col-aside ul .ecsNavCat2act > a,
.col-aside ul .ecsNavCat3act > a,
.col-aside ul .ecsNavCat4act > a {
color: #a2191e;
}
.col-aside ul ul .activeBranch a,
.col-aside ul .ecsNavCat2act a,
.col-aside ul .ecsNavCat2act2 a {
background-color: #9D9E9E;
color: #fff;
}
/* level 3 */
.col-aside ul ul ul a {
padding-left: 45px;
}
/* level 3 active and level 4 */
.col-aside ul ul ul .activeBranch a,
.col-aside ul .ecsNavCat3act a,
.col-aside ul .ecsNavCat3act2 a {
background-color: #E78601;
}
/* level 4 */
.col-aside ul ul ul ul a {
padding-left: 60px;
}
/* level 4 active and level 5 */
.col-aside ul ul ul ul .activeBranch a,
.col-aside ul .ecsNavCat4act a,
.col-aside ul .ecsNavCat4act2 a {
background-color: #a2191e;
}
@media (max-width: 767px) {
.col-aside ul {
margin-right: 0;
}
}
.team {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.team h3 {
margin-bottom: 0px;
}
.team > div {
margin-top: 50px;
padding: 20px;
background-color: #f2f2f2;
border-bottom: 3px solid #1D4499;
width: calc(50% - 15px);
}
.team p:first-child img {
border: 5px solid #fff;
border-radius: 50%;
margin-top: -50px;
box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
.team p:first-child img + img {
margin-left: 15px;
}
@media (max-width: 767px) {
.team > div {
width: 100%;
}
}
.promotion {
margin-bottom: 40px;
background-color: #f2f2f2;
border-bottom: 3px solid #1D4499;
padding-bottom: 30px;
}
.promotion-retail-prices p {
margin: 0;
}
.promotion-reatil-prices {
float: right;
width: 100%;
margin-top: -20px;
width: 250px;
background-color: #a2191e;
color: #fff;
padding: 15px;
display: inline-block;
align-self: flex-start;
}
.promotion img {
display: block;
margin-right: 30px;
}
.promotion h3 {
padding-right: 30px;
}
.promotion-desc {
padding-right: 30px;
}
.promotion-heading {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
}
.promotion .btn {
background-color: #1D4499;
color: #fff;
font-weight: normal;
margin-top: 15px;
float: right;
width: 100%;
text-align: center;
}
@media (max-width: 1199px) {
.promotion img {
width: 300px;
}
}
@media (min-width: 480px) and (max-width: 979px) {
.promotion img {
width: auto;
max-width: 100%;
}
.promotion-heading {
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.promotion-heading > figure {
padding-right: 30px;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: -webkit-calc(100% - 250px);
width: -moz-calc(100% - 250px);
width: calc(100% - 250px);
}
.promotion-heading > div:nth-child(3) {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.promotion-heading > div:nth-child(2) {
padding: 0 30px;
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-moz-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
}
@media (max-width: 479px) {
.promotion-heading {
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
.promotion img {
max-width: 100%;
height: auto;
}
.promotion-reatil-prices {
margin-right: 30px;
}
.promotion-heading > figure {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.promotion-heading > div:nth-child(3) {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.promotion-heading > div:nth-child(2) {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-moz-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.promotion .btn {
width: auto;
float: none;
margin-top: -10px;
}
}
.aside-bottom {
margin-right: 30px;
padding-bottom: 30px;
}
.aside-bottom > *:first-child {
margin-top: 30px;
}
.aside-bottom img {
max-width: 100%;
height: auto !important;
}
@media (max-width: 767px) {
.aside-bottom {
display: none;
}
}
/*** END ag20/sub/common.css ***/
/*** START ag20/sub/blogmaster.css ***/
/* --------------------------------------------------------------------- */
/* ------------------------- Blog Master START ------------------------- */
/* --------------------------------------------------------------------- */
/* Blog Master */
/* rewrite original */
.blog-post .readMore,
.breadcrumb .divider {display: none;}
/* fix wordpress import */
.blog-post-body:empty,
.blog-post-body br:only-child {
display: none;
}
/* blog message */
.blogMessages {
border-bottom: 2px solid rgba(138,34,34,0.7);
padding: 10px;
text-align: center;
color: firebrick;
background-color: rgba(138,34,34,0.1);
margin-bottom: 20px;
}
.blogMessages p {
margin: 0;
}
.ipop-blog-messages.iPopBlock.styled .iPopBox {
border: 0 none;
padding: 0;
}
.ipop-blog-messages .blogMessages {
margin: 0;
}
/* blog basic layout */
.col-blog-aside {
width: 300px;
}
.col-blog-article {
width: -webkit-calc(100% - 300px);
width: -moz-calc(100% - 300px);
width: calc(100% - 300px);
}
.side-box {
background-color: #f2f2f2;
margin-bottom: 30px;
}
@media (max-width: 767px) {
.col-blog-article,
.col-blog-aside {
width: 100%;
float: none;
}
.col-blog-aside > div {
margin-bottom: 20px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.col-blog-aside {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
-webkit-column-fill: balance;
-moz-column-fill: balance;
column-fill: balance;
}
.col-blog-aside > div {
-webkit-column-break-inside: avoid;
break-inside: avoid-column;
page-break-inside: avoid;
}
}
/* blog sidebar */
.side-box h3 {
margin: 0;
padding: 10px 15px;
color: #444;
border-bottom: 1px solid #d7d7d7;
}
.side-box h3 + div {
padding: 10px 15px;
}
.side-box a {
color: #444;
padding: 0; margin: 0;
display: block;
}
.side-box input[type="email"] {
border: 1px solid #ccc;
height: auto;
padding: 6px 12px;
margin-bottom: 10px;
width: 100%;
}
.side-box .CommentsBody {
border-left: 0 none;
padding-left: 0;
}
.side-box .CommentsItem:not(:last-child) {
border-bottom: 1px solid #d7d7d7;
padding-bottom: 15px;
margin-bottom: 15px;
}
.side-box .blogAuthor {
clear: both;
overflow: hidden;
padding-bottom: 10px;
}
/* blog tag cloud */
#blogTagCloud {text-align: center;}
#blogTagCloud .blogTag {display: inline-block; padding-right: 5px; padding-bottom: 5px;}
#blogTagCloud .blogTag a {width: auto; padding: 0; border: 0 none; display: inline;}
#blogTagCloud .pop15 a {font-size: 180%;}
#blogTagCloud .pop14 a {font-size: 170%;}
#blogTagCloud .pop13 a {font-size: 160%;}
#blogTagCloud .pop12 a {font-size: 155%;}
#blogTagCloud .pop11 a {font-size: 150%;}
#blogTagCloud .pop10 a {font-size: 145%;}
#blogTagCloud .pop9 a {font-size: 140%;}
#blogTagCloud .pop8 a {font-size: 135%;}
#blogTagCloud .pop7 a {font-size: 130%;}
#blogTagCloud .pop6 a {font-size: 125%;}
#blogTagCloud .pop5 a {font-size: 120%;}
#blogTagCloud .pop4 a {font-size: 115%;}
#blogTagCloud .pos3 a {font-size: 110%;}
#blogTagCloud .pop2 a {font-size: 105%;}
#blogTagCloud .pop1 a {font-size: 100%;}
/* blog archive */
.blogArchiveYear span {cursor: pointer;}
.blogArchiveYear span:hover {text-decoration: underline;}
.blogArchiveItem {padding-left: 10px;}
/* list of posts */
h2.blog-extra-title {
margin-bottom: 25px;
}
.blog-content-date-formatted,
.author-thumb-small,
.placeholder-image,
.blog-post-thumb {
display: none;
}
.blog-post {
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px solid #d7d7d7;
clear: both;
overflow: hidden;
}
.blog-post-empty,
.view-card .blog-posts-container .blog-post.blog-post-empty {
visibility: hidden;
padding: 0;
margin: 0;
border: 0 none;
}
.blog-post h3 {
padding: 0; margin: 0;
}
.blog-post-heading {
color: #999;
}
.blog-post-image {
margin-top: 10px;
margin-bottom: 10px;
}
.blog-post-footer {
margin-top: 10px;
}
.blog-read-more-links {
margin-top: 5px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.blog-read-more-links a {
white-space: nowrap;
}
.comments-count:before {
content: '(';
}
.comments-count:after {
content: ')';
}
.blog-content-tags {
color: #999;
}
.blog-content-tags a {
color: #999;
}
.blog-read-more {
white-space: nowrap;
}
.blog-view-switcher {
background-color: #f2f2f2;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.blog-view-switcher span {
display: inline-block;
padding: 10px 15px;
cursor: pointer;
background-color: transparent;
text-align: center;
white-space: nowrap;
}
.view-card .blog-view-switcher span.layout-card,
.view-article .blog-view-switcher span.layout-article,
.view-thumbs .blog-view-switcher span.layout-thumbs,
.view-card .blog-view-switcher span.layout-card,
.view-list .blog-view-switcher span.layout-list,
.view-newspaper .blog-view-switcher span.layout-newspaper,
.view-author .blog-view-switcher span.layout-author,
.view-photo .blog-view-switcher span.layout-photo,
.view-board .blog-view-switcher span.layout-board {
background-color: #fff;
cursor: text;
}
.blog-view-switcher label {
font-weight: normal; display: inline; padding: 0; margin: 0; cursor: pointer;
}
.view-card .blog-view-switcher span.layout-card label,
.view-article .blog-view-switcher span.layout-article label,
.view-thumbs .blog-view-switcher span.layout-thumbs label,
.view-card .blog-view-switcher span.layout-card label,
.view-list .blog-view-switcher span.layout-list label,
.view-newspaper .blog-view-switcher span.layout-newspaper label,
.view-author .blog-view-switcher span.layout-author label,
.view-photo .blog-view-switcher span.layout-photo label,
.view-board .blog-view-switcher span.layout-board label {
cursor: text;
}
.blog-view-switcher span.layout-fullwidth,
.blog-view-switcher span.layout-fullwidth-off {
margin-left: auto;
}
.blog-view-switcher span.layout-fullwidth-off {
display: none;
}
.blog-fullwidth .blog-view-switcher span.layout-fullwidth {
display: none;
}
.blog-fullwidth .blog-view-switcher span.layout-fullwidth-off {
display: block;
}
@media (max-width: 1199px) {
body:not(.blog-fullwidth) .blog-view-switcher label {
display: none;
}
body:not(.blog-fullwidth) .blog-view-switcher span {
padding: 10px 15px;
padding-right: 10px;
font-size: 18px;
}
}
@media (max-width: 979px) {
.blog-view-switcher label {
display: none;
}
.blog-view-switcher span {
padding: 10px 15px;
padding-right: 10px;
font-size: 18px;
}
}
@media (max-width: 767px) {
.blog-fullwidth .blog-view-switcher span.layout-fullwidth-off,
.blog-view-switcher span.layout-fullwidth {
display: none;
}
}
@media (max-width: 479px) {
.blog-view-switcher span,
body:not(.blog-fullwidth) .blog-view-switcher span {
padding: 5px 10px;
padding-right: 5px;
}
}
/* author */
.spacer-image {
display: none;
}
/* author description */
.row-author-description {
margin-top: 150px;
overflow: visible;
padding: 1px;
border: 1px solid #d7d7d7;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-bottom: 30px;
}
.row-author-description > a,
.row-author-description > img {
margin-top: -100px;
margin-right: 0px;
margin-left: auto;
margin-right: auto;
border: 10px solid #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
display: block;
position: relative;
-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.5);
-moz-box-shadow: 0 0 1px rgba(0,0,0,0.5);
box-shadow: 0 0 1px rgba(0,0,0,0.5);
width: 170px;
}
.row-author-description img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width: 150px;
}
.row-author-description > a:before {
position: absolute;
content: '';
}
.row-author-description > div {
float: none;
text-align: center;
}
.row-author-description h2 {
margin-top: 15px;
margin-bottom: 5px;
padding: 0px 30px;
}
.row-author-description h4 {
margin-bottom: 20px;
margin-top: 0px;
padding: 0px 30px;
}
.author-long-desc {
padding: 20px 30px;
}
/* card layout */
.view-card .blog-posts-container {
font-size: small;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.view-card .blog-posts-container .blog-post {
padding-bottom: 10px;
margin-bottom: 20px;
border: 0 none;
background-color: #f2f2f2;
border-bottom: 3px solid #d7d7d7;
width: -webkit-calc(33.3333% - 15px);
width: -moz-calc(33.3333% - 15px);
width: calc(33.3333% - 15px);
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
.view-card .blog-posts-container .blog-post-heading-container {
/* overflow: hidden !for(ie); */
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-moz-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.view-card .blog-posts-container .blog-post-image {
/* overflow: hidden !for(ie); */
margin: 0;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
/* /* max-height: 150px !for(ie11 ie10); */
*/
/* /* overflow: hidden !for(ie11 ie10); */
*/
/* /* margin-bottom: 10px !for(ie11 ie10); */
*/
}
.view-card .blog-posts-container h3 {
/* width: 100% !for(ie); */
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.view-card .blog-posts-container .blog-post-heading {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-moz-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.view-card .blog-posts-container .blog-post-image img {
margin: 0 0 10px;
/* /* height: auto !for(ie11 ie10); */
*/
/* /* width: 100% !for(ie11 ie10); */
*/
}
.view-card .blog-posts-container a {
color: #333;
}
.view-card .blog-posts-container .blog-content-tags a {
color: #999;
}
.view-card .blog-posts-container .blog-post-body {
display: none;
}
.view-card .blog-posts-container h3 {
font-size: 18px;
padding-left: 10px;
padding-right: 10px;
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-moz-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.view-card .blog-posts-container .blog-post-without-image h3 {
margin-top: 10px;
}
.view-card .blog-posts-container h3 a {
text-decoration: none;
}
.view-card .blog-posts-container .blog-post-heading > div {
padding-left: 10px;
padding-right: 10px;
}
.view-card .blog-posts-container .blog-post-footer {
padding-left: 10px;
padding-right: 10px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-moz-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
display: none;
}
.view-card .blog-posts-container .comments-label {
display: none;
}
.view-card .blog-posts-container .blog-read-more-links {
margin-top: 5px;
}
@media (min-width: 1200px) {
.blog-fullwidth.view-card .blog-posts-container .blog-post {
width: -webkit-calc(25% - 15px);
width: -moz-calc(25% - 15px);
width: calc(25% - 15px);
}
}
@media (max-width: 1199px) {
.view-card .blog-posts-container .blog-post {
width: -webkit-calc(50% - 15px);
width: -moz-calc(50% - 15px);
width: calc(50% - 15px);
}
.blog-fullwidth.view-card .blog-posts-container .blog-post {
width: -webkit-calc(25% - 15px);
width: -moz-calc(25% - 15px);
width: calc(25% - 15px);
}
}
@media (max-width: 979px) {
.view-card .blog-posts-container .blog-read-more-links {
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
.blog-fullwidth.view-card .blog-posts-container .blog-post {
margin-bottom: 15px;
width: -webkit-calc(33.3333% - 10px);
width: -moz-calc(33.3333% - 10px);
width: calc(33.3333% - 10px);
}
}
@media (max-width: 767px) {
.view-card .blog-posts-container .blog-post,
.blog-fullwidth.view-card .blog-posts-container .blog-post {
margin-bottom: 10px;
width: -webkit-calc(50% - 5px);
width: -moz-calc(50% - 5px);
width: calc(50% - 5px);
}
}
@media (max-width: 479px) {
.view-card .blog-posts-container .blog-post,
.blog-fullwidth.view-card .blog-posts-container .blog-post {
width: 100%;
}
}
.view-thumbs .blog-post {
padding-bottom: 15px;
margin-bottom: 15px;
}
.view-thumbs .blog-post-image {
display: none;
}
.view-thumbs .blog-post-thumb {
display: block;
float: left;
margin-bottom: 10px;
margin-right: 15px;
}
.view-thumbs .blog-post-heading-container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column-reverse nowrap;
-ms-flex-flow: column-reverse nowrap;
flex-flow: column-reverse nowrap;
}
.view-thumbs .blog-post-body {
margin-top: 5px;
}
.view-thumbs .blog-post-footer {
clear: both;
overflow: hidden;
}
@media (max-width: 767px) {
.view-thumbs .blog-post-body {
clear: both;
overflow: hidden;
}
}
@media (max-width: 479px) {
.view-thumbs .blog-post-thumb img {
width: 70px;
}
}
/* short list view */
.view-list .blog-post {
padding-bottom: 15px;
margin-bottom: 15px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
}
.view-list .blog-post h3 {
font-size: 22px;
}
.view-list .blog-post-footer {
width: 100%;
}
.view-list .blog-post-heading-container {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.view-list .blog-post-image,
.view-list .blog-read-more,
.view-list .blog-post-body {
display: none;
}
.view-list .blog-content-date {
display: none;
}
.view-list .blog-content-date-formatted {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-moz-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
margin-right: 15px;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.view-list .blog-content-date-formatted > div:first-child {
background-color: #E78601;
font-size: 19px;
font-weight: 800;
padding: 3px 10px;
color: #fff;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.view-list .blog-content-date-formatted > div:last-child {
background-color: #f2f2f2;
padding: 3px 10px;
color: #333;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.view-list .blog-post-footer {
display: none;
}
@media (max-width: 1199px) {
.view-list .blog-post h3 {
font-size: 21px;
}
}
@media (max-width: 979px) {
.view-list .blog-post h3 {
font-size: 19px;
}
}
@media (max-width: 767px) {
.view-list .blog-post h3 {
font-size: 18px;
}
}
@media (max-width: 479px) {
.view-list .blog-post h3 {
font-size: 17px;
}
.view-list .blog-content-date-formatted > div:first-child {
font-size: 16px;
padding: 2px 6px;
}
.view-list .blog-content-date-formatted > div:last-child {
font-size: 12px;
padding: 2px 6px;
}
}
/* newspaper view */
.view-newspaper .blog-posts-container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.view-newspaper .blog-post-heading-container {
/* overflow: hidden !for(ie); */
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
.view-newspaper .blog-post {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #d7d7d7;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
.view-newspaper .blog-post-footer {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-moz-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.view-newspaper .blog-post-image {
/* overflow: hidden !for(ie); */
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.view-newspaper .blog-post h3 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.view-newspaper .blog-post-heading {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-moz-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
/* row 1 */
.view-newspaper .blog-post:nth-child(1) {
width: 100%;
}
/* row 2 */
.view-newspaper .blog-post:nth-child(n+2):nth-child(-n+3) {
width: -webkit-calc(50% - 15px);
width: -moz-calc(50% - 15px);
width: calc(50% - 15px);
}
.view-newspaper .blog-post:nth-child(n+2):nth-child(-n+3) h3 {
font-size: 21px;
}
/* row 3-4 */
.view-newspaper .blog-post:nth-child(n+4):nth-child(-n+9) {
width: -webkit-calc(33.3333% - 15px);
width: -moz-calc(33.3333% - 15px);
width: calc(33.3333% - 15px);
}
.view-newspaper .blog-post:nth-child(n+4):nth-child(-n+9) h3 {
font-size: 18px;
}
.view-newspaper .blog-post:nth-child(n+4):nth-child(-n+9) .blog-post-body {
display: none;
}
.view-newspaper .blog-post:nth-child(n+4):nth-child(-n+9) .blog-post-footer {
margin-top: 5px;
}
/* row 5+6 */
.view-newspaper .blog-post:nth-child(n+10):nth-child(-n+17) {
width: -webkit-calc(25% - 15px);
width: -moz-calc(25% - 15px);
width: calc(25% - 15px);
}
.view-newspaper .blog-post:nth-child(n+10):nth-child(-n+17) h3 {
font-size: 16px;
}
.view-newspaper .blog-post:nth-child(n+10):nth-child(-n+17) .blog-post-body {
display: none;
}
.view-newspaper .blog-post:nth-child(n+10):nth-child(-n+17) .blog-read-more-links {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
.view-newspaper .blog-post:nth-child(n+10):nth-child(-n+17) .blog-post-footer {
margin-top: 5px;
}
/* row 7+ */
.view-newspaper .blog-post:nth-child(n+18) {
width: 100%;
margin-bottom: 20px;
display: block;
}
.view-newspaper .blog-post:nth-child(n+18) .blog-post-body,
.view-newspaper .blog-post:nth-child(n+18) .blog-post-footer,
.view-newspaper .blog-post:nth-child(n+18) .blog-post-image {
display: none;
}
.view-newspaper .blog-post:nth-child(n+18) h3 {
font-size: 16px;
}
.view-newspaper .blog-post:nth-child(n+18) .blog-post-thumb {
display: block;
}
.view-newspaper .blog-post-thumb img {
margin-right: 10px;
float: left;
width: 70px;
}
@media (max-width: 1199px) {
.view-newspaper .blog-post:nth-child(n+4):nth-child(-n+9) .blog-read-more-links {
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
}
@media (min-width: 768px) and (max-width: 979px) {
/* row 2 */
.view-newspaper .blog-post:nth-child(n+2):nth-child(-n+3) {
width: -webkit-calc(50% - 10px);
width: -moz-calc(50% - 10px);
width: calc(50% - 10px);
}
.view-newspaper .blog-post:nth-child(n+2):nth-child(-n+3) h3 {
font-size: 20px;
}
.view-newspaper .blog-read-more-links {
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
/* row 3-4 */
.view-newspaper .blog-post:nth-child(n+4):nth-child(-n+9) h3 {
font-size: 17px;
}
.view-newspaper .blog-post:nth-child(n+4):nth-child(-n+9) {
width: -webkit-calc(50% - 10px);
width: -moz-calc(50% - 10px);
width: calc(50% - 10px);
}
/* row 5-6 */
.view-newspaper .blog-post:nth-child(n+10):nth-child(-n+17) {
width: -webkit-calc(33.3333% - 10px);
width: -moz-calc(33.3333% - 10px);
width: calc(33.3333% - 10px);
}
.view-newspaper .blog-post:nth-child(n+16):nth-child(-n+17) {
width: 100%;
margin-bottom: 20px;
display: block;
}
.view-newspaper .blog-post:nth-child(n+16):nth-child(-n+17) .blog-post-thumb {
display: block;
}
.view-newspaper .blog-post:nth-child(n+16):nth-child(-n+17) .blog-post-body,
.view-newspaper .blog-post:nth-child(n+16):nth-child(-n+17) .blog-post-footer,
.view-newspaper .blog-post:nth-child(n+16):nth-child(-n+17) .blog-post-image {
display: none;
}
}
@media (max-width: 767px) {
/* row 2 */
.view-newspaper .blog-post:nth-child(n+2):nth-child(-n+3) {
width: -webkit-calc(50% - 5px);
width: -moz-calc(50% - 5px);
width: calc(50% - 5px);
}
.view-newspaper .blog-post:nth-child(n+2):nth-child(-n+3) h3 {
font-size: 19px;
}
/* row 3-4 */
.view-newspaper .blog-post:nth-child(n+4):nth-child(-n+9) {
width: -webkit-calc(33.3333% - 5px);
width: -moz-calc(33.3333% - 5px);
width: calc(33.3333% - 5px);
}
.view-newspaper .blog-post:nth-child(n+4):nth-child(-n+9) h3 {
font-size: 16px;
}
/* row 5-6 */
.view-newspaper .blog-post:nth-child(n+10):nth-child(-n+15) {
width: -webkit-calc(33.3333% - 5px);
width: -moz-calc(33.3333% - 5px);
width: calc(33.3333% - 5px);
}
.view-newspaper .blog-post:nth-child(n+16):nth-child(-n+17) {
width: 100%;
margin-bottom: 15px;
display: block;
}
.view-newspaper .blog-post:nth-child(n+16):nth-child(-n+17) .blog-post-thumb {
display: block;
}
.view-newspaper .blog-post:nth-child(n+16):nth-child(-n+17) .blog-post-footer {
display: none;
}
.view-newspaper .blog-post:nth-child(n+13):nth-child(-n+15) {
border-bottom: 1px solid #d7d7d7;
padding-bottom: 20px;
}
.view-newspaper .blog-post:nth-child(n+16):nth-child(-n+17) .blog-post-image {
display: none;
}
/* row 7+ */
}
@media (max-width: 549px) {
/* row 2 */
.view-newspaper .blog-post:nth-child(n+2):nth-child(-n+3) {
width: -webkit-calc(50% - 10px);
width: -moz-calc(50% - 10px);
width: calc(50% - 10px);
}
.view-newspaper .blog-post:nth-child(n+2):nth-child(-n+3) h3 {
font-size: 17px;
}
/* row 3-4 */
.view-newspaper .blog-post:nth-child(n+4):nth-child(-n+9) {
width: -webkit-calc(50% - 10px);
width: -moz-calc(50% - 10px);
width: calc(50% - 10px);
}
.view-newspaper .blog-post:nth-child(n+4):nth-child(-n+9) h3 {
font-size: 15px;
}
/* row 5-6 */
.view-newspaper .blog-post:nth-child(n+10):nth-child(-n+15) {
border-bottom: 0 none;
padding-bottom: 0;
}
.view-newspaper .blog-post:nth-child(n+10):nth-child(-n+15) {
width: -webkit-calc(50% - 10px);
width: -moz-calc(50% - 10px);
width: calc(50% - 10px);
}
/* row 17-16 */
.view-newspaper .blog-post:nth-child(n+14):nth-child(-n+15) {
border-bottom: 1px solid #d7d7d7;
padding-bottom: 15px;
}
}
@media (min-width: 480px) {
.view-newspaper .blog-post:nth-child(1) h3 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.view-newspaper .blog-post:nth-child(1) .blog-post-heading {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.view-newspaper .blog-post:nth-child(1) .blog-post-image {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-moz-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
}
@media (max-width: 399px) {
/* row 2 */
.view-newspaper .blog-post:nth-child(n+2):nth-child(-n+3) {
width: 100%;
}
.view-newspaper .blog-post:nth-child(n+2):nth-child(-n+3) h3 {
font-size: 16px;
}
/* row 3-4 */
.view-newspaper .blog-post:nth-child(n+4):nth-child(-n+9) {
width: 100%;
}
.view-newspaper .blog-post:nth-child(n+4):nth-child(-n+9) h3 {
font-size: 14px;
}
/* row 5-6 */
.view-newspaper .blog-post:nth-child(n+10):nth-child(-n+15) {
width: 100%;
}
}
/* author view */
.view-author .blog-post-image {
display: none;
}
.view-author .author-thumb-small {
display: block;
width: 120px;
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.view-author .author-thumb-small img {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.view-author .blog-post {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.view-author .blog-post-heading-container {
width: -webkit-calc(100% - 120px);
width: -moz-calc(100% - 120px);
width: calc(100% - 120px);
}
.view-author .blog-post-body {
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
}
.view-author .blog-post-footer {
width: 100%;
margin-top: 0px;
}
@media (max-width: 379px) {
.view-author .author-thumb-small {
width: 70px;
}
.view-author .author-thumb-small img {
width: 50px;
}
.view-author .blog-post-heading-container {
width: -webkit-calc(100% - 70px);
width: -moz-calc(100% - 70px);
width: calc(100% - 70px);
}
}
/* photo blog */
.view-photo .blog-post-footer,
.view-photo .blog-post-body {
display: none;
}
.view-photo .blog-post-image {
margin-top: 0px;
margin-bottom: 0px;
}
.view-photo .blog-posts-container {
clear: both;
overflow: hidden;
}
.view-photo.blog-fullwidth .blog-posts-container {
margin-bottom: 20px;
}
.view-photo .blog-post {
float: left;
clear: none;
overflow: auto;
padding: 0; margin: 0;
border: 0 none;
position: relative;
overflow: hidden;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
background-color: #000;
}
.view-photo .blog-post-without-image:nth-child(odd) {background-color: #5276AE;}
.view-photo .blog-post-without-image:nth-child(even) {background-color: #8dba55;}
.view-photo .blog-post h3 {
position: absolute;
left: 0;
top: 0;
width: -webkit-calc(100% - 1px);
width: -moz-calc(100% - 1px);
width: calc(100% - 1px);
margin-left: 1px;
padding: 10px;
text-transform: uppercase;
text-shadow: 1px 1px 0px #000;
z-index: 1;
font-size: 16px;
background-color: rgba(0,0,0,0.5);
}
.view-photo .blog-post-without-image h3 {
background-image: none;
text-shadow: none;
}
.view-photo .blog-post h3 a {
color: #fff;
display: block;
}
.view-photo .blog-post h3 a:hover,
.view-photo .blog-post h3 a:focus {
text-decoration: none;
}
.view-photo .blog-post .blog-post-heading {
position: absolute;
width: 100%;
padding: 10px;
left: 0px;
bottom: 0px;
z-index: 1;
color: #fff;
opacity: 0;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.view-photo .blog-post-without-image .blog-post-heading {
opacity: 1;
}
.view-photo .blog-post:hover .blog-post-heading {
opacity: 1;
}
.view-photo .blog-post .blog-post-heading a {
color: #fff;
}
.view-photo .blog-post .blog-post-heading > div:before {
content: '\f007';
font-family: 'FontAwesome';
margin-right: 5px;
}
.view-photo .blog-post .blog-post-heading > div:after {
content: '\f133';
font-family: 'FontAwesome';
margin-left: 5px;
}
.view-photo .blog-post img.placeholder-image {
display: block;
}
.view-photo .blog-post img {
padding: 0;
margin: 0;
width: 100%;
opacity: 1;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
z-index: 0;
}
.view-photo .blog-post:hover img {
opacity: 0.3;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: scale(1.05,1.05);
-moz-transform: scale(1.05,1.05);
-ms-transform: scale(1.05,1.05);
-o-transform: scale(1.05,1.05);
transform: scale(1.05,1.05);
}
@media (min-width: 1200px) {
.view-photo .blog-post:nth-child(6n+1) {
width: -webkit-calc(100% - 0px);
width: -moz-calc(100% - 0px);
width: calc(100% - 0px);
}
.view-photo .blog-post:nth-child(6n+2) {
width: -webkit-calc(66.6666% + 1px);
width: -moz-calc(66.6666% + 1px);
width: calc(66.6666% + 1px);
}
.view-photo .blog-post:nth-child(6n+3),
.view-photo .blog-post:nth-child(6n+4) {
width: -webkit-calc(33.3333% - 1px);
width: -moz-calc(33.3333% - 1px);
width: calc(33.3333% - 1px);
border-right: 0 none;
}
.view-photo .blog-post:nth-child(6n+5),
.view-photo .blog-post:nth-child(6n+6) {
width: 50%;
}
}
@media (min-width: 480px) and (max-width: 1199px) {
.view-photo .blog-post:nth-child(3n+1) {
width: -webkit-calc(100% - 0px);
width: -moz-calc(100% - 0px);
width: calc(100% - 0px);
}
.view-photo .blog-post:nth-child(3n+2),
.view-photo .blog-post:nth-child(3n+3) {
width: 50%;
}
}
@media (min-width: 980px) {
.blog-fullwidth.view-photo .blog-post:nth-child(6n+1) {
width: -webkit-calc(100% - 0px);
width: -moz-calc(100% - 0px);
width: calc(100% - 0px);
}
.blog-fullwidth.view-photo .blog-post:nth-child(6n+2) {
width: -webkit-calc(66.6666% + 1px);
width: -moz-calc(66.6666% + 1px);
width: calc(66.6666% + 1px);
}
.blog-fullwidth.view-photo .blog-post:nth-child(6n+3),
.blog-fullwidth.view-photo .blog-post:nth-child(6n+4) {
width: -webkit-calc(33.3333% - 1px);
width: -moz-calc(33.3333% - 1px);
width: calc(33.3333% - 1px);
border-right: 0 none;
}
.blog-fullwidth.view-photo .blog-post:nth-child(6n+5),
.blog-fullwidth.view-photo .blog-post:nth-child(6n+6) {
width: 50%;
}
}
@media (max-width: 979px) {
.view-photo .blog-post h3 {
font-size: 14px;
}
}
@media (max-width: 479px) {
.view-photo .blog-post {
float: none;
}
.view-photo .blog-post h3 {
font-size: 14px;
}
}
/* view board */
.view-board .blog-posts-container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.view-board .blog-post {
padding: 0; margin: 0; border: 0 none;
padding: 20px;
border-right: 1px dotted #bbb;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
.view-board .blog-post-footer {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-moz-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.view-board .blog-post-heading-container {
/* overflow: hidden !for(ie); */
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
.view-board .blog-post-heading-container .blog-post-image {
/* overflow: hidden !for(ie); */
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.view-board .blog-post-heading-container .blog-post-image img {
}
.view-board .blog-post-heading-container h3 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.view-board .blog-post-heading-container .blog-post-heading {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-moz-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.view-board .blog-post-heading-container h3 a {
margin-top: 10px;
display: block;
}
.view-board .blog-post-body {
margin-top: 5px;
}
.view-board .blog-post-image img {
width: 100%;
margin-top: 0;
}
.view-board .blog-post-without-image .blog-post-image {
background-color: #8DBA55;
}
@media (min-width: 1100px) {
/* row 1 (full width) */
.blog-fullwidth.view-board .blog-post:nth-child(10n+1),
.blog-fullwidth.view-board .blog-post:nth-child(10n+2),
.blog-fullwidth.view-board .blog-post:nth-child(10n+3) {
border-top: 1px dotted #bbb;
}
.blog-fullwidth.view-board .blog-post:nth-child(10n+1) {
width: -webkit-calc(50%);
width: -moz-calc(50%);
width: calc(50%);
padding-left: 0px;
}
.blog-fullwidth.view-board .blog-post:nth-child(10n+2) {
width: -webkit-calc(25% + 10px);
width: -moz-calc(25% + 10px);
width: calc(25% + 10px);
}
.blog-fullwidth.view-board .blog-post:nth-child(10n+3) {
width: -webkit-calc(25% - 10px);
width: -moz-calc(25% - 10px);
width: calc(25% - 10px);
padding-right: 0px;
border-right: 0 none;
}
/* row 2 (full width) */
.blog-fullwidth.view-board .blog-post.blog-post-without-image:nth-child(10n+4) img.placeholder-image {display: block;}
.blog-fullwidth.view-board .blog-post.blog-post-without-image:nth-child(10n+4) .blog-post-heading,
.blog-fullwidth.view-board .blog-post.blog-post-without-image:nth-child(10n+4):hover .blog-post-heading {
background-color: transparent; text-shadow: none;
}
.blog-fullwidth.view-board .blog-post.blog-post-without-image:nth-child(10n+4) h3 a {text-shadow: none;}
.blog-fullwidth.view-board .blog-post.blog-post:nth-child(10n+4) {
width: 100%;
padding: 0;
border: 0 none;
position: relative;
}
.blog-fullwidth.view-board .blog-post:nth-child(10n+4) h3 a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
color: #fff;
font-size: 40px;
font-weight: bold;
text-shadow: 1px 1px 0px #000;
text-decoration: none;
text-align: center;
line-height: 1.1em;
padding-left: 20px;
padding-right: 20px;
padding-top: 70px;
z-index: 2;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.blog-fullwidth.view-board .blog-post:nth-child(10n+4) .blog-post-heading {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
color: #fff;
font-size: 20px;
font-weight: bold;
text-shadow: 1px 1px 0px #000;
z-index: 1;
padding-bottom: 70px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: rgba(0,0,0,0.4);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.blog-fullwidth.view-board .blog-post:nth-child(10n+4):hover .blog-post-heading {
background-color: rgba(0,0,0,0.6);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.blog-fullwidth.view-board .blog-post:nth-child(10n+4) .blog-post-heading a {
color: #fff;
}
.blog-fullwidth.view-board .blog-post:nth-child(10n+4) .blog-post-body,
.blog-fullwidth.view-board .blog-post:nth-child(10n+4) .blog-post-footer {
display: none;
}
.blog-fullwidth.view-board .blog-post:nth-child(10n+4) .blog-post-image img {
margin: 0;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.blog-fullwidth.view-board .blog-post:nth-child(10n+4):hover .blog-post-image img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
/* row 3 (full width) */
.blog-fullwidth.view-board .blog-post:nth-child(10n+5),
.blog-fullwidth.view-board .blog-post:nth-child(10n+6),
.blog-fullwidth.view-board .blog-post:nth-child(10n+7),
.blog-fullwidth.view-board .blog-post:nth-child(10n+8) {
border-bottom: 1px dotted #bbb;
}
.blog-fullwidth.view-board .blog-post:nth-child(10n+5) {
width: -webkit-calc(25% - 10px);
width: -moz-calc(25% - 10px);
width: calc(25% - 10px);
padding-left: 0;
}
.blog-fullwidth.view-board .blog-post:nth-child(10n+6),
.blog-fullwidth.view-board .blog-post:nth-child(10n+7) {
width: -webkit-calc(25% + 10px);
width: -moz-calc(25% + 10px);
width: calc(25% + 10px);
}
.blog-fullwidth.view-board .blog-post:nth-child(10n+8) {
width: -webkit-calc(25% - 10px);
width: -moz-calc(25% - 10px);
width: calc(25% - 10px);
padding-right: 0;
border-right: 0 none;
}
/* row 4 (full width) */
.blog-fullwidth.view-board .blog-post:nth-child(10n+9),
.blog-fullwidth.view-board .blog-post:nth-child(10n+10) {
width: 50%;
}
.blog-fullwidth.view-board .blog-post:nth-child(10n+9) {
padding-left: 0;
}
.blog-fullwidth.view-board .blog-post:nth-child(10n+10) {
padding-right: 0;
border-right: 0 none;
}
.blog-fullwidth.view-board .blog-post:nth-child(10n+9) .blog-post-body,
.blog-fullwidth.view-board .blog-post:nth-child(10n+10) .blog-post-body {
display: none;
}
/* row 1 (with sidebar) */
.view-board:not(.blog-fullwidth) .blog-post:nth-child(8n+1),
.view-board:not(.blog-fullwidth) .blog-post:nth-child(8n+2) {
border-top: 1px dotted #bbb;
}
.view-board:not(.blog-fullwidth) .blog-post:nth-child(8n+1) {
width: 66.6666%;
padding-left: 0;
}
.view-board:not(.blog-fullwidth) .blog-post:nth-child(8n+2) {
width: 33.3333%;
padding-right: 0px;
border-right: 0 none;
}
/* row 2 (with sidebar) */
.view-board:not(.blog-fullwidth) .blog-post.blog-post-without-image:nth-child(8n+3) img.placeholder-image {display: block;}
.view-board:not(.blog-fullwidth) .blog-post.blog-post-without-image:nth-child(8n+3) .blog-post-heading,
.view-board:not(.blog-fullwidth) .blog-post.blog-post-without-image:nth-child(8n+3):hover .blog-post-heading {
background-color: transparent; text-shadow: none;
}
.view-board:not(.blog-fullwidth) .blog-post.blog-post-without-image:nth-child(8n+3) h3 a {text-shadow: none;}
.view-board:not(.blog-fullwidth) .blog-post:nth-child(8n+3) {
width: 100%;
padding: 0;
border: 0 none;
position: relative;
}
.view-board:not(.blog-fullwidth) .blog-post:nth-child(8n+3) h3 a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
color: #fff;
font-size: 30px;
font-weight: bold;
text-shadow: 1px 1px 0px #000;
text-decoration: none;
text-align: center;
line-height: 1.1em;
padding-left: 20px;
padding-right: 20px;
padding-top: 50px;
z-index: 2;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.view-board:not(.blog-fullwidth) .blog-post:nth-child(8n+3) .blog-post-heading {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
color: #fff;
font-size: 20px;
font-weight: bold;
text-shadow: 1px 1px 0px #000;
z-index: 1;
padding-bottom: 50px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: rgba(0,0,0,0.4);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.view-board:not(.blog-fullwidth) .blog-post:nth-child(8n+3):hover .blog-post-heading {
background-color: rgba(0,0,0,0.6);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.view-board:not(.blog-fullwidth) .blog-post:nth-child(8n+3) .blog-post-heading a {
color: #fff;
}
.view-board:not(.blog-fullwidth) .blog-post:nth-child(8n+3) .blog-post-body,
.view-board:not(.blog-fullwidth) .blog-post:nth-child(8n+3) .blog-post-footer {
display: none;
}
.view-board:not(.blog-fullwidth) .blog-post:nth-child(8n+3) .blog-post-image img {
margin: 0;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.view-board:not(.blog-fullwidth) .blog-post:nth-child(8n+3):hover .blog-post-image img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
/* row 3 (with sidebar) */
.view-board:not(.blog-fullwidth) .blog-post:nth-child(8n+4) {
width: -webkit-calc(33.3333% - 7px);
width: -moz-calc(33.3333% - 7px);
width: calc(33.3333% - 7px);
padding-left: 0;
}
.view-board:not(.blog-fullwidth) .blog-post:nth-child(8n+5) {
width: -webkit-calc(33.3333% + 14px);
width: -moz-calc(33.3333% + 14px);
width: calc(33.3333% + 14px);
}
.view-board:not(.blog-fullwidth) .blog-post:nth-child(8n+6) {
width: -webkit-calc(33.3333% - 7px);
width: -moz-calc(33.3333% - 7px);
width: calc(33.3333% - 7px);
padding-right: 0;
border-right: 0 none;
}
/* row 4 (with sidebar) */
.view-board:not(.blog-fullwidth) .blog-post:nth-child(8n+7),
.view-board:not(.blog-fullwidth) .blog-post:nth-child(8n+8) {
width: 50%;
border-top: 1px dotted #bbb;
}
.view-board:not(.blog-fullwidth) .blog-post:nth-child(8n+7) {
padding-left: 0px;
}
.view-board:not(.blog-fullwidth) .blog-post:nth-child(8n+8) {
padding-right: 0px;
border-right: 0 none;
}
}
@media (min-width: 768px) and (max-width: 1099px) {
.view-board .blog-read-more-links {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
/* row 1 (full width) */
.blog-fullwidth.view-board .blog-post:nth-child(8n+1),
.blog-fullwidth.view-board .blog-post:nth-child(8n+2) {
border-top: 1px dotted #bbb;
}
.blog-fullwidth.view-board .blog-post:nth-child(8n+1) {
width: 66.6666%;
padding-left: 0;
}
.blog-fullwidth.view-board .blog-post:nth-child(8n+2) {
width: 33.3333%;
padding-right: 0px;
border-right: 0 none;
}
/* row 2 (full width) */
.blog-fullwidth.view-board .blog-post.blog-post-without-image:nth-child(8n+3) img.placeholder-image {display: block;}
.blog-fullwidth.view-board .blog-post.blog-post-without-image:nth-child(8n+3) .blog-post-heading,
.blog-fullwidth.view-board .blog-post.blog-post-without-image:nth-child(8n+3):hover .blog-post-heading {
background-color: transparent; text-shadow: none;
}
.blog-fullwidth.view-board .blog-post.blog-post-without-image:nth-child(8n+3) h3 a {text-shadow: none;}
.blog-fullwidth.view-board .blog-post:nth-child(8n+3) {
width: 100%;
padding: 0;
border: 0 none;
position: relative;
}
.blog-fullwidth.view-board .blog-post:nth-child(8n+3) h3 a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
color: #fff;
font-size: 30px;
font-weight: bold;
text-shadow: 1px 1px 0px #000;
text-decoration: none;
text-align: center;
line-height: 1.1em;
padding-left: 20px;
padding-right: 20px;
padding-top: 50px;
z-index: 2;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.blog-fullwidth.view-board .blog-post:nth-child(8n+3) .blog-post-heading {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
color: #fff;
font-size: 20px;
font-weight: bold;
text-shadow: 1px 1px 0px #000;
z-index: 1;
padding-bottom: 50px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: rgba(0,0,0,0.4);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.blog-fullwidth.view-board .blog-post:nth-child(8n+3):hover .blog-post-heading {
background-color: rgba(0,0,0,0.6);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.blog-fullwidth.view-board .blog-post:nth-child(8n+3) .blog-post-heading a {
color: #fff;
}
.blog-fullwidth.view-board .blog-post:nth-child(8n+3) .blog-post-body,
.blog-fullwidth.view-board .blog-post:nth-child(8n+3) .blog-post-footer {
display: none;
}
.blog-fullwidth.view-board .blog-post:nth-child(8n+3) .blog-post-image img {
margin: 0;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.blog-fullwidth.view-board .blog-post:nth-child(8n+3):hover .blog-post-image img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
/* row 3 (full width) */
.blog-fullwidth.view-board .blog-post:nth-child(8n+4) {
width: -webkit-calc(33.3333% - 7px);
width: -moz-calc(33.3333% - 7px);
width: calc(33.3333% - 7px);
padding-left: 0;
}
.blog-fullwidth.view-board .blog-post:nth-child(8n+5) {
width: -webkit-calc(33.3333% + 14px);
width: -moz-calc(33.3333% + 14px);
width: calc(33.3333% + 14px);
}
.blog-fullwidth.view-board .blog-post:nth-child(8n+6) {
width: -webkit-calc(33.3333% - 7px);
width: -moz-calc(33.3333% - 7px);
width: calc(33.3333% - 7px);
padding-right: 0;
border-right: 0 none;
}
/* row 4 (full width) */
.blog-fullwidth.view-board .blog-post:nth-child(8n+7),
.blog-fullwidth.view-board .blog-post:nth-child(8n+8) {
width: 50%;
border-top: 1px dotted #bbb;
}
.blog-fullwidth.view-board .blog-post:nth-child(8n+7) {
padding-left: 0px;
}
.blog-fullwidth.view-board .blog-post:nth-child(8n+8) {
padding-right: 0px;
border-right: 0 none;
}
/* row 1 (with sidebar) */
.view-board:not(.blog-fullwidth) .blog-post:nth-child(6n+1) {
width: 100%;
padding-left: 0;
padding-right: 0;
border-right: 0 none;
border-top: 1px dotted #bbb;
}
/* row 2,4 (with sidebar) */
.view-board:not(.blog-fullwidth) .blog-post:nth-child(6n+2),
.view-board:not(.blog-fullwidth) .blog-post:nth-child(6n+3),
.view-board:not(.blog-fullwidth) .blog-post:nth-child(6n+5),
.view-board:not(.blog-fullwidth) .blog-post:nth-child(6n+6) {
width: 50%;
}
.view-board:not(.blog-fullwidth) .blog-post:nth-child(6n+2),
.view-board:not(.blog-fullwidth) .blog-post:nth-child(6n+3) {
border-top: 1px dotted #bbb;
}
.view-board:not(.blog-fullwidth) .blog-post:nth-child(6n+2),
.view-board:not(.blog-fullwidth) .blog-post:nth-child(6n+5) {
padding-left: 0px;
}
.view-board:not(.blog-fullwidth) .blog-post:nth-child(6n+3),
.view-board:not(.blog-fullwidth) .blog-post:nth-child(6n+6) {
padding-right: 0;
border-right: 0 none;
}
/* row 3 (with sidebar) */
.view-board:not(.blog-fullwidth) .blog-post.blog-post-without-image:nth-child(6n+4) img.placeholder-image {display: block;}
.view-board:not(.blog-fullwidth) .blog-post.blog-post-without-image:nth-child(6n+4) .blog-post-heading,
.view-board:not(.blog-fullwidth) .blog-post.blog-post-without-image:nth-child(6n+4):hover .blog-post-heading {
background-color: transparent; text-shadow: none;
}
.view-board:not(.blog-fullwidth) .blog-post.blog-post-without-image:nth-child(6n+4) h3 a {text-shadow: none;}
.view-board:not(.blog-fullwidth) .blog-post:nth-child(6n+4) {
width: 100%;
padding: 0;
border: 0 none;
position: relative;
}
.view-board:not(.blog-fullwidth) .blog-post:nth-child(6n+4) h3 a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
color: #fff;
font-size: 24px;
font-weight: bold;
text-shadow: 1px 1px 0px #000;
text-decoration: none;
text-align: center;
line-height: 1.1em;
padding-left: 20px;
padding-right: 20px;
padding-top: 50px;
z-index: 2;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.view-board:not(.blog-fullwidth) .blog-post:nth-child(6n+4) .blog-post-heading {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
color: #fff;
font-size: 16px;
font-weight: bold;
text-shadow: 1px 1px 0px #000;
z-index: 1;
padding-bottom: 50px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: rgba(0,0,0,0.4);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.view-board:not(.blog-fullwidth) .blog-post:nth-child(6n+4):hover .blog-post-heading {
background-color: rgba(0,0,0,0.6);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.view-board:not(.blog-fullwidth) .blog-post:nth-child(6n+4) .blog-post-heading a {
color: #fff;
}
.view-board:not(.blog-fullwidth) .blog-post:nth-child(6n+4) .blog-post-body,
.view-board:not(.blog-fullwidth) .blog-post:nth-child(6n+4) .blog-post-footer {
display: none;
}
.view-board:not(.blog-fullwidth) .blog-post:nth-child(6n+4) .blog-post-image img {
margin: 0;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.view-board:not(.blog-fullwidth) .blog-post:nth-child(6n+4):hover .blog-post-image img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
}
@media (min-width: 480px) and (max-width: 767px) {
/* row 1 */
.view-board .blog-post:nth-child(6n+1) {
width: 100%;
padding-left: 0;
padding-right: 0;
border-right: 0 none;
border-top: 1px dotted #bbb;
}
/* row 2,4 */
.view-board .blog-post:nth-child(6n+2),
.view-board .blog-post:nth-child(6n+3),
.view-board .blog-post:nth-child(6n+5),
.view-board .blog-post:nth-child(6n+6) {
width: 50%;
}
.view-board .blog-post:nth-child(6n+2),
.view-board .blog-post:nth-child(6n+3) {
border-top: 1px dotted #bbb;
}
.view-board .blog-post:nth-child(6n+2),
.view-board .blog-post:nth-child(6n+5) {
padding-left: 0px;
}
.view-board .blog-post:nth-child(6n+3),
.view-board .blog-post:nth-child(6n+6) {
padding-right: 0;
border-right: 0 none;
}
/* row 3 */
.view-board .blog-post.blog-post-without-image:nth-child(6n+4) img.placeholder-image {display: block;}
.view-board .blog-post.blog-post-without-image:nth-child(6n+4) .blog-post-heading,
.view-board .blog-post.blog-post-without-image:nth-child(6n+4):hover .blog-post-heading {
background-color: transparent; text-shadow: none;
}
.view-board .blog-post.blog-post-without-image:nth-child(6n+4) h3 a {text-shadow: none;}
.view-board .blog-post:nth-child(6n+4) {
width: 100%;
padding: 0;
border: 0 none;
position: relative;
}
.view-board .blog-post:nth-child(6n+4) h3 a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
color: #fff;
font-size: 24px;
font-weight: bold;
text-shadow: 1px 1px 0px #000;
text-decoration: none;
text-align: center;
line-height: 1.1em;
padding-left: 20px;
padding-right: 20px;
padding-top: 50px;
z-index: 2;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.view-board .blog-post:nth-child(6n+4) .blog-post-heading {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
color: #fff;
font-size: 16px;
font-weight: bold;
text-shadow: 1px 1px 0px #000;
z-index: 1;
padding-bottom: 50px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: rgba(0,0,0,0.4);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.view-board .blog-post:nth-child(6n+4):hover .blog-post-heading {
background-color: rgba(0,0,0,0.6);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.view-board .blog-post:nth-child(6n+4) .blog-post-heading a {
color: #fff;
}
.view-board .blog-post:nth-child(6n+4) .blog-post-body,
.view-board .blog-post:nth-child(6n+4) .blog-post-footer {
display: none;
}
.view-board .blog-post:nth-child(6n+4) .blog-post-image img {
margin: 0;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.view-board .blog-post:nth-child(6n+4):hover .blog-post-image img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
}
@media (max-width: 479px) {
.view-board .blog-post {
border-right: 0 none;
padding-left: 0;
padding-right: 0;
border-bottom: 1px dotted #bbb;
}
.view-board .blog-post-body {
display: none;
}
}
/* full width */
.blog-fullwidth.view-article .blog-post-image img {
width: 100%;
}
.blog-fullwidth.view-article .blog-post-image img.spacer-image {
width: 1px;
}
@media (min-width: 768px) {
.blog-fullwidth .col-blog-article,
.blog-fullwidth .col-blog-aside {
width: 100%;
float: none;
}
.blog-fullwidth .col-blog-aside > div {
margin-bottom: 20px;
}
.blog-fullwidth .col-blog-aside {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
-webkit-column-fill: balance;
-moz-column-fill: balance;
column-fill: balance;
}
.blog-fullwidth .col-blog-aside > div {
-webkit-column-break-inside: avoid;
break-inside: avoid-column;
page-break-inside: avoid;
}
}
/* post details */
.blog-post-details h1 {
margin: 0 0 5px;
}
/* --------------------------------------------------------------------- */
/* ------------------------- Blog Master END --------------------------- */
/* --------------------------------------------------------------------- */
/*** END ag20/sub/blogmaster.css ***/
/*** START ag20/sub/blogcustom.css ***/
body.page-blog .breadcrumb {
display: none;
}
body.page-blog .page-title {
margin-bottom: 30px;
}
#page2069 .title-block {
min-height: inherit;
}
#page2069 .title-block h1 {
padding-top: 20px;
}
#page2069 .title-block .page-description {
padding-bottom: 0px;
}
#page2069 .container {
width: 1300px;
max-width: 100%;
padding-left: 30px;
padding-right: 30px;
}
/* taskId.16816701 2020/10/13 hide tags */
#blog-posts .blog-content-tags {
display: none !important;
}
/* taskId.16816701 2020/10/13 Make the view "Article" and remove the rest of the options */
.blog-view-switcher {
X-display: none !important;
}
.page-title .blog-content-author {
color: #fff;
}
.blog-post-body,
.blog-posts,
.col-blog-aside {
x-font-size: 14px;
x-line-height: 1.7em;
}
/* view switcher */
.blog-container {
width: 1300px;
max-width: 100%;
padding-left: 30px;
padding-right: 30px;
font-size: 16px;
}
.blog-container h1 {
margin-bottom: 30px;
margin-top: 50px;
}
.blog-view-switcher {
margin-bottom: 50px;
margin-top: 0px;
background-color: #f2f2f2;
}
.blog-view-switcher span {
color: #777;
text-align: center;
display: block;
text-transform: lowercase;
width: 90px;
padding: 15px 10px 10px;
position: relative;
z-index: 1;
text-shadow: 1px 1px 0px #fff;
}
.blog-view-switcher span:hover {
background-color: #fff;
}
.blog-view-switcher span::after {
content: '';
position: absolute;
left: 0;
top: -webkit-calc(100% - 15px);
top: -moz-calc(100% - 15px);
top: calc(100% - 15px);
width: 100%;
height: 0;
border-style: solid;
border-width: 15px 45px 0 45px;
border-color: transparent transparent transparent transparent;
-webkit-transition: top 0.2s ease-in-out;
-moz-transition: top 0.2s ease-in-out;
-o-transition: top 0.2s ease-in-out;
transition: top 0.2s ease-in-out;
z-index: 0;
}
.blog-view-switcher label {
font-size: 14px;
}
.blog-view-switcher i {
display: block;
font-size: 30px;
padding-left: 10px;
}
.blog-view-switcher span.layout-fullwidth,
.blog-view-switcher span.layout-fullwidth-off,
.blog-view-switcher span.layout-fullwidth:hover,
.blog-view-switcher span.layout-fullwidth-off:hover {
color: #1D4499;
background-color: transparent;
width: 120px;
}
.view-card .blog-view-switcher span.layout-card,
.view-article .blog-view-switcher span.layout-article,
.view-thumbs .blog-view-switcher span.layout-thumbs,
.view-card-lg .blog-view-switcher span.layout-card-lg,
.view-card .blog-view-switcher span.layout-card,
.view-list .blog-view-switcher span.layout-list,
.view-newspaper .blog-view-switcher span.layout-newspaper,
.view-author .blog-view-switcher span.layout-author,
.view-photo .blog-view-switcher span.layout-photo,
.view-board .blog-view-switcher span.layout-board {
background-color: #1D4499;
color: #fff;
text-shadow: none;
text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
}
.view-card .blog-view-switcher span.layout-card::after,
.view-article .blog-view-switcher span.layout-article::after,
.view-thumbs .blog-view-switcher span.layout-thumbs::after,
.view-card-lg .blog-view-switcher span.layout-card-lg::after,
.view-card .blog-view-switcher span.layout-card::after,
.view-list .blog-view-switcher span.layout-list::after,
.view-newspaper .blog-view-switcher span.layout-newspaper::after,
.view-author .blog-view-switcher span.layout-author::after,
.view-photo .blog-view-switcher span.layout-photo::after,
.view-board .blog-view-switcher span.layout-board::after {
border-color: #1D4499 transparent transparent transparent;
top: 100%;
}
@media (max-width: 1399px) {
.blog-view-switcher span {
width: 90px;
}
.blog-view-switcher span::after {
border-width: 15px 45px 0 45px;
}
.blog-view-switcher i {
font-size: 26px;
padding-left: 5px;
}
}
@media (max-width: 1199px) {
.blog-view-switcher span {
width: 60px;
padding: 10px;
}
.blog-view-switcher span::after {
border-width: 15px 30px 0 30px;
}
.blog-view-switcher i {
font-size: 24px;
padding-left: 0px;
}
.blog-fullwidth .blog-view-switcher i {
padding-left: 5px;
}
.blog-view-switcher span.layout-fullwidth,
.blog-view-switcher span.layout-fullwidth-off,
.blog-view-switcher span.layout-fullwidth:hover,
.blog-view-switcher span.layout-fullwidth-off:hover {
width: 60px;
}
.blog-view-switcher label {
display: none;
}
}
@media (max-width: 979px) {
body.blog-fullwidth .blog-view-switcher span,
body:not(.blog-fullwidth) .blog-view-switcher span {
width: auto;
padding: 10px;
width: 44px;
}
.blog-view-switcher span::after {
border-width: 5px 22px 0 22px;
}
body:not(.blog-fullwidth) .blog-view-switcher i,
body.blog-fullwidth .blog-view-switcher i {
font-size: 18px;
padding: 0;
padding-left: 2px;
}
.blog-view-switcher span.layout-fullwidth,
.blog-view-switcher span.layout-fullwidth-off,
.blog-view-switcher span.layout-fullwidth:hover,
.blog-view-switcher span.layout-fullwidth-off:hover {
width: auto;
padding: 10px;
}
}
@media (max-width: 479px) {
.blog-view-switcher span::after {
display: none;
}
}
/* breadcrumbs */
.blog-breadcrumbs .breadcrumb {
padding: 0;margin: 0; background-color: transparent;
margin-top: 50px;
margin-bottom: 0px;
font-size: 15px;
font-weight: 400;
}
.blog-breadcrumbs .breadcrumb li {
display: inline-block;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 20px;
margin-right: 5px;
margin-bottom: 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transform: skewX(-15deg);
-moz-transform: skewX(-15deg);
-ms-transform: skewX(-15deg);
-o-transform: skewX(-15deg);
transform: skewX(-15deg);
background: rgb(237,237,237);
background: -moz-linear-gradient(left, rgba(237,237,237,1) 0%, rgba(247,247,247,1) 100%);
background: -webkit-linear-gradient(left, rgba(237,237,237,1) 0%,rgba(247,247,247,1) 100%);
background: -webkit-gradient(linear, left top, right top, from(rgba(237,237,237,1)),to(rgba(247,247,247,1)));
background: -moz-linear-gradient(left, rgba(237,237,237,1) 0%,rgba(247,247,247,1) 100%);
background: -o-linear-gradient(left, rgba(237,237,237,1) 0%,rgba(247,247,247,1) 100%);
background: linear-gradient(to right, rgba(237,237,237,1) 0%,rgba(247,247,247,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#f7f7f7',GradientType=1 );
}
.blog-breadcrumbs .breadcrumb > li + li::before {
content: '';
}
.blog-breadcrumbs .breadcrumb li a {
-webkit-transform: skewX(15deg);
-moz-transform: skewX(15deg);
-ms-transform: skewX(15deg);
-o-transform: skewX(15deg);
transform: skewX(15deg);
display: inline-block;
color: #333;
text-decoration: none;
}
.blog-breadcrumbs .breadcrumb li:first-child a::before {
font-family: 'FontAwesome';
content: '\f015';
margin-right: 6px;
margin-left: 5px;
}
/* sidebar */
.side-box {
border-bottom: 4px solid #1D4499;
}
.side-box h3 {
padding: 20px 30px;
font-size: 20px;
}
.side-box h3 + div {
padding: 25px 30px;
}
.side-box h3 + div {
border-top: 1px solid #fff;
}
.side-box a {
margin-bottom: 5px;
}
.blog-post-image img {
x-width: 100%;
}
@media (min-width: 1024px) {
.blog-post-body ul {
clear: both;
overflow: hidden;
}
.blog-post-image img {
float: left !important;
margin-right: 30px !important;
margin-bottom: 15px !important;
}
.blog-post-footer {
clear: both;
overflow: hidden;
}
}
.blog-post-details .blog-post-image {
margin-top: 0px;
}
.side-box form {
text-align: center;
}
.side-box input[type="submit"] {
margin-top: 10px;
padding: 6px 12px;
background-color: #a2191e;
color: #fff;
font-size: 14px;
}
.side-box input[type="email"] {
color: #000;
}
#blogTagCloud .blogTag {
padding-right: 0px;
}
/* list */
.view-list .blog-content-date-formatted > div:first-child {
background-color: #9D9E9E;
}
/* author */
.view-author .author-thumb-small img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
/* card */
.view-card .blog-posts-container .blog-post {
border-bottom: 4px solid #1D4499;
}
.view-card .blog-posts-container .blog-post h3 a,
.view-card .blog-posts-container .blog-post a,
.view-card .blog-post-heading,
.view-card .blog-content-tags {
color: #666;
}
@media (min-width: 1400px) {
.blog-view-switcher span {
font-size: 19px;
font-weight: 300;
}
}
@media (min-width: 1200px) {
.row-blog {
margin-left: -20px;
margin-right: -20px;
}
.col-blog-article {
width: -webkit-calc(100% - 300px);
width: -moz-calc(100% - 300px);
width: calc(100% - 300px);
padding-left: 20px;
padding-right: 20px;
}
.col-blog-aside {
width: 300px;
padding-left: 20px;
padding-right: 20px;
}
.blog-post h3 {
font-size: 30px;
}
/* author description */
.row-author-description > a {
width: 220px;
}
.row-author-description img {
width: 200px;
}
/* thumbs */
.view-thumbs .blog-post {
padding-bottom: 30px;
margin-bottom: 30px;
}
/* newspaper */
.view-newspaper .blog-post {
padding-bottom: 40px;
margin-bottom: 40px;
}
.view-newspaper .blog-post:nth-child(n+2):nth-child(-n+3) {
width: -webkit-calc(50% - 40px);
width: -moz-calc(50% - 40px);
width: calc(50% - 40px)
}
.view-newspaper .blog-post:nth-child(n+4):nth-child(-n+9) {
width: -webkit-calc(33.3333% - 40px);
width: -moz-calc(33.3333% - 40px);
width: calc(33.3333% - 40px);
}
.view-newspaper .blog-post:nth-child(n+10):nth-child(-n+17) {
width: -webkit-calc(25% - 40px);
width: -moz-calc(25% - 40px);
width: calc(25% - 40px);
}
.view-newspaper .blog-post h3 {
font-size: 30px;
}
.view-newspaper .blog-post:nth-child(n+2):nth-child(-n+3) h3 {
font-size: 26px;
}
.view-newspaper .blog-post:nth-child(n+4):nth-child(-n+9) h3 {
font-size: 22px;
}
.view-newspaper .blog-post:nth-child(n+10):nth-child(-n+17) h3 {
font-size: 20px;
}
.view-newspaper .blog-post-thumb img {
width: 100px;
margin-right: 30px;
}
.view-newspaper .blog-post:nth-child(n+18) h3 {
font-size: 24px;
}
.view-newspaper .blog-post:nth-child(n+4):nth-child(-n+9) .blog-post-body {
display: block;
}
/* board */
.view-board .blog-post {
padding: 35px;
}
/* photo */
.view-photo .blog-post h3 {
padding: 15px;
font-size: 20px;
font-weight: 400;
}
/* author */
.view-author .author-thumb-small {
width: 250px;
}
.view-author .blog-post-heading-container {
width: -webkit-calc(100% - 250px);
width: -moz-calc(100% - 250px);
width: calc(100% - 250px);
}
.view-author .blog-post-body {
margin-top: 30px;
}
.view-author .blog-post h3 {
font-size: 30px;
}
.view-thumbs .blog-post-thumb {
margin-right: 40px;
}
/* card */
.view-card .blog-posts-container .blog-post {
width: -webkit-calc(33.3333% - 20px);
width: -moz-calc(33.3333% - 20px);
width: calc(33.3333% - 20px);
margin-bottom: 30px;
padding-bottom: 20px;
}
.blog-fullwidth.view-card .blog-posts-container .blog-post {
width: -webkit-calc(25% - 20px);
width: -moz-calc(25% - 20px);
width: calc(25% - 20px);
margin-bottom: 30px;
}
.view-card .blog-posts-container .blog-post-image img {
margin-bottom: 20px;
}
.view-card .blog-posts-container h3 {
font-size: 24px;
padding-left: 20px;
padding-right: 20px;
}
.view-card .blog-posts-container .blog-post-heading > div {
padding-left: 20px;
padding-right: 20px;
}
.view-card .blog-posts-container .blog-post-footer {
padding-left: 20px;
padding-right: 20px;
}
/* list */
.view-list .blog-post {
margin-bottom: 30px;
padding-bottom: 30px;
}
.view-list .blog-post h3 {
font-size: 28px;
}
.view-list .blog-content-date-formatted {
margin-right: 30px;
}
}
@media (max-width: 1199px) {
.view-thumbs .blog-post-thumb {
margin-right: 30px;
}
.view-thumbs .blog-post h3 {
font-size: 30px;
}
.view-author .blog-post-heading-container {
width: -webkit-calc(100% - 200px);
width: -moz-calc(100% - 200px);
width: calc(100% - 200px);
}
.view-author .author-thumb-small {
width: 200px;
}
.view-author .author-thumb-small img {
width: 170px;
}
}
@media (max-width: 979px) {
.view-thumbs .blog-post-thumb img {
width: 150px;
}
.view-thumbs .blog-post h3 {
font-size: 24px;
}
.view-author .blog-post-heading-container {
width: -webkit-calc(100% - 150px);
width: -moz-calc(100% - 150px);
width: calc(100% - 150px);
}
.view-author .author-thumb-small {
width: 150px;
}
.view-author .author-thumb-small img {
width: 130px;
}
}
@media (max-width: 479px) {
.view-thumbs .blog-post-thumb {
margin-right: 15px;
}
.view-thumbs .blog-post-thumb img {
width: 70px;
}
.view-thumbs .blog-post h3 {
font-size: 18px;
}
.view-author .blog-post-heading-container {
width: -webkit-calc(100% - 100px);
width: -moz-calc(100% - 100px);
width: calc(100% - 100px);
}
.view-author .author-thumb-small {
width: 100px;
}
.view-author .author-thumb-small img {
width: 80px;
}
}
/*
taskId.16816701 2020/01/10 custom by phone requests by P.C.:
- hide sidebar (make the blog posts full width )
- hide author view
*/
.blog-view-switcher .layout-fullwidth,
.blog-view-switcher .layout-fullwidth-off,
.blog-view-switcher .layout-author,
.col-blog-aside {
display: none !important;
}
.col-blog-article {
width: 100%;
}
.blog-post-title {
margin-bottom: 50px;
padding-bottom: 30px;
border-bottom: 1px solid #d7d7d7;
}
.blog-post-body .btn, .blog-post-body .btn:hover, .blog-post-body .btn:focus {
background-color: var(--blue);
color: #fff;
}
.blog-post-body .btn:hover, .blog-post-body .btn:focus {
background-color: var(--red);
}
/*** END ag20/sub/blogcustom.css ***/
/* TIME: 0.053239107131958 */