@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap&subset=cyrillic,cyrillic-ext,devanagari,greek,greek-ext,latin-ext,vietnamese);
@media (max-width: 767px) {
#epi-quickNavigator {
display: none !important;
}
}
body {
font-family: "Noto Sans", sans-serif;
font-size: 17px;
color: #333333;
font-weight: 300;
}
.text-underline {
text-decoration: underline;
}
a,
a:focus, button:focus {
outline: 0 !important;
}
p {
letter-spacing: 0.5px;
margin: 1em 0 1em 0;
}
b {
font-weight: 400;
}
hr {
margin: 30px 0 30px 0;
padding: 0;
height: 1px;
width: 100%;
border: none;
outline: none;
background: #e4e4e4;
}
@media (min-width: 768px) {
hr {
margin: 40px 0 40px 0;
}
}
hr.thick {
height: 2px;
}
hr.headerLine {
margin: 0;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 300;
}
h1 {
margin: 0;
font-size: 34px;
line-height: 45px;
color: #666666;
}
@media (min-width: 768px) {
h1 {
font-size: 40px;
line-height: 50px;
}
}
@media (min-width: 992px) {
h1 {
font-size: 48px;
line-height: 58px;
}
}
h1.header {
margin: 25px 0 15px 0;
}
@media (min-width: 768px) {
h1.header {
margin: 30px 0 30px 0;
}
}
h2.header, h3.header {
margin: 25px 0 15px 0;
}
@media (min-width: 768px) {
h2.header, h3.header {
margin: 30px 0 30px 0;
}
}
h2, h3, h4, h5 {
color: #666666;
}
h2 span, h3 span, h4 span, h5 span {
margin-right: 8px;
}
h2 {
margin: 0;
font-size: 26px;
line-height: 35px;
}
@media (min-width: 768px) {
h2 {
font-size: 32px;
line-height: 38px;
}
}
@media (min-width: 992px) {
h2 {
font-size: 38px;
line-height: 48px;
}
}
h2.registerSuccess {
color: #5cb85c;
margin-top: 50px;
}
h3 {
margin: 0;
font-size: 21px;
line-height: 30px;
}
@media (min-width: 768px) {
h3 {
font-size: 25px;
line-height: 32px;
}
}
@media (min-width: 992px) {
h3 {
font-size: 30px;
line-height: 38px;
}
}
h4 {
margin: 0;
font-size: 17px;
line-height: 27px;
}
@media (min-width: 320px) {
h4 {
font-size: 19px;
line-height: 26px;
}
}
@media (min-width: 768px) {
h4 {
font-size: 20px;
line-height: 26px;
}
}
@media (min-width: 992px) {
h4 {
font-size: 22px;
line-height: 30px;
}
}
h5 {
margin: 0;
font-size: 17px;
line-height: 27px;
text-transform: uppercase;
}
h6 {
margin: 0;
font-size: 17px;
font-weight: 400;
line-height: 24px;
color: #333333;
}
.italic {
font-family: "Droid Serif";
font-style: italic;
font-weight: 500;
}
.facilitatorDetails {
margin-bottom: 30px;
}
@media (min-width: 992px) {
.facilitatorDetails {
margin-bottom: 0;
}
}
/* ----------------- PADDING ----------------- */
.no-padding, .no-padding-left {
padding: 0;
}
.search-bar-padding {
padding-top: 20px !important;
}
/* ----------------- MARGIN ----------------- */
.search-bar-margin {
margin-top: 20px !important;
}
/* ----------------- BUTTONS ----------------- */
.btn {
text-transform: uppercase;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
letter-spacing: 0.5px;
font-weight: 300;
margin: 5px 5px 5px 0;
white-space: normal;
}
.btn:hover {
transition: all 0.35s ease;
}
.btn:focus {
color: #ffffff;
}
.btn span {
margin-right: 8px;
}
.btn-primary, .pagination li a, .btn-default, form input[type=submit], form button[type=submit] {
background: #208bbc;
color: #ffffff;
border: 1px solid #208bbc;
}
.btn-primary:hover, .pagination li a:hover, .btn-default:hover, form input[type=submit]:hover, form button[type=submit]:hover {
background-color: #ffffff;
color: #208bbc;
border: 1px solid #208bbc;
}
.btn-secondary {
background: #ffffff;
color: #208bbc;
border: 1px solid #208bbc;
}
.btn-secondary:hover {
background: #208bbc;
color: #ffffff;
}
.btn-orange {
background: #ff9966;
color: #ffffff;
border: 1px solid #ff9966;
}
.btn-orange:hover {
background: #ffffff;
color: #ff9966;
}
.btn-green {
background: #5cb85c;
color: #ffffff;
border: 1px solid #5cb85c;
}
.btn-green:hover {
background: #ffffff;
color: #5cb85c;
border: 1px solid #5cb85c;
}
.btn-grey {
background: #333333;
color: #ffffff;
border: 1px solid #333333;
}
.btn-grey:hover, .btn-grey:focus, .btn-grey:active {
background: #ffffff;
color: #333333;
}
.btn-red {
background: #e85948;
color: #ffffff;
border: 1px solid #e85948;
}
.btn-red:hover {
background: #ffffff;
color: #e85948;
}
.collapsibleexpandblock {
padding: 0px 15px;
overflow-wrap: anywhere;
}
.collapsibleexpandblock button {
margin-top: 0px;
}
.block {
float: left;
width: 100%;
}
.block.col-sm-9 {
width: 75% !important;
}
@media (max-width: 767px) {
.block.col-sm-9 {
width: 100% !important;
}
}
.block.col-sm-8 {
width: 66.66% !important;
}
@media (max-width: 767px) {
.block.col-sm-8 {
width: 100% !important;
}
}
.block.col-sm-6 {
width: 50% !important;
}
@media (max-width: 767px) {
.block.col-sm-6 {
width: 100% !important;
}
}
.block.col-sm-4 {
width: 33.33% !important;
}
@media (max-width: 767px) {
.block.col-sm-4 {
width: 100% !important;
}
}
.block.col-sm-3 {
width: 25% !important;
}
@media (max-width: 767px) {
.block.col-sm-3 {
width: 100% !important;
}
}
.expand-bg-green {
background-color: #5cb85c !important;
}
.expand-bg-blue {
background-color: #208bbc !important;
}
.expand-bg-orange {
background-color: #F18E00 !important;
}
.expand-bg-black {
background-color: #333 !important;
}
.expand-bg-white {
background-color: white !important;
}
.expand-bg-lightgrey {
background-color: #e4e4e4 !important;
}
.expand-title-green {
color: #5cb85c !important;
}
.expand-title-blue {
color: #208bbc !important;
}
.expand-title-orange {
color: #F18E00 !important;
}
.expand-title-black {
color: #333 !important;
}
.expand-title-white {
color: white !important;
}
.expand-title-lightgrey {
color: #e4e4e4 !important;
}
.btn-icon-right span {
margin-right: 0;
margin-left: 8px;
}
.btn-grouping .btn:first-child {
margin-bottom: 15px;
}
/* ------------------ FORMS ------------------ */
.hidden-noforce {
display: none;
}
.inner-addon {
position: relative;
}
.inner-addon .glyphicon {
position: absolute;
margin: 8px 25px;
}
.left-addon .glyphicon {
left: 0px;
}
.right-addon .glyphicon {
right: 0px;
}
.left-addon input {
padding-left: 35px !important;
}
.right-addon input {
padding-right: 35px !important;
}
@media (max-width: 768px) {
.my-account-dashboard {
display: flex;
flex-direction: column-reverse;
}
}
button, input, select, textarea {
font-family: "Noto Sans", sans-serif;
}
textarea {
max-width: 100%;
}
label {
font-weight: 400;
}
.radio {
margin: 15px 0;
}
.input-group .form-control {
z-index: 0;
}
input[type=radio], input[type=checkbox] {
margin-right: 5px;
}
.form-group, .input-group {
margin-bottom: 20px;
}
.form-group label.fullWidth, .input-group label.fullWidth {
display: block;
}
.form-group button.icon, .input-group button.icon {
color: #208bbc;
background: none;
outline: none;
border: none;
padding: 0;
margin: 10px 0 0 0;
}
.form-group button.icon span, .input-group button.icon span {
margin: 0 5px;
}
.form-group button.icon:hover, .input-group button.icon:hover {
text-decoration: underline;
}
.form-group h6, .input-group h6 {
margin-bottom: 10px;
}
.form-group .form-control-feedback {
padding-top: 4px;
}
.form-control {
box-shadow: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
color: #333333;
font-size: 17px;
}
#buyingOptions select {
height: auto;
}
.form {
font-size: 16px;
padding: 20px;
margin: 0 0 30px;
}
.form h3 {
margin: 0 0 15px 0;
}
.inline-form {
margin: 15px 5% 50px 5%;
color: #666666;
}
.inline-form label {
margin-right: 6px;
}
.inline-form .form-control {
width: 250px;
color: #666666;
margin-right: 6px;
font-family: "Noto Sans", sans-serif;
}
.inline-form .form-control input[text=text], .inline-form .form-control select {
color: #666666;
border: solid 1px #e4e4e4;
font-weight: normal;
}
.fullwidthvideoblock .modal-header .close {
margin-top: -13px;
}
.nav-search .form-group .form-control-feedback {
border-radius: 0 50px 50px 0;
}
.nav-search .form-group .dropdown-menu {
padding: 10px;
min-width: 260px;
}
.nav-search .form-group .dropdown-menu .dropdown-item {
display: block;
color: #666666;
font-weight: bold;
}
.nav-search .form-group .dropdown-menu .dropdown-item span {
display: block;
font-size: 12px;
font-weight: normal;
padding-left: 15px;
margin: 5px 0;
}
.nav-search .form-group category-select .dropdown-menu {
padding: 10px;
min-width: 260px;
}
.nav-search .form-group category-select .dropdown-menu .dropdown-item {
display: block;
color: #666666;
font-weight: bold;
}
.nav-search .form-group category-select .dropdown-menu .dropdown-item span {
display: block;
font-size: 12px;
font-weight: normal;
padding-left: 15px;
margin: 5px 0;
}
.nav-search .form-group category-select .arrow {
border: solid #666666;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 3px;
float: right;
margin-top: 5px;
}
.nav-search .form-group category-select .arrow.down {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.nav-search .form-group .form-control-feedback, .footerNewsletter .form-group .form-control-feedback, .filter-group .form-group .form-control-feedback, .search .form-group .form-control-feedback {
top: 0px;
color: #208bbc;
background: transparent;
border: 0px;
padding-top: 0px;
}
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) {
#NavMain .full-width-nav .video-text {
top: 50%;
}
}
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
/* Safari only override */
::i-block-chrome, #NavMain .full-width-nav .video-text {
top: 50% !important;
}
}
@media (max-width: 767px) {
/* Safari only override */
::i-block-chrome, #NavMain .full-width-nav .video-text {
top: 0 !important;
}
.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.embed-container span {
position: absolute;
bottom: 0px;
width: 100%;
left: 0px;
background: rgba(206, 230, 234, 0.85);
color: #000000;
padding: 8px 12px 8px 12px;
}
}
.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.embed-container span {
position: absolute;
bottom: 0px;
width: 100%;
left: 0px;
background: rgba(206, 230, 234, 0.85);
color: #000000;
padding: 8px 12px 8px 12px;
}
#NavMain .full-width-nav {
position: relative;
}
@media (max-width: 767px) {
#NavMain .full-width-nav {
position: unset;
}
}
#NavMain .full-width-nav .container-fluid {
padding-top: 20px;
}
#NavMain .full-width-nav .container-fluid .header-inner {
z-index: 2;
}
@media (max-width: 767px) {
#NavMain .full-width-nav .container-fluid {
padding-top: 0;
}
}
#NavMain .full-width-nav .heroslider {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: -1;
}
@media (max-width: 767px) {
#NavMain .full-width-nav .heroslider {
position: initial;
}
}
#NavMain .full-width-nav .video-text {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
min-height: 708px;
text-align: center;
display: table !important;
background: rgba(255, 255, 255, 0.7);
}
@media (max-width: 1024px) {
#NavMain .full-width-nav .video-text {
min-height: 578px;
}
}
@media (max-width: 767px) {
#NavMain .full-width-nav .video-text {
min-height: 227px;
background: rgba(255, 255, 255, 0.7);
}
}
#NavMain .full-width-nav .video-text .video-container {
display: table-cell;
vertical-align: middle;
}
#NavMain .full-width-nav .video-text .video-container h1 {
color: #000000;
font-size: 33px;
}
@media (max-width: 767px) {
#NavMain .full-width-nav .video-text .video-container h1 {
font-size: 25px;
word-break: break-all;
line-height: 30px;
padding: 0 20px;
}
}
@media (max-width: 375px) {
#NavMain .full-width-nav .video-text .video-container h1 {
font-size: 18px;
line-height: 20px;
}
}
#NavMain .full-width-nav .video-text .video-container input {
border-radius: 50px;
border: #ffffff;
text-align: center;
padding: 10px 70px;
background: rgba(255, 255, 255, 0.6);
margin: 20px 2px 0;
font-size: 13px;
}
@media (max-width: 767px) {
#NavMain .full-width-nav .video-text .video-container input {
margin: 5px 0;
}
}
#NavMain .full-width-nav .video-text .video-container .free-button {
border-radius: 50px;
text-align: center;
padding: 7.5px 83px;
background: #4CAF50;
color: #ffffff;
margin: 20px 2px 0;
}
@media (max-width: 767px) {
#NavMain .full-width-nav .video-text .video-container .free-button {
display: inline-block;
margin: 5px 0;
}
}
#NavMain .full-width-nav .video-text .video-container .free-button:hover {
background: rgba(255, 255, 255, 0.6);
color: #666666;
}
#NavMain .full-width-nav .video-text .video-container .watch-button {
display: block;
color: #000000;
font-size: 14px;
margin-top: 20px;
}
@media (max-width: 375px) {
#NavMain .full-width-nav .video-text .video-container .watch-button {
margin-top: 5px;
}
}
#NavMain .full-width-nav .video-text .video-container .watch-button .glyphicon-play {
border: 3px solid #000000;
border-radius: 100%;
padding: 2px;
margin-right: 10px;
}
#NavMain .full-width-nav .video-text .video-container .watch-button:hover {
color: #208bbc;
}
#NavMain .full-width-nav .video-text .video-container .watch-button:hover .glyphicon-play {
border: 3px solid #208bbc;
}
#NavMain .full-width-nav .breadcrumb {
margin-top: 70px;
}
#NavMain .full-width-nav .breadcrumb li {
font-size: 14px;
color: #666666;
}
#NavMain .full-width-nav .breadcrumb li:before {
padding: 0 20px;
}
#NavMain .full-width-nav .breadcrumb li a {
font-size: 14px;
color: #000000;
}
@media (max-width: 1440px) {
#NavMain .full-width-nav .breadcrumb {
margin-top: 49px;
}
}
.heroimagesliderblock .shopCarousel img {
margin: 0 auto;
}
.my-account-dashboard .media-holder h3, .my-account-dashboard .media-holder h2 {
padding: 0 15px;
}
.my-account-dashboard .media-holder #IdForm h3 {
padding: 0;
}
@media (max-width: 767px) {
.my-account-dashboard .media-holder .certificationTableItemTitle {
padding: 12px 2px !important;
}
.my-account-dashboard .media-holder .text-box, .my-account-dashboard .media-holder .check-boxes {
float: left;
display: block;
width: 100%;
margin-top: 20px;
}
.my-account-dashboard .media-holder .text-box p, .my-account-dashboard .media-holder .check-boxes p {
margin: 0;
}
}
.my-account-dashboard .media-holder .videosondemandblock .holder-vod-page .video-items .channel-description p {
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
}
.imagefile .img-responsive {
margin: 0 auto;
}
.container-full-width {
min-height: 550px;
margin-bottom: 20px;
}
@media (max-width: 1440px) {
.container-full-width {
min-height: 490px;
}
}
@media (max-width: 1024px) {
.container-full-width {
min-height: 472px;
}
}
@media (max-width: 767px) {
.container-full-width {
min-height: 227px;
position: relative;
display: flex;
margin-bottom: 0;
}
}
.shopHeader #NavMain .navbar-nav.tophat-microsite, .micrositesHeader #NavMain .navbar-nav.tophat-microsite {
margin: 0 6px;
}
.shopHeader #NavMain .navbar-nav.tophat-microsite li a, .micrositesHeader #NavMain .navbar-nav.tophat-microsite li a {
font-size: 13px;
line-height: 34px !important;
color: #666666;
padding: 0;
}
.shopHeader #NavMain .navbar-nav.tophat-microsite li a:hover, .micrositesHeader #NavMain .navbar-nav.tophat-microsite li a:hover {
background: none;
color: #208bbc;
}
.shopHeader .nav-search {
display: inline-block;
}
.shopHeader .cart-inner {
display: inline-block;
position: relative;
z-index: 1;
}
@media (max-width: 767px) {
.shopHeader .cart-inner {
position: absolute;
top: -60px;
right: 70px;
}
}
.shopHeader .cart-inner a {
margin-top: 0;
}
.shopHeader #NavTopHat {
margin-bottom: 0 !important;
border-bottom: none;
}
.shopHeader #NavMain #MainMenu .navbar-nav li a {
font-size: 14px !important;
padding: 6px !important;
line-height: 16px !important;
letter-spacing: 0.5px !important;
}
.shopHeader #NavMain #MainMenu .navbar-nav li .dropdown-menu li a {
padding: 3px 20px !important;
line-height: 1.42857 !important;
}
.shopHeader #NavMain #MainMenu #shopNav .utilityNav {
z-index: 1;
}
.shopHeader #NavMain #MainMenu #shopNav .utilityNav li ul.dropdown-menu {
background: #e4e4e4;
box-shadow: none;
}
#SiteSearch .nav-search {
border: 1px solid #666666 !important;
border-radius: 50px;
background: rgba(255, 255, 255, 0.6);
}
#SiteSearch .nav-search.micro-nav-search .search-group .dropdown-menu li a {
white-space: break-spaces;
}
.nav-search {
border: 1px solid #666666 !important;
background: rgba(255, 255, 255, 0.6);
}
@media (max-width: 767px) {
.nav-search {
border: none !important;
}
}
.nav-search .form-group, .nav-search .input-group {
margin-bottom: 0 !important;
}
.nav-search .form-group .form-control, .nav-search .input-group .form-control {
font-size: 13px !important;
color: #666666 !important;
border: none;
background: none;
}
@media (max-width: 767px) {
.nav-search .form-group .form-control, .nav-search .input-group .form-control {
border: 1px solid #666666 !important;
}
}
.nav-search .form-group.category-group, .nav-search .input-group.category-group {
padding-left: 0;
}
.nav-search .search-group ul li a {
white-space: break-spaces;
}
.nav-search .search-group .form-control {
padding-left: 35px;
width: 90%;
font-size: 16px !important;
}
.nav-search .search-group .glyphicon-search {
position: absolute;
top: 10px;
left: 0;
z-index: 2;
color: #666666 !important;
}
.help-block {
font-size: 14px;
margin: 10px 0 15px 0;
color: #333333;
letter-spacing: 0.3px;
}
.addedItem {
color: #5cb85c;
font-weight: 400;
margin: 10px 0 0 0;
}
.addedItem span {
margin: 0 5px;
}
.addedItem button {
background: none;
outline: none;
border: none;
color: #208bbc;
margin: 0 0 0 5px;
padding: 0;
font-weight: 300;
}
.addedItem button:hover {
text-decoration: underline;
}
input.datepicker {
text-align: left !important;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
padding-left: 10px;
}
label.checkbox-inline, label.checkbox-stacked, .checkbox label,
.radio label, label.radio-inline {
font-weight: 300;
}
form.homeNewsletter {
margin: 0 0 40px 0;
}
@media (min-width: 1024px) {
form.homeNewsletter {
margin: 0 0 30px 0;
}
}
form.homeNewsletter h5 {
margin: 0 0 10px 0;
}
form.homeNewsletter .btn {
margin: 0;
}
/* ---------- END OF FORMS ---------- */
/* --------------- MODALS --------------- */
.video-modal-width {
width: 75%;
}
.modal-header {
border-bottom: none;
padding-bottom: 0;
}
.modal-footer {
border-top: none;
padding-top: 0;
}
.modal-footer .btn + .btn {
margin-bottom: 5px;
}
.modal-body--bordered {
padding: 20px;
border: solid 1px #e4e4e4;
margin: 15px;
}
.modal-body--bordered .close {
position: absolute;
right: 10px;
top: 5px;
}
.modal-body.class-checkout-modal .btn-primary, .modal-body.class-checkout-modal .pagination li a, .pagination li .modal-body.class-checkout-modal a {
border-radius: 50px;
width: 30%;
}
@media (max-width: 768px) {
.modal-body.class-checkout-modal .btn-primary, .modal-body.class-checkout-modal .pagination li a, .pagination li .modal-body.class-checkout-modal a {
width: 45%;
}
}
/* ---------- END OF MODALS ---------- */
#NavMain a {
cursor: pointer;
}
.uppercase {
text-transform: uppercase;
}
.body-text {
font-size: 16px;
margin-bottom: 15px;
}
.flat {
margin: 0px;
padding: 0px;
}
.block-pull .form {
margin-bottom: 0px;
}
.block-pull.pull-left {
float: none !important;
}
.block-pull.pull-right {
float: none !important;
}
.block-pull h3 {
margin-top: 15px;
}
.quote {
font-size: 20px;
font-family: "Droid Serif";
font-style: italic;
font-weight: 400;
color: #333333;
padding: 20px 0 20px 0;
}
.quote p {
margin: 0;
}
.bulletBlock {
padding: 20px 50px 0 50px;
}
.bulletBlock li {
font-size: 20px;
color: #333333;
padding: 0 0 20px 0;
}
.testimonial {
font-size: 17px;
}
.quote span, .testimonial span {
display: block;
margin-top: 10px;
text-align: right;
font-family: "Noto Sans", sans-serif;
font-weight: 300;
font-style: normal;
font-size: 16px;
text-transform: uppercase;
}
.social-block {
padding: 20px;
font-size: 20px;
background: #e4e4e4;
margin-bottom: 0;
}
.social-block p {
margin: 0;
}
.social-block .date {
font-size: 14px;
margin: 10px 0;
padding: 0;
text-transform: uppercase;
}
.social-block .platform {
font-size: 15px;
margin: 0;
padding: 0;
}
.img-left, img-right {
margin-bottom: 15px;
}
.text-black {
color: #000;
}
.no-border {
border: 0px !important;
}
#map-link {
margin-right: 15px;
white-space: nowrap;
}
#map-link .icons.map {
display: inline-block;
margin-right: 5px;
vertical-align: middle;
}
#map-link:hover .icons.map {
background-position-y: -28px;
}
.camera {
margin-left: -3px;
}
.camera .icons {
width: 16px;
height: 16px;
overflow: hidden;
display: block;
background: none;
font-size: 14px;
line-height: 13px;
padding-left: 2px;
color: #696969;
}
.camera .circle:hover .glyphicon-facetime-video {
color: #208bbc;
}
.icons {
width: 16px;
height: 16px;
overflow: hidden;
display: block;
background: url(/content/images/icons.png) transparent 0 -4px;
font-size: 0;
}
.icons.inline-block {
display: inline-block;
}
.icons.online {
background-position: -5px -4px;
}
.icons.online:hover {
background-position: -5px -28px;
}
.icons.google-hangouts {
background-position: -83px -4px;
}
.icons.google-hangouts:hover {
background-position: -83px -28px;
}
.icons.class-room {
background-position: -32px -4px;
}
.icons.class-room:hover {
background-position: -32px -28px;
}
.icons.in-person {
background-position: -57px -4px;
}
.icons.in-person:hover {
background-position: -57px -28px;
}
.icons.map {
background-position: -180px -4px;
}
.icons.map:hover {
background-position: -180px -28px;
}
.icons.cancel {
background-position: -160px -4px;
}
.icons.cancel:hover {
background-position: -160px -28px;
}
.circle {
display: inline-block;
vertical-align: middle;
border: 1px solid #333333;
border-radius: 50%;
margin: 2px;
padding: 5px;
}
.circle:hover {
border-color: #208bbc;
}
.circle:hover .icons {
background-position-y: -28px;
}
.styledTooltip {
display: inline-block;
}
.table th {
font-weight: 400;
}
.table tbody tr td {
border-bottom: 1px solid #e4e4e4;
}
.table > thead > tr > th {
border-bottom: 1px solid #e4e4e4;
}
.table > thead > tr > th .glyphicon {
font-size: 10px;
}
.table > thead > tr > th a {
text-transform: uppercase;
color: #333333;
display: inline-block;
border-bottom: 2px solid #333333;
}
.table > thead > tr > th a:hover {
text-decoration: none;
color: #208bbc;
border-bottom-color: #208bbc;
}
.table caption {
text-align: left;
color: #666666;
font-size: 17px;
line-height: 25px;
margin: 0 10px 10px 10px;
}
.table > tbody > tr > th {
border-bottom: 1px solid #e4e4e4;
}
.table.table-hover > tbody > tr:hover td {
background: #cee6ea !important;
}
.table.table-striped thead tr {
border: solid 1px rgba(0, 0, 0, 0.2);
}
.table.table-striped th {
border: none;
text-align: center;
}
.table.table-striped tr {
border: none;
}
.table.table-striped tr:hover {
background: #cee6ea !important;
}
.table.table-striped tr td {
border: none;
vertical-align: middle;
text-align: center;
}
@media (max-width: 767px) {
.table.table-striped tr td {
text-align: left;
}
}
.table.table-striped tr td .bullet {
width: 7px;
height: 7px;
background: #C7C7C7;
border-radius: 100%;
display: block;
margin: 0 auto;
}
.table.table-striped tr td .bullet-active {
width: 7px;
height: 7px;
background: #5cb85c;
border-radius: 100%;
display: block;
margin: 0 auto;
}
.table.table-striped > tbody > tr:nth-child(2n+1) > td, .table.table-striped > tbody > tr:nth-child(2n+1) > th {
background: #f2f2f2;
}
.table .table-cell-label {
font-weight: 400;
}
.table.table-striped.vertical-align-middle > tbody > tr > td, .table.table-striped.vertical-align-middle > tbody > tr > th {
vertical-align: middle;
}
.table.table-striped.vertical-align-middle > tbody > tr > td .btn {
min-width: 86px;
}
.tablesaw tbody tr td {
border: none;
line-height: 1.42857;
}
@media (min-width: 640px) {
.tablesaw tbody tr td {
border-bottom: 1px solid #e4e4e4;
}
}
.tablesaw .content-attendees {
position: relative;
width: 100%;
}
.tablesaw .content-attendees .wrappedTooltip {
padding-left: 0;
padding-top: 0;
border-bottom: none;
}
.tablesaw .content-attendees .refresh-btn {
position: absolute;
right: 0;
top: -8px;
text-align: left;
width: 30% t;
border-bottom: none;
}
img {
border: 0px;
}
img.bordered, img.polaroid, img.form {
padding: 5px;
border: solid 1px #e4e4e4;
}
.registerForClass {
margin-top: 30px;
}
@media (min-width: 768px) {
.registerForClass {
margin-top: 0;
}
}
@media (min-width: 992px) {
.registerForClass {
margin-top: 30px;
}
}
.registerForClass h3 {
margin-bottom: 15px;
}
.registerForClass .btn {
margin-top: 15px;
}
.registerForClass button.icon {
color: #208bbc;
background: none;
outline: none;
border: none;
padding: 0;
margin: 10px 0;
}
.registerForClass button.icon span {
margin: 0 5px;
}
.registerForClass button.icon:hover {
text-decoration: underline;
}
#class-results .location, #class-results .medium {
display: none;
}
.breadcrumb {
background: transparent;
padding: 0;
margin: 0 0 30px 0;
}
.breadcrumb a {
color: #000000;
text-decoration: underline;
}
.breadcrumb > li + li:before {
content: "> ";
color: #000000;
}
@media (min-width: 768px) {
.backToFacilitator {
float: right;
text-align: right;
}
.backToFacilitator .btn {
margin: 0;
}
}
.registerDetailsBlock {
background: #f2f2f2;
padding: 20px 20px 5px 20px;
margin: 15px 0;
letter-spacing: 0.3px;
}
.registerDetailsBlock p {
margin-top: 0;
}
.classDetailsBlock {
margin: 15px 0;
letter-spacing: 0.3px;
text-align: left !important;
}
.classDetailsBlock p {
margin-top: 0;
}
@media (min-width: 768px) {
hr.facilitator {
margin-top: 5px;
}
}
.pagination {
margin-top: 30px;
}
.pagination li a {
display: inline-block;
float: none;
background: #ffffff;
color: #208bbc;
border-radius: 5px;
border: 1px solid #208bbc;
margin: 5px 2px;
padding: 10px 14px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.pagination li a:hover, .pagination li a:focus {
background: #208bbc;
color: #ffffff;
transition: all 0.35s ease;
}
.bordered, .classes .polaroid .item-container a, .polaroid .item-container h3, .polaroid, .block form input, .block form textarea, .block form select, .form {
border: solid 1px #e4e4e4;
}
.thumbs li {
margin-bottom: 15px;
float: left;
width: calc(50% - 8px);
}
.thumbs li:nth-child(odd) {
margin-right: 15px;
}
.thumbs li:last-child {
margin-bottom: 0px;
}
.pad0 {
padding: 0px;
}
.pad5 {
padding: 5px;
}
.pad10, .sidebar h4 {
padding: 10px;
}
.pad15 {
padding: 15px;
}
.pad20, .sidebar .callout {
padding: 20px;
}
.padtop0 {
padding-top: 0px !important;
}
.padtop15 {
padding-top: 15px;
}
.padbottom15 {
padding-bottom: 15px;
}
.mar0 {
margin: 0;
}
.mar05 {
margin: 0.5rem 0;
}
.mar1 {
margin: 1rem 0;
}
.martop0 {
margin-top: 0px;
}
.marbottom15 {
margin-bottom: 15px;
}
.martop15 {
margin-top: 15px;
}
.marbottom0 {
margin-bottom: 0px;
}
.martop30 {
margin-top: 30px;
}
.martop60 {
margin-top: 60px;
}
.marbottom30 {
margin-bottom: 30px;
}
.marleft15 {
margin-left: 15px;
}
.noMargin {
margin: 0;
}
.contactAddress {
margin-top: 30px;
}
@media (min-width: 992px) {
.contactAddress {
margin-top: 0;
}
}
.as-seen {
position: relative;
}
.inblock-video {
width: 100%;
height: 240px;
}
.inblock-image {
width: 100%;
}
.img-title .caption {
font-family: "Noto Sans", sans-serif;
font-weight: 300;
padding-left: 15px;
padding-right: 15px;
}
.img-title .caption .heading {
font-size: 20px;
line-height: 25px;
margin-top: 25px;
}
.img-title .caption .subheading {
font-size: 14px;
line-height: 20px;
margin-top: 8px;
margin-bottom: 10px;
font-style: italic;
font-family: "Droid Serif";
}
.img-title .caption .btn {
background: #208bbc;
color: #ffffff;
margin-top: 8px;
font-family: "Noto Sans", sans-serif;
padding: 8px 16px;
}
.img-title .img-responsive {
width: 100% !important;
}
.class-list-group .list-group-item {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
border: 0px;
padding: 15px;
margin-bottom: 20px;
}
.class-list-group .list-group-item:nth-child(odd) {
background: #f2f2f2;
}
.class-list-group .list-group-item h4.list-group-item-heading {
font-family: "Noto Sans", sans-serif;
border: 0px;
background: transparent;
font-size: 18px;
}
.class-list-group .list-group-item p.list-group-item-text {
padding-top: 0px;
}
.class-list-group .list-group-item p.list-group-item-text:first-child {
margin-top: 0px;
}
.class-list-group .list-group-item p.list-group-item-text:last-child {
margin-bottom: 15px;
}
.facilitatorMedia h2 {
margin-bottom: 30px;
}
#Header {
z-index: 1;
}
#Footer {
margin-bottom: 40px;
font-family: "Noto Sans", sans-serif;
font-size: 15px;
}
#Footer a {
color: #208bbc;
}
#Footer a.btn {
color: #ffffff;
text-transform: uppercase;
}
#Footer a.btn:hover {
color: #208bbc;
}
#Footer h3 {
margin: 30px 0 15px 0;
}
#Footer .footer-wrapper {
background: #cee6ea;
padding: 0 30px 30px 30px;
}
#Footer .news p {
margin-top: 0px;
}
#Footer .news p.lead {
font-family: "Noto Sans", sans-serif;
font-size: 14px;
margin-bottom: 0px;
}
#Footer .quick-links ul {
margin: 0px;
}
#Footer .quick-links a {
font-size: 15px;
text-transform: uppercase;
}
#Footer .quick-links h4 {
margin: 15px 0 6px 0;
}
#Footer .quick-links .form-group .form-control-feedback {
top: 0px;
color: #208bbc;
background: transparent;
border: 0px;
}
.twitter .tab-content {
padding: 5px;
background: #ffffff;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
}
.twitter .tab-content iframe {
height: 180px;
}
.twitter .nav.nav-tabs li a {
color: #ffffff;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
height: 36px;
width: 36px;
padding: 0px;
background: #a2c7cd url(/content/images/social-icons-white-blue.png) no-repeat 10px 1px;
}
.twitter .nav.nav-tabs li a:hover {
color: #208bbc;
border-color: #a2c7cd;
}
.twitter .nav.nav-tabs li a.email {
background-position: 0px 1px;
}
.twitter .nav.nav-tabs li a.email:hover {
background-position: 0px -25px;
}
.twitter .nav.nav-tabs li a.twitter {
background-position: -123px 1px;
}
.twitter .nav.nav-tabs li a.twitter:hover {
background-position: -123px -25px;
}
.twitter .nav.nav-tabs li a.facebook {
background-position: -150px 1px;
}
.twitter .nav.nav-tabs li a.facebook:hover {
background-position: -150px -25px;
}
.twitter .nav.nav-tabs li a.pinterest {
background-position: -47px 1px;
}
.twitter .nav.nav-tabs li a.pinterest:hover {
background-position: -47px -25px;
}
.twitter .nav.nav-tabs li a.google-plus {
background-position: -535px 1px;
}
.twitter .nav.nav-tabs li a.google-plus:hover {
background-position: -535px -25px;
}
.twitter .nav.nav-tabs li a.youtube {
background-position: -458px 1px;
}
.twitter .nav.nav-tabs li a.youtube:hover {
background-position: -458px -25px;
}
.twitter .nav.nav-tabs li.active a {
background-color: #ffffff;
color: #208bbc;
border: 0px;
background-position: 11px -18px;
}
.twitter .nav.nav-tabs li.active a.email {
background-position: 0px -25px;
}
.twitter .nav.nav-tabs li.active a.twitter {
background-position: -123px -25px;
}
.twitter .nav.nav-tabs li.active a.facebook {
background-position: -150px -18px;
}
.twitter .nav.nav-tabs li.active a.pinterest {
background-position: -47px -25px;
}
.twitter .nav.nav-tabs li.active a.google-plus {
background-position: -535px -25px;
}
.twitter .nav.nav-tabs li.active a.youtube {
background-position: -458px -25px;
}
.cta {
padding-left: 0;
margin: 15px 0;
list-style: none;
text-align: left;
}
.cta:before, .cta:after {
content: "";
display: table;
}
.cta:after {
clear: both;
}
.cta li {
display: block;
padding-top: 15px;
}
.cta li:first-child {
padding-top: 0px;
}
.media-controls {
width: 100%;
}
.media-controls audio {
background: #208bbc;
}
.media-group img, .media-group .embed-responsive {
width: 100%;
}
.media-group .img-title {
position: relative;
}
.media-group .img-title span {
position: absolute;
bottom: 0px;
width: 100%;
left: 0px;
background: rgba(206, 230, 234, 0.85);
color: #000000;
padding: 8px 12px 8px 12px;
}
.media-group .col-xs-12 {
margin-bottom: 30px;
}
.media-group a:hover .img-title span {
background: #208bbc;
color: #ffffff;
}
.media-title {
border-bottom: solid 1px #e4e4e4;
margin-bottom: 3px;
text-transform: uppercase;
}
.media-list tr th {
vertical-align: middle !important;
}
.media-list tr th div {
text-transform: uppercase;
font-size: 13px;
}
.media-list tr td {
vertical-align: middle !important;
}
.media-list tr td:first-of-type a {
text-decoration: underline;
}
p.mediaCaption {
background: #e4e4e4;
font-size: 14px;
margin: 0;
padding: 10px 12px 12px 12px;
}
p.mediaCaption span {
font-weight: 400;
font-size: 12px;
display: block;
text-transform: uppercase;
margin-bottom: 5px;
}
#NavTopHat .top-content-area {
text-align: center;
}
#NavTopHat .top-content-area #slides {
margin-bottom: 30px !important;
}
#NavTopHat .top-content-area .img-line {
display: table;
font-size: 15px;
font-weight: 500;
margin: 5px auto;
}
#NavTopHat .top-content-area .img-line img {
display: table-cell;
width: 80px;
height: 30px;
background: #000000;
}
#NavTopHat .top-content-area .img-line p {
vertical-align: middle;
display: table-cell;
margin: 0;
padding-left: 20px;
}
#NavTopHat .top-content-area .img-line p a {
text-decoration: underline;
}
#NavTopHat .top-content-area .timer-line {
margin: 5px auto 0;
display: inline-block;
}
#NavTopHat .top-content-area .timer-line p {
color: #e85948;
font-weight: 600;
margin: 0;
}
#NavTopHat .top-content-area .timer-line p span {
color: #000000;
}
#NavTopHat .top-content-area #slides {
margin-bottom: 37px !important;
}
#NavTopHat .tophat, #NavTopHat #GlobalMenu .tophat-microsite, #NavTopHat .social {
margin: 0px;
padding: 0px;
list-style-type: none;
float: left;
}
#NavTopHat .tophat li, #NavTopHat #GlobalMenu .tophat-microsite li, #NavTopHat .social li {
float: left;
}
#NavTopHat .tophat li a, #NavTopHat #GlobalMenu .tophat-microsite li a, #NavTopHat .social li a {
font-family: "Noto Sans", sans-serif;
color: #666666;
font-size: 13px;
display: block;
}
#NavTopHat .tophat li a, #NavTopHat #GlobalMenu .tophat-microsite li a {
padding: 8px;
}
#NavTopHat .tophat li a:hover, #NavTopHat #GlobalMenu .tophat-microsite li a:hover {
text-decoration: none;
color: #208bbc;
}
#NavTopHat .social li a {
background: white url(/content/images/social-gray.png) no-repeat -130px -24px;
width: 21px;
height: 21px;
margin: 9px 3px;
overflow-y: hidden;
}
#NavTopHat .social li a:hover {
background-position: -130px -2px;
}
#NavTopHat .social li a.facebook {
background-position: -154px -24px;
}
#NavTopHat .social li a.facebook:hover {
background-position: -154px -2px;
}
#NavTopHat .social li a.pintrest {
background-position: -52px -24px;
}
#NavTopHat .social li a.pintrest:hover {
background-position: -52px -2px;
}
#NavTopHat .social li a.email {
background-position: 0px -24px;
}
#NavTopHat .social li a.email:hover {
background-position: 0px -2px;
}
#NavTopHat .social li a.google {
background-position: -542px -24px;
}
#NavTopHat .social li a.google:hover {
background-position: -542px -2px;
}
#NavTopHat .social li a.youtube {
background-position: -464px -24px;
}
#NavTopHat .social li a.youtube:hover {
background-position: -464px -2px;
}
#NavTopHat .social li a.picasa {
background-position: -488px -24px;
}
#NavTopHat .social li a.picasa:hover {
background-position: -488px -2px;
}
.profile-block .media .media-body .media-heading2 {
margin: 0px;
}
.testimonial-box {
padding: 20px 20px 5px;
font-size: 16px;
}
.testimonial-box h2:first-child {
margin-top: 0px;
text-transform: uppercase;
}
.testimonial-box h3 {
text-decoration: underline;
margin-bottom: 12px;
color: #208bbc;
}
.testimonial-box p {
margin-bottom: 14px;
}
.homeSentence h3 {
font-size: 19px;
line-height: 27px;
}
@media (min-width: 768px) {
.homeSentence h3 {
margin-top: 30px;
font-size: 22px;
line-height: 30px;
}
}
@media (min-width: 992px) {
.homeSentence h3 {
font-size: 27px;
line-height: 37px;
}
}
h4.as-seen {
margin: 60px 0 0 0;
font-size: 20px;
text-align: center;
}
@media (min-width: 992px) {
h4.as-seen {
text-align: left;
}
}
@media (min-width: 1200px) {
h4.as-seen {
font-size: 22px;
}
}
@media (min-width: 992px) {
.as-seen {
margin-top: 60px;
}
}
.as-seen img {
display: block;
margin: 0 auto 0 auto;
}
@media (min-width: 992px) {
.as-seen img {
margin: 0;
}
}
@media (max-width: 1024px) {
.items-display form {
display: block !important;
position: relative !important;
width: 50%;
margin: 10px auto 0;
left: 0 !important;
top: 0 !important;
}
.tablesaw .content-attendees .refresh-btn {
width: 12%;
top: -6px;
}
.class-calendar-search {
float: left;
width: 100%;
}
.class-calendar-search .advanced-search {
display: block !important;
float: left;
width: 100%;
}
.class-calendar-search .advanced-search > div {
flex-basis: unset !important;
display: inline-block !important;
width: 25% !important;
float: left;
padding: 0 15px;
margin: 10px 0 !important;
}
}
@media (max-width: 768px) {
.tablesaw .content-attendees .refresh-btn {
width: 14%;
top: -6px;
}
}
.flexslider {
margin: 0 0 40px;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
border-radius: 0px;
border: 1px solid #e4e4e4;
padding: 4px 4px 0px 4px;
}
.overview h1 {
margin-top: 15px;
}
#NavTopHat {
margin-bottom: 0;
}
#NavTopHat.microsite-nav-top-hat {
position: relative;
}
@media (max-width: 767px) {
#NavTopHat {
border: none;
margin: 0;
}
#NavTopHat .back-section {
border-bottom: 1px solid #e4e4e4;
margin: 0 -15px;
padding: 8px 15px 7px;
}
#NavTopHat .back-section > a {
position: relative;
padding-left: 15px;
font-size: 14px;
color: #666666;
display: block;
}
#NavTopHat .back-section > a > .mobile-navigation__menu-arrow--back {
left: 0;
position: absolute;
}
}
#NavTopHat .tophat, #NavTopHat #GlobalMenu .tophat-microsite, #NavTopHat .social {
margin: 0px;
padding: 0px;
list-style-type: none;
float: right;
}
#NavTopHat .tophat li, #NavTopHat #GlobalMenu .tophat-microsite li, #NavTopHat .social li {
float: left;
}
#NavTopHat .tophat li a, #NavTopHat #GlobalMenu .tophat-microsite li a, #NavTopHat .social li a {
font-family: "Noto Sans", sans-serif;
color: #666666;
font-size: 13px;
font-weight: 400;
display: block;
letter-spacing: 0.3px;
/*@extend .pad10;*/
}
@media (max-width: 767px) {
#NavTopHat .tophat > li > a, #NavTopHat #GlobalMenu .tophat-microsite > li > a, #NavTopHat .social > li > a {
padding-top: 5px !important;
padding-bottom: 5px !important;
}
#NavTopHat .tophat > li.language-selector, #NavTopHat #GlobalMenu .tophat-microsite > li.language-selector, #NavTopHat .social > li.language-selector {
padding-left: 20px;
}
#NavTopHat .tophat > li.language-selector:before, #NavTopHat #GlobalMenu .tophat-microsite > li.language-selector:before, #NavTopHat .social > li.language-selector:before {
content: "";
height: 18px;
width: 1px;
background: #ccc;
display: inline-block;
vertical-align: middle;
left: 0;
top: 5px;
position: absolute;
}
#NavTopHat .tophat > li.language-selector > .dropdown-menu, #NavTopHat #GlobalMenu .tophat-microsite > li.language-selector > .dropdown-menu, #NavTopHat .social > li.language-selector > .dropdown-menu {
right: 0;
left: auto;
}
#NavTopHat .tophat > li ul.my-account-menu, #NavTopHat #GlobalMenu .tophat-microsite > li ul.my-account-menu, #NavTopHat .social > li ul.my-account-menu {
left: 50%;
transform: translateX(-50%);
padding: 5px 15px;
}
#NavTopHat .tophat > li ul.my-account-menu > *, #NavTopHat #GlobalMenu .tophat-microsite > li ul.my-account-menu > *, #NavTopHat .social > li ul.my-account-menu > * {
position: relative;
display: block;
padding: 10px 5px;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #ddd;
border-width: 1px 0;
}
#NavTopHat .tophat > li ul.my-account-menu > *:first-child, #NavTopHat #GlobalMenu .tophat-microsite > li ul.my-account-menu > *:first-child, #NavTopHat .social > li ul.my-account-menu > *:first-child {
border-top: 0;
}
#NavTopHat .tophat > li ul.my-account-menu > *:last-child, #NavTopHat #GlobalMenu .tophat-microsite > li ul.my-account-menu > *:last-child, #NavTopHat .social > li ul.my-account-menu > *:last-child {
border-bottom: 0;
}
#NavTopHat .tophat > li ul.my-account-menu > * > a, #NavTopHat #GlobalMenu .tophat-microsite > li ul.my-account-menu > * > a, #NavTopHat .social > li ul.my-account-menu > * > a {
color: #666666;
font-size: 14px;
padding: 0;
}
}
#NavTopHat .tophat li a, #NavTopHat #GlobalMenu .tophat-microsite li a {
padding: 0 16px 12px 0;
}
#NavTopHat .tophat li a:hover, #NavTopHat #GlobalMenu .tophat-microsite li a:hover {
text-decoration: none;
color: #208bbc;
background: none;
}
#NavTopHat .tophat li.language-selector > a, #NavTopHat #GlobalMenu .tophat-microsite li.language-selector > a {
padding-right: 0;
}
#NavTopHat #SiteSearch .form-group {
margin-top: 10px;
margin-bottom: 10px;
}
#NavTopHat #GlobalMenu .navbar {
margin-bottom: 0px;
}
#NavTopHat #GlobalMenu #GlobalNavbar {
padding-left: 3px;
width: 100%;
}
#NavTopHat #GlobalMenu .access-icon {
height: 34px;
width: auto;
margin: 10px 7px 10px 0;
}
#NavTopHat #GlobalMenu .global-access {
font-family: "Noto Sans", sans-serif;
color: #666666;
display: inline-block;
padding: 10px 10px 10px 0px;
line-height: 32px;
}
#NavTopHat #GlobalMenu .global-access:hover, #NavTopHat #GlobalMenu .global-access:active, #NavTopHat #GlobalMenu .global-access:focus {
text-decoration: none;
color: #208bbc;
}
#NavTopHat #GlobalMenu .collapsed span {
/*@include rotate(180);*/
}
#NavTopHat #GlobalMenu .tophat-microsite {
float: none;
}
#NavTopHat #GlobalMenu .tophat-microsite li {
float: none;
display: block;
}
#NavTopHat #GlobalMenu .tophat-microsite li a {
line-height: 18px;
}
#NavTopHat #GlobalMenu .navbar-toggle {
margin-right: 0px;
}
#NavTopHat .social {
margin-left: 30px;
float: right;
}
#NavTopHat .social li a {
background: #ffffff url(/content/images/social-gray.png) no-repeat -130px -24px;
width: 21px;
height: 21px;
margin: 9px 3px;
overflow-y: hidden;
}
#NavTopHat .social li a:hover {
background-position: -130px -2px;
}
#NavTopHat .social li a.facebook {
background-position: -154px -24px;
}
#NavTopHat .social li a.facebook:hover {
background-position: -154px -2px;
}
#NavTopHat .social li a.pintrest {
background-position: -52px -24px;
}
#NavTopHat .social li a.pintrest:hover {
background-position: -52px -2px;
}
#NavTopHat .social li a.google {
background-position: -542px -24px;
}
#NavTopHat .social li a.google:hover {
background-position: -542px -2px;
}
#NavTopHat .social li a.youtube {
background-position: -464px -24px;
}
#NavTopHat .social li a.youtube:hover {
background-position: -464px -2px;
}
#NavMain {
/*z-index: 10;*/
overflow: visible;
}
#NavMain #SiteSearch-mobile {
/*display: none;*/
}
#NavMain h1.logo {
margin: 0px;
padding: 0px;
z-index: 999;
position: relative;
}
#NavMain h1.logo > a {
display: block;
}
#NavMain h1.logo img {
width: auto;
text-align: center;
margin: 0 auto;
}
@media (max-width: 767px) {
#NavMain h1.logo img {
width: auto;
max-height: 70px;
}
}
#NavMain .logo-microsite {
margin: 5px 0 20px 0;
}
#NavMain #MainMenu .anchor-footer img {
width: 20px;
height: 20px;
margin-left: 15px;
display: inline-block;
}
#NavMain #MainMenu .navbar-header {
/*background: $lightgray;*/
cursor: pointer;
margin: 0;
padding: 0;
display: inline-block;
float: right;
}
@media (max-width: 767px) {
#NavMain #MainMenu .navbar-header {
margin: -45px 0 0 0;
}
}
#NavMain #MainMenu .navbar-header a {
color: #000000;
}
#NavMain #MainMenu .navbar-header a:hover {
color: #208bbc;
}
#NavMain #MainMenu .navbar-header .navbar-toggle {
/*padding: 10px;*/
padding: 0;
margin: 0;
width: 37px;
height: 43px;
position: relative;
}
#NavMain #MainMenu .navbar-header .navbar-toggle .icon-bar {
background: #333333;
margin: 8px 0;
width: 35px;
height: 3px;
}
#NavMain #MainMenu .navbar {
margin-bottom: 0;
min-height: 0;
}
@media (min-width: 768px) {
#NavMain #MainMenu .navbar {
border: 0;
}
}
#NavMain #MainMenu .tactical-nav > li,
#NavMain #MainMenu .navbar-nav > li {
margin-right: 5px;
}
#NavMain #MainMenu .tactical-nav > li:last-child,
#NavMain #MainMenu .navbar-nav > li:last-child {
margin-right: 0;
}
#NavMain #MainMenu .tactical-nav > li > a,
#NavMain #MainMenu .navbar-nav > li > a {
border-radius: 14px;
color: #000000;
font-size: 14px;
line-height: 16px;
font-weight: 400;
padding: 6px;
letter-spacing: 0.5px;
}
#NavMain #MainMenu .tactical-nav > li > a:hover,
#NavMain #MainMenu .navbar-nav > li > a:hover {
background: rgba(32, 139, 188, 0.8);
color: #000000;
}
#NavMain #MainMenu .tactical-nav .sub-arrow,
#NavMain #MainMenu .tactical-nav .collapsible .sub-arrow,
#NavMain #MainMenu .navbar-nav .sub-arrow,
#NavMain #MainMenu .navbar-nav .collapsible .sub-arrow {
float: right;
margin-top: 6px;
}
#NavMain #MainMenu .tactical-nav {
margin: 0;
font-size: 0;
padding: 0;
}
#NavMain #MainMenu .tactical-nav > li {
display: inline-block;
}
#NavMain #MainMenu .tactical-nav > li > a {
display: block;
}
#NavMain #MainMenu .tactical-nav > li .my-account-menu li a {
line-height: 15px !important;
padding: 7px 10px !important;
font-size: 12px;
letter-spacing: 0.3px;
}
@media (min-width: 992px) {
#NavMain #MainMenu .tactical-nav > li .my-account-menu li a {
font-size: 13px;
}
}
#NavMain #MainMenu li a {
font-family: "Noto Sans", sans-serif;
font-size: 15px;
}
#NavMain #MainMenu li a:hover {
color: #208bbc;
background: transparent;
}
#NavMain #MainMenu .nav .open > a,
#NavMain #MainMenu .nav .open > a:hover,
#NavMain #MainMenu .nav .open > a:focus {
background: #e4e4e4;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
color: #208bbc;
}
#NavMain #MainMenu .open .open > a,
#NavMain #MainMenu .open .open > a:hover,
#NavMain #MainMenu .open .open > a:focus {
background: transparent;
}
#NavMain #MainMenu .nav .html {
border: solid 1px #e4e4e4;
padding: 13px;
font-family: "Noto Sans", sans-serif;
color: #000000;
font-size: 15px;
}
#NavMain #MainMenu .navbar-main .dropdown-menu a {
font-size: 15px;
}
#NavMain #MainMenu .navbar-main .dropdown-menu img {
width: 100%;
height: auto;
}
#NavMain #MainMenu .navbar-main .dropdown-menu .title {
margin: 0 0 15px 0;
}
#NavMain .microMainMenu {
margin-top: -60px !important;
}
#NavMain .mobile-logo-holder {
float: left;
padding: 0 15px;
margin-top: -20px;
}
#languageModal .modal-body {
/*max-height: 90vh;
overflow: auto;*/
}
ul.footerNav li {
margin: 0 0 10px 0;
}
.microSearchButton {
float: right;
background: none;
border: none;
margin-top: -40px;
}
@media (max-width: 767px) {
.microSearchButton {
margin-right: 50px !important;
}
}
.microSearchButton:focus, .microSearchButton:active {
outline: none !important;
box-shadow: none !important;
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 481px) {
#NavTopHat .tophat li a, #NavTopHat #GlobalMenu .tophat-microsite li a {
padding: 10px;
}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
#NavTopHat .tophat li a, #NavTopHat #GlobalMenu .tophat-microsite li a {
font-size: 12px;
padding: 10px 7px;
}
#NavTopHat #GlobalMenu .global-access {
display: none;
}
#NavTopHat #GlobalMenu .tophat-microsite li {
float: none;
display: inline-block;
}
#NavTopHat #GlobalMenu .tophat-microsite li a {
line-height: 34px;
}
#NavTopHat .micro-nav-search {
padding-right: 50px;
}
#NavMain .logo-microsite {
margin: 15px 0;
}
#NavMain #SiteSearch {
padding-top: 6px;
}
#NavMain #MainMenu {
margin: 0;
}
#NavMain #MainMenu .navbar-header {
background: transparent;
}
#NavMain #MainMenu .sub-arrow,
#NavMain #MainMenu .navbar-brand {
display: none !important;
}
#NavMain #MainMenu .navbar {
margin-bottom: 0px;
}
#NavMain #MainMenu .navbar-collapse {
padding: 0px;
}
#NavMain #MainMenu .navbar-nav ul a.has-submenu {
padding: 3px 20px;
}
#NavMain #MainMenu .navbar-main .dropdown-menu {
box-shadow: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
background: #e4e4e4;
border: 0px;
/*max-width: auto !important;
min-width: auto !important;*/
padding: 0 0 30px;
}
#NavMain #MainMenu .navbar-main .dropdown-menu img {
width: 100%;
height: auto;
min-width: 220px;
}
#NavMain #MainMenu .navbar-main .dropdown-menu > li a {
width: 240px !important;
text-align: right;
white-space: normal !important;
}
#NavMain #MainMenu .navbar-main .dropdown-menu > li:first-child a {
padding-top: 30px;
}
#NavMain #MainMenu .navbar-main .dropdown-menu > li .dropdown-menu {
padding: 0;
}
#NavMain #MainMenu .nav .html {
padding: 13px 26px 10px 26px;
border: 0px;
color: #000000;
font-size: 15px;
background: #f2f2f2;
}
#NavMain #MainMenu .nav .html .title {
padding-bottom: 15px;
margin: 0;
}
#NavMain #MainMenu .nav .html p {
color: #333333;
}
#NavMain .microMainMenu {
margin-top: 0 !important;
}
.microSearchButton {
margin-top: 0px;
position: absolute;
bottom: -82px;
right: 0;
z-index: 999;
}
}
.microSearchButton .glyphicon-remove {
display: inline-block;
position: relative;
top: 4px;
}
@media (min-width: 768px) {
.microSearchButton .glyphicon-remove {
top: 0px;
}
}
.microSearchButton .glyphicon-search {
display: none;
}
.microSearchButton.collapsed .glyphicon-remove {
display: none;
}
.microSearchButton.collapsed .glyphicon-search {
display: inline-block;
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
#NavTopHat {
margin-bottom: 0;
}
#NavTopHat .tophat, #NavTopHat #GlobalMenu .tophat-microsite {
float: right;
}
#NavTopHat .tophat li a, #NavTopHat #GlobalMenu .tophat-microsite li a {
font-size: 13px;
}
#NavTopHat #GlobalMenu .tophat-microsite {
float: none;
top: 223px;
position: absolute;
z-index: 20;
left: 20px;
}
}
@media (min-width: 992px) and (max-width: 1440px) {
#NavTopHat #GlobalMenu .tophat-microsite {
top: 150px;
left: -10px;
}
}
@media (min-width: 992px) {
#NavTopHat .micro-nav-search {
padding-right: 0;
}
}
@media (min-width: 992px) {
#NavTopHat .microSearchButton {
display: none;
}
}
@media (min-width: 992px) {
#NavMain .logo-microsite {
margin: 0;
}
}
@media (min-width: 992px) {
.mobile-search {
display: block !important;
}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
#MainNav #MainMenu .navbar-nav > li > a {
padding: 15px;
}
}
/* -------------- ACCESS SHOP NAVIGATION -------------- */
.navbar-nav li .dropdown-menu {
background: #e4e4e4;
border: none;
box-shadow: none;
text-align: right;
}
.shopHeader {
/*Utility Nav desktop*/
}
@media (min-width: 768px) {
.shopHeader #NavTopHat {
margin-bottom: 30px;
}
}
.shopHeader #NavTopHat #GlobalMenu .navbar-header {
float: none;
}
@media (min-width: 992px) {
.shopHeader #NavTopHat #GlobalMenu .navbar-header {
display: none;
}
}
.shopHeader #NavTopHat #GlobalMenu .global-access {
background: none;
border: 0;
outline: 0;
}
@media (min-width: 768px) {
.shopHeader #NavTopHat #GlobalMenu .global-access {
display: block;
}
}
@media (min-width: 992px) {
.shopHeader #NavTopHat #GlobalMenu .collapse {
display: block;
}
}
.shopHeader #NavTopHat #GlobalMenu .tophat-microsite {
margin: 0 0 15px;
padding: 0;
}
@media (min-width: 992px) {
.shopHeader #NavTopHat #GlobalMenu .tophat-microsite {
margin: 0;
top: 223px;
position: absolute;
z-index: 20;
left: 20px;
}
}
@media (max-width: 1440px) {
.shopHeader #NavTopHat #GlobalMenu .tophat-microsite {
top: 150px;
left: -10px;
}
}
.shopHeader #NavTopHat #GlobalMenu .tophat-microsite li a {
padding: 6px 0;
}
@media (min-width: 768px) {
.shopHeader #NavTopHat #GlobalMenu .tophat-microsite li a {
padding: 0px 11px;
}
.shopHeader #NavTopHat #GlobalMenu .tophat-microsite li a:first-child {
padding-left: 0;
}
}
.shopHeader #NavTopHat #GlobalMenu .micro-nav-search {
padding-right: 0;
}
.shopHeader #NavMain #MainMenu .mainNav, .shopHeader #NavMain #MainMenu .utilityNav {
list-style: none;
padding: 0;
margin: 15px 0 0;
}
@media (min-width: 768px) {
.shopHeader #NavMain #MainMenu .mainNav, .shopHeader #NavMain #MainMenu .utilityNav {
margin-top: 10px;
}
}
.shopHeader #NavMain #MainMenu .mainNav li a, .shopHeader #NavMain #MainMenu .mainNav li a:visited, .shopHeader #NavMain #MainMenu .utilityNav li a, .shopHeader #NavMain #MainMenu .utilityNav li a:visited {
display: block;
padding: 12px;
color: #000;
font-weight: 400;
letter-spacing: 0.2px;
white-space: normal;
}
.shopHeader #NavMain #MainMenu .mainNav li a:hover, .shopHeader #NavMain #MainMenu .mainNav li a:visited:hover, .shopHeader #NavMain #MainMenu .utilityNav li a:hover, .shopHeader #NavMain #MainMenu .utilityNav li a:visited:hover {
text-decoration: none;
color: #208bbc;
}
@media (min-width: 768px) {
.shopHeader #NavMain #MainMenu .mainNav li a, .shopHeader #NavMain #MainMenu .mainNav li a:visited, .shopHeader #NavMain #MainMenu .utilityNav li a, .shopHeader #NavMain #MainMenu .utilityNav li a:visited {
float: left;
}
}
@media (min-width: 768px) {
.shopHeader #NavMain #MainMenu .mainNav li a, .shopHeader #NavMain #MainMenu .mainNav li a:visited, .shopHeader #NavMain #MainMenu .utilityNav li a, .shopHeader #NavMain #MainMenu .utilityNav li a:visited {
margin: 5px 0;
}
}
.shopHeader #NavMain #MainMenu .utilityNav {
margin: 0;
z-index: 3;
}
@media (max-width: 767px) {
.shopHeader #NavMain #MainMenu .utilityNav {
display: none;
}
}
@media (min-width: 992px) {
.shopHeader #NavMain #MainMenu .utilityNav {
margin: 0 15px;
}
}
@media (min-width: 768px) {
.shopHeader #NavMain #MainMenu .utilityNav li {
float: left;
}
}
.shopHeader #NavMain #MainMenu .utilityNav li a span, .shopHeader #NavMain #MainMenu .utilityNav li a:visited span {
float: right;
font-size: 12px;
margin-top: 3px;
}
@media (min-width: 768px) {
.shopHeader #NavMain #MainMenu .utilityNav li a span, .shopHeader #NavMain #MainMenu .utilityNav li a:visited span {
float: none;
margin: 0 0 0 2px;
}
}
.shopHeader #NavMain #MainMenu .utilityNav li a:focus, .shopHeader #NavMain #MainMenu .utilityNav li a:active, .shopHeader #NavMain #MainMenu .utilityNav li a:visited:focus, .shopHeader #NavMain #MainMenu .utilityNav li a:visited:active {
background: #e4e4e4;
text-decoration: none;
}
@media (min-width: 768px) {
.shopHeader #NavMain #MainMenu .utilityNav li a, .shopHeader #NavMain #MainMenu .utilityNav li a:visited {
color: #8d8c8c;
text-transform: none;
font-size: 13px;
letter-spacing: 0.3px;
margin: 0 0 10px;
padding: 7px 10px 9px;
}
.shopHeader #NavMain #MainMenu .utilityNav li a:last-child, .shopHeader #NavMain #MainMenu .utilityNav li a:visited:last-child {
margin-right: -10px;
}
}
.shopHeader #NavMain #MainMenu .utilityNav li ul.dropdown-menu {
width: 100%;
margin: 0 0 15px;
position: relative;
top: 0;
border: 0;
border-radius: 0;
box-shadow: none;
background: #e4e4e4;
text-align: right;
}
@media (min-width: 768px) {
.shopHeader #NavMain #MainMenu .utilityNav li ul.dropdown-menu {
max-width: 180px;
position: absolute;
top: 41px;
left: auto;
padding: 8px 0;
}
}
@media (min-width: 768px) {
.shopHeader #NavMain #MainMenu .utilityNav li ul.dropdown-menu li {
max-width: 180px;
width: 100%;
}
}
.shopHeader #NavMain #MainMenu .utilityNav li ul.dropdown-menu li a {
margin: 0;
padding: 7px 15px 7px 25px;
text-transform: uppercase;
color: #000;
font-size: 12px;
letter-spacing: 0.3px;
}
.shopHeader #NavMain #MainMenu .utilityNav li ul.dropdown-menu li a:focus, .shopHeader #NavMain #MainMenu .utilityNav li ul.dropdown-menu li a:active {
background: none;
}
@media (min-width: 768px) {
.shopHeader #NavMain #MainMenu .utilityNav li ul.dropdown-menu li a {
max-width: 180px;
padding: 7px 14px;
width: 100%;
}
}
.shopHeader #NavMain #MainMenu .utilityNav li.open a span {
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
@media (min-width: 992px) {
.shopHeader #NavMain #MainMenu {
padding-top: 0;
}
}
@media (max-width: 767px) {
.shopHeader #NavMain #MainMenu {
margin: 0;
}
}
@media (min-width: 768px) {
.shopHeader #NavMain #MainMenu #shopNav {
display: block;
margin-bottom: 10px;
}
}
.shopHeader #NavMain #MainMenu #shopNav .mainNav, .shopHeader #NavMain #MainMenu #shopNav .utilityNav {
list-style: none;
padding: 0;
margin: 15px 0 0;
}
@media (min-width: 768px) {
.shopHeader #NavMain #MainMenu #shopNav .mainNav, .shopHeader #NavMain #MainMenu #shopNav .utilityNav {
margin-top: 10px;
}
}
.shopHeader #NavMain #MainMenu #shopNav .mainNav li a, .shopHeader #NavMain #MainMenu #shopNav .mainNav li a:visited, .shopHeader #NavMain #MainMenu #shopNav .utilityNav li a, .shopHeader #NavMain #MainMenu #shopNav .utilityNav li a:visited {
display: block;
padding: 12px;
color: #000;
font-weight: 400;
letter-spacing: 0.2px;
white-space: normal;
}
.shopHeader #NavMain #MainMenu #shopNav .mainNav li a:hover, .shopHeader #NavMain #MainMenu #shopNav .mainNav li a:visited:hover, .shopHeader #NavMain #MainMenu #shopNav .utilityNav li a:hover, .shopHeader #NavMain #MainMenu #shopNav .utilityNav li a:visited:hover {
text-decoration: none;
color: #208bbc;
}
@media (min-width: 768px) {
.shopHeader #NavMain #MainMenu #shopNav .mainNav li a, .shopHeader #NavMain #MainMenu #shopNav .mainNav li a:visited, .shopHeader #NavMain #MainMenu #shopNav .utilityNav li a, .shopHeader #NavMain #MainMenu #shopNav .utilityNav li a:visited {
float: left;
}
}
@media (min-width: 768px) {
.shopHeader #NavMain #MainMenu #shopNav .mainNav li a, .shopHeader #NavMain #MainMenu #shopNav .mainNav li a:visited, .shopHeader #NavMain #MainMenu #shopNav .utilityNav li a, .shopHeader #NavMain #MainMenu #shopNav .utilityNav li a:visited {
margin: 5px 0;
}
}
.shopHeader #NavMain #MainMenu #shopNav .utilityNav {
margin: 0;
z-index: 3;
}
@media (min-width: 768px) {
.shopHeader #NavMain #MainMenu #shopNav .utilityNav {
position: absolute;
top: -90px;
right: 0;
display: none;
}
}
@media (min-width: 992px) {
.shopHeader #NavMain #MainMenu #shopNav .utilityNav {
top: 28px;
display: none;
}
}
@media (min-width: 768px) {
.shopHeader #NavMain #MainMenu #shopNav .utilityNav li {
float: left;
}
}
.shopHeader #NavMain #MainMenu #shopNav .utilityNav li a span, .shopHeader #NavMain #MainMenu #shopNav .utilityNav li a:visited span {
float: right;
font-size: 12px;
margin-top: 3px;
}
@media (min-width: 768px) {
.shopHeader #NavMain #MainMenu #shopNav .utilityNav li a span, .shopHeader #NavMain #MainMenu #shopNav .utilityNav li a:visited span {
float: none;
margin: 0 0 0 2px;
}
}
.shopHeader #NavMain #MainMenu #shopNav .utilityNav li a:focus, .shopHeader #NavMain #MainMenu #shopNav .utilityNav li a:active, .shopHeader #NavMain #MainMenu #shopNav .utilityNav li a:visited:focus, .shopHeader #NavMain #MainMenu #shopNav .utilityNav li a:visited:active {
background: #e4e4e4;
text-decoration: none;
}
@media (min-width: 768px) {
.shopHeader #NavMain #MainMenu #shopNav .utilityNav li a, .shopHeader #NavMain #MainMenu #shopNav .utilityNav li a:visited {
color: #8d8c8c;
text-transform: none;
font-size: 13px;
letter-spacing: 0.3px;
margin: 8px 0 0;
padding: 7px 10px 9px;
}
.shopHeader #NavMain #MainMenu #shopNav .utilityNav li a:last-child, .shopHeader #NavMain #MainMenu #shopNav .utilityNav li a:visited:last-child {
margin-right: -10px;
}
}
.shopHeader #NavMain #MainMenu #shopNav .utilityNav li ul.dropdown-menu {
width: 100%;
margin: 0 0 15px;
position: relative;
top: 0;
border: 0;
border-radius: 0;
box-shadow: none;
background: #e4e4e4;
text-align: right;
}
@media (min-width: 768px) {
.shopHeader #NavMain #MainMenu #shopNav .utilityNav li ul.dropdown-menu {
max-width: 180px;
position: absolute;
top: 41px;
left: auto;
padding: 8px 0;
}
}
@media (min-width: 768px) {
.shopHeader #NavMain #MainMenu #shopNav .utilityNav li ul.dropdown-menu li {
max-width: 180px;
width: 100%;
}
}
.shopHeader #NavMain #MainMenu #shopNav .utilityNav li ul.dropdown-menu li a {
margin: 0;
padding: 7px 15px 7px 25px;
text-transform: uppercase;
color: #000;
font-size: 12px;
letter-spacing: 0.3px;
}
.shopHeader #NavMain #MainMenu #shopNav .utilityNav li ul.dropdown-menu li a:focus, .shopHeader #NavMain #MainMenu #shopNav .utilityNav li ul.dropdown-menu li a:active {
background: none;
}
@media (min-width: 768px) {
.shopHeader #NavMain #MainMenu #shopNav .utilityNav li ul.dropdown-menu li a {
max-width: 180px;
padding: 7px 14px;
width: 100%;
}
}
.shopHeader #NavMain #MainMenu #shopNav .utilityNav li.open a span {
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.shopLogo {
width: 100%;
max-width: 180px;
position: absolute;
bottom: -69px;
left: 0;
}
@media (min-width: 768px) {
.shopLogo {
position: relative;
bottom: auto;
left: 0;
max-width: 185px;
}
}
@media (min-width: 992px) {
.shopLogo {
max-width: 230px;
}
}
@media (min-width: 1200px) {
.shopLogo {
max-width: 245px;
}
}
.cart {
/*background: $lightgray;*/
color: #ffffff;
border-radius: 0;
margin: 14px 50px -5px 0;
padding: 0 10px;
z-index: 999;
position: relative;
float: right;
background: #208bbc;
border-radius: 3px;
}
@media (min-width: 768px) {
.cart {
margin: 20px 0 0;
color: #fff;
width: auto;
height: auto;
padding: 9px 6px 10px 38px;
background: url("/Content/images/cartIconWhite.png") no-repeat center left 15px #208bbc;
background-size: 17px 17px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.cart:hover {
background: url("/Content/images/cartIconBlue.png") no-repeat center left 15px #fff;
background-size: 17px 17px;
border-color: #208bbc;
color: #208bbc;
}
}
@media (min-width: 992px) {
.cart {
margin: 35px 0 0 0;
}
}
@media (max-width: 767px) {
.cart {
margin: 0;
}
}
.cart img {
width: 25px;
height: auto;
display: inline;
}
@media (min-width: 768px) {
.cart img {
display: none;
}
}
.cart > i {
font-size: 20px;
line-height: 35px;
float: left;
}
.cart .cart-mobile {
float: right;
margin-right: 0;
line-height: 35px;
margin-left: 5px;
}
.shopHeader .cart > i {
transform: scaleX(-1);
}
.shopHamburger {
background: #e4e4e4;
border-radius: 0;
width: 50px;
height: 50px;
margin: -50px 0 0 0;
background: url("/Content/images/shopHamburger.png") no-repeat center center #e4e4e4;
background-size: 20px 20px;
border: 0;
outline: 0;
float: right;
}
@media (min-width: 768px) {
.shopHamburger {
display: none;
}
}
.shopSearch {
margin: 15px 0;
}
@media (min-width: 768px) {
.shopSearch {
width: 365px;
position: absolute;
top: -56px;
right: 0;
}
}
@media (min-width: 992px) {
.shopSearch {
width: 500px;
top: -56px;
}
}
.shopSearch .block {
margin-bottom: 0;
}
.shopSearch input[type=text] {
height: 40px;
padding-right: 12px;
}
@media (min-width: 768px) {
.shopSearch input[type=text] {
float: left;
width: 50%;
position: relative;
z-index: 9;
}
}
@media (min-width: 992px) {
.shopSearch input[type=text] {
width: 55%;
}
}
.shopSearch select {
float: left;
width: 70%;
height: 40px;
border-radius: 0;
background-color: #f3f3f3;
/*-webkit-appearance: none;
background:url('images/selectArrows.png') no-repeat center right 12px #f3f3f3 !important;
background-size:7px 17px !important;*/
}
@media (min-width: 768px) {
.shopSearch select {
width: 40%;
margin: 0 -2px;
}
}
@media (min-width: 992px) {
.shopSearch select {
width: 35%;
}
}
.shopSearch button[type=submit] {
float: left;
width: 30%;
height: 40px;
padding: 0;
margin: 10px 0 0;
}
@media (min-width: 768px) {
.shopSearch button[type=submit] {
width: 10%;
margin: 0;
}
}
@media (max-width: 767px) {
.panel__menu {
box-shadow: none;
}
.list-group__custom .list-group-item a {
color: #666666;
font-size: 14px;
}
.mobile-navigation {
position: absolute;
left: 0;
bottom: 0;
}
.mobile-navigation__offcanvas {
position: absolute;
left: 100%;
width: 100%;
background: #ffffff;
z-index: 10;
height: calc(100vh - 105px);
height: calc(100% - 105px);
height: calc(var(--vh, 1vh) * 100 - 105px);
overflow-y: auto;
opacity: 0;
transition: 0.3s;
bottom: 0;
border-top: 1px solid #ddd;
}
.mobile-navigation__menu {
background: #ffffff;
color: #666666;
}
.mobile-navigation__menu-wrapper {
position: fixed;
bottom: 0;
left: 100%;
width: 100%;
right: 0;
min-height: calc(100vh - 105px);
height: calc(100% - 105px);
height: calc(var(--vh, 1vh) * 100 - 105px);
min-height: calc(var(--vh, 1vh) * 100 - 105px);
z-index: 1;
background: #ffffff;
-webkit-overflow-scrolling: touch;
transition: 0.3s;
border-top: 1px solid #ddd;
}
.mobile-navigation__menu-wrapper.open {
left: 0;
}
.mobile-navigation__menu-header {
width: 100%;
padding: 0 16px;
font-size: 20px;
position: relative;
z-index: 1;
height: 45px;
color: #666666;
background: #ffffff;
}
.mobile-navigation__menu-header a {
color: #666666;
}
.mobile-navigation__menu-header a img {
max-height: 100%;
max-width: 100%;
display: block;
}
.mobile-navigation__menu-header a.ellipsis {
margin: auto;
padding-left: 20px;
padding-right: 20px;
font-size: 20px;
}
.mobile-navigation__menu-parent {
line-height: 1.5;
padding: 10px 15px;
color: #666666;
display: block;
border-left: 3px solid #208bbc;
background: #ffffff;
width: auto;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
margin: 0 15px;
}
.mobile-navigation__menu-parent a {
font-size: 16px !important;
font-weight: 700 !important;
display: block;
}
.mobile-navigation__menu-parent a.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: calc(100% - 20px);
color: #208bbc;
padding: 0;
display: inline-block;
vertical-align: middle;
}
.mobile-navigation__menu-parent--distance-top {
margin-top: 15px;
}
.mobile-navigation__menu-parent--distance-top > a {
position: relative;
}
.mobile-navigation__menu-parent--distance-top > a .mobile-navigation__menu-arrow {
right: 0;
}
.mobile-navigation__menu-level {
list-style-type: none;
padding: 0 15px;
margin: 0;
}
.mobile-navigation__menu-level > li {
position: relative;
}
.mobile-navigation__menu-level > li > a {
line-height: 1.38;
font-size: 14px;
color: #666666;
display: inline-block;
font-weight: 400;
border-bottom: 1px solid #ddd;
padding: 16px;
width: 100%;
display: flex;
align-items: center;
}
.mobile-navigation__menu-level > li > a img {
max-width: 20px;
max-height: 20px;
margin-right: 5px;
}
.mobile-navigation__menu-level > li > a:focus {
border-color: #208bbc;
color: #208bbc;
opacity: 1;
}
.mobile-navigation__menu-level > li:last-child > a {
border-bottom: 0;
}
.mobile-navigation__menu-level > li ul li a {
text-transform: none;
font-weight: 400;
font-size: 14px;
padding: 16px;
}
.mobile-navigation__menu-level > li ul li a:focus {
color: #208bbc;
opacity: 1;
}
.mobile-navigation__menu-arrow {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 15px;
width: 8px;
height: 8px;
border-right: 2px solid;
border-bottom: 2px solid;
transform: rotate(-45deg);
padding: 0 !important;
color: #666666;
}
.mobile-navigation__menu-arrow--back {
position: relative;
width: 40px;
height: 100%;
transform: none;
border: none;
display: block;
left: 0;
right: auto;
margin-left: -15px;
}
.mobile-navigation__menu-arrow--back:before {
border-right: 0;
border-bottom: 0;
left: 15px;
top: 0;
bottom: 0;
position: absolute;
margin: auto;
width: 8px;
height: 8px !important;
border-left: 2px solid;
border-top: 2px solid;
transform: rotate(-45deg);
color: #666666;
content: "";
display: block;
}
.mobile-navigation__support {
margin-bottom: 15px;
margin-top: 10px;
border-top: 1px solid #ddd;
}
.mobile-navigation__support .nav-search .form-group {
margin-top: 15px;
}
.mobile-navigation__support .col-xs-6 {
text-align: center;
margin-top: 15px;
font-size: 14px;
line-height: 1.29;
}
.mobile-navigation__support .col-xs-6 i {
font-size: 24px;
color: #208bbc;
}
.mobile-navigation__support .col-xs-6 span {
display: block;
padding-top: 5px;
text-transform: uppercase;
color: #666666;
}
.mobile-navigation__profile {
background: #666666;
font-size: 14px;
font-weight: 700;
}
.mobile-navigation__profile ul {
padding-left: 0;
}
.mobile-navigation__profile ul li {
padding: 10px 15px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.mobile-navigation__profile ul li a {
color: #208bbc;
}
.mobile-navigation__profile ul li i {
font-size: 18px;
margin-right: 5px;
vertical-align: text-bottom;
}
.mobile-navigation__profile ul.account-links {
background: #ffffff;
font-weight: 400;
list-style-type: none;
margin-bottom: 0px;
}
.mobile-navigation__profile ul.account-links li {
padding: 8px 0 8px 15px;
border-bottom: 1px solid #666666;
}
.mobile-navigation--down {
top: 140px;
}
.mobile-navigation--down .mobile-navigation__offcanvas {
height: calc(100vh - 134px);
height: calc(100% - 134px);
height: calc(var(--vh, 1vh) * 100 - 134px);
}
.mobile-navigation--down .mobile-navigation__menu-wrapper {
top: 134px;
min-height: calc(100vh - 134px);
height: calc(100% - 134px);
height: calc(var(--vh, 1vh) * 100 - 134px);
min-height: calc(var(--vh, 1vh) * 100 - 134px);
}
body [data-trigger=close-menu] {
display: none !important;
color: #208bbc !important;
}
body [data-trigger=close-menu] > i {
font-size: 26px !important;
}
body.show-menu {
position: fixed;
height: 100%;
height: calc(var(--vh, 1vh) * 100);
width: 100%;
overflow: hidden;
}
body.show-menu [data-trigger=close-menu] {
display: block !important;
}
body.show-menu [data-trigger=close-menu] > .icon-bar {
position: absolute;
}
body.show-menu [data-trigger=close-menu] > .icon-bar:nth-child(2) {
width: 0%;
opacity: 0;
}
body.show-menu [data-trigger=close-menu] > .icon-bar:nth-child(1) {
transform: rotate(45deg);
top: 10px;
left: 0;
}
body.show-menu [data-trigger=close-menu] > .icon-bar:nth-child(3) {
transform: rotate(-45deg);
top: 10px;
left: 0;
}
body.show-menu [data-trigger=icon-menu] {
display: none !important;
}
body.show-menu .mobile-navigation {
width: 100vw;
height: calc(100vh - 105px);
height: calc(var(--vh, 1vh) * 100 - 105px);
z-index: 2147483647;
}
body.show-menu .mobile-navigation--down {
height: calc(100vh - 140px);
height: calc(var(--vh, 1vh) * 100 - 140px);
}
body.show-menu .mobile-navigation__offcanvas {
opacity: 1;
left: 0;
}
}
#MainContent {
margin-bottom: 50px;
min-height: 300px;
}
@media (min-width: 992px) {
#MainContent {
margin-bottom: 60px;
}
}
#MainContent #idForm_dcToolsForChange .form-group {
margin: 6px;
}
#MainContent #idForm_dcToolsForChange .form-group.signup-btn {
vertical-align: top;
}
#MainContent #idForm_dcToolsForChange .form-group.signup-btn button {
margin-top: 0;
}
#MainContent .classRegister .col-xs-9 p {
overflow-wrap: break-word;
}
.block {
margin: 10px 0 10px 0;
}
.block h2:first-child {
margin-top: 0px;
}
.block form input, .block form textarea, .block form select {
border-color: #ccc;
padding: 3px 10px 3px 10px;
}
.block .nav a {
color: #000000;
font-size: 16px;
padding: 5px 10px;
}
.block .nav a:hover {
color: #208bbc;
background: transparent;
}
.block .nav li ul {
margin: 0 0 5px 12px;
padding: 0;
border-left: 1px solid #e4e4e4;
list-style: none;
}
.block .nav li ul li {
padding-left: 12px;
}
.block .nav li ul li a {
display: block;
}
.block .nav li ul li a:hover {
text-decoration: none;
}
.class-group {
border: 1px solid #e4e4e4;
margin-bottom: 20px;
}
.class-group a {
display: block;
}
.class-group img {
width: 100%;
z-index: 1;
}
.class-group .image {
position: relative;
}
.class-group .title {
position: absolute;
bottom: -15px;
left: 0;
right: 0;
width: 90%;
padding: 5px 0;
margin: 0 auto;
text-align: center;
background: #208bbc;
color: #ffffff;
text-transform: uppercase;
border: 1px solid #e4e4e4;
}
.class-group .title:hover {
background: #ffffff;
color: #008CBF;
text-decoration: none;
box-shadow: 0 0 8px #208bbc;
}
.class-group p {
margin-top: 30px;
text-align: center;
}
@media (min-width: 768px) {
.facilitator-filter {
margin-top: 15px;
}
}
.facilitator-filter label {
vertical-align: top;
}
.facilitator-filter .jump-to {
border-bottom: 2px solid #e4e4e4;
margin-bottom: 15px;
}
.facilitator-filter .jump-to .list-inline {
margin: 0px;
display: inline-block;
font-size: 15px;
width: calc(100% - 78px);
}
.facilitator-filter .jump-to .list-inline li {
width: 3.3333333333%;
}
.facilitator-filter .jump-to .list-inline li.active a, .facilitator-filter .jump-to .list-inline li a.active {
font-weight: bold;
text-decoration: underline;
}
.facilitator-filter .jump-to .list-inline li a {
cursor: pointer;
}
.eventsearchcalendarblock .class-calendar-search .input-wrapper .event-search-input {
font-size: 16px;
border: solid 1px rgba(0, 0, 0, 0.2);
cursor: pointer;
background: transparent;
border-radius: 5px;
display: flex;
justify-content: space-between;
width: 100%;
align-items: center;
color: #777777;
letter-spacing: 0;
text-transform: none;
margin: 0;
padding: 6px 12px;
}
.eventsearchcalendarblock .class-calendar-search .input-wrapper .event-search-input input:first-child {
border: none;
padding: 0;
}
.eventsearchcalendarblock .facilitator-results.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.eventsearchcalendarblock .facilitator-results td.event-date {
width: 125px;
}
@media (max-width: 1024px) {
.eventsearchcalendarblock .facilitator-results td.event-date {
width: 80px;
}
}
.eventsearchcalendarblock .facilitator-results td.event-name {
width: 300px;
text-overflow: ellipsis;
overflow: hidden;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
@media (max-width: 1024px) {
.eventsearchcalendarblock .facilitator-results td.event-name {
width: 100px;
}
}
.eventsearchcalendarblock .facilitator-results td.event-name a {
text-overflow: ellipsis;
overflow: hidden;
max-width: 300px;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
@media (max-width: 1024px) {
.eventsearchcalendarblock .facilitator-results td.event-name a {
width: 100px;
}
}
.eventsearchcalendarblock .facilitator-results td.event-facilitator {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 190px;
}
@media (max-width: 1024px) {
.eventsearchcalendarblock .facilitator-results td.event-facilitator {
width: 160px;
max-width: 160px;
}
}
.eventsearchcalendarblock .facilitator-results td.event-location {
max-width: 200px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
@media (max-width: 1024px) {
.eventsearchcalendarblock .facilitator-results td.event-location {
width: 130px;
max-width: 130px;
}
}
.eventsearchcalendarblock .facilitator-results td.event-location div {
max-width: 200px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
@media (max-width: 1024px) {
.eventsearchcalendarblock .facilitator-results td.event-location div {
width: 130px;
max-width: 130px;
}
}
.eventsearchcalendarblock .facilitator-results td.event-pop .bullet {
background: #000000;
}
.eventsearchcalendarblock .facilitator-results td.event-img {
width: 105px;
text-align: left;
}
.eventsearchcalendarblock .facilitator-results td.event-img img {
float: left;
}
.eventsearchcalendarblock .facilitator-results td.event-img a {
display: inline-block;
vertical-align: middle;
margin-top: 32%;
margin-left: 5px;
}
.eventsearchcalendarblock .facilitator-results td.event-img .glyphicon-chevron-up {
display: none;
}
.eventsearchcalendarblock .facilitator-results td.event-img .glyphicon-chevron-down {
display: inline-block;
}
.eventsearchcalendarblock .facilitator-results td.event-img.open .glyphicon-chevron-up {
display: inline-block;
}
.eventsearchcalendarblock .facilitator-results td.event-img.open .glyphicon-chevron-down {
display: none;
}
.eventsearchcalendarblock .facilitator-results.visible-xs .medium-item {
display: flex;
justify-content: start;
align-items: center;
}
.eventsearchcalendarblock .facilitator-results.visible-xs .event-pop .bullet {
background: #000000;
}
.facilitator-results .facilitator-container {
border: 1px solid #e4e4e4;
margin: 8px 0;
}
.facilitator-results .media {
margin-bottom: 15px;
}
.facilitator-results .media .media-object {
width: 85px;
border: double 4px #e4e4e4;
}
.facilitator-results .media .media-body {
background: none;
padding: 10px;
}
.facilitator-results .media .media-body .media-heading {
font-size: 18px;
}
.facilitator-results .media .media-body p {
margin: 0px;
}
.facilitator-results .media .media-body p.specialty {
font-size: 12px;
}
.facilitator-results .facilitator {
background: #e4e4e4;
margin: 15px;
}
.facilitator-results .facilitator .photo {
float: left;
width: 35%;
padding-right: 10px;
background: #ffffff;
}
.facilitator-results .facilitator .photo img {
border: 1px solid #e4e4e4;
width: 100%;
padding: 3px;
}
.facilitator-results .facilitator .info {
float: right;
width: 65%;
padding: 20px 15px 0;
height: 100%;
}
.facilitator-results .facilitator .info .name {
font-size: 18px;
margin: 0;
font-weight: bold;
}
.facilitator-results .facilitator .info .location {
margin: 0 0 10px;
}
.facilitator-results .facilitator .specialty {
font-size: 14px;
}
.facilitator-results .facilitator:after {
content: "";
display: block;
clear: both;
}
.facilitator-results table tbody tr td img {
width: 60px;
height: 70px;
object-fit: cover;
max-width: fit-content;
margin: 0 auto;
}
.profile-block {
margin-top: 20px;
}
.profile-block .media {
margin-bottom: 10px;
}
.profile-block .media .media-object {
width: 85px;
border: double 4px #e4e4e4;
margin-right: 15px;
}
.profile-block .media .media-body .media-heading {
color: #666;
margin-bottom: 20px;
}
.profile-block .media .media-body p {
margin-top: 0px;
margin-bottom: 15px;
}
.expandable-block .panel-group {
border-radius: 0px;
}
.expandable-block .panel-default {
border: 0px;
box-shadow: none;
}
.expandable-block .panel-default .panel-heading {
background-color: transparent;
padding: 0px;
}
.expandable-block .panel-default > .panel-heading + .panel-collapse > .panel-body {
border: 0px;
padding: 0px;
}
.expandable-block .panel-title {
font-size: 20px;
padding-top: 15px;
padding-right: 10px;
margin-bottom: 15px;
border-top: solid 1px #e4e4e4;
}
.expandable-block .panel-title a {
display: block;
}
.expandable-block .panel-title span:after {
content: "-";
font-size: 20px;
font-weight: bold;
}
.expandable-block .panel-title .collapsed span:after {
content: "+";
}
.expandable-block .table {
background-color: #e4e4e4;
margin-bottom: 30px;
}
.expandable-block .table tr {
border-top: 15px solid #fff;
}
.expandable-block .table td {
border: 0px;
line-height: 28px;
padding: 20px 8px;
}
.expandable-block .table thead {
background-color: #fff;
}
.expandable-block .table thead tr {
border: 0px;
}
.expandable-block .table thead th {
padding: 8px 0px;
}
.expandable-block .table thead th h4 {
margin: 0px;
}
.expandable-block .table .visible-lg-table-cell {
display: none;
}
.expandable-block .table .visible-lg-table-cell .btn-primary, .expandable-block .table .visible-lg-table-cell .pagination li a, .pagination li .expandable-block .table .visible-lg-table-cell a {
margin-left: -6px;
margin-right: -6px;
}
.expandable-block .table .btn-tr-mobile {
border-top: 0px;
}
.expandable-block .table .btn-tr-mobile td {
padding-top: 0px;
}
.expandable-block .btn-primary, .expandable-block .pagination li a, .pagination li .expandable-block a {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 3px;
}
.popover {
background-color: #333333;
border: 0px;
border-radius: 0px;
color: #fff;
}
.popover .popover-title {
color: #fff;
background-color: transparent;
border: 0px;
padding: 30px 20px 20px;
}
.popover .popover-content {
padding: 0px 20px 20px;
}
.popover .popover-content ul {
list-style: none;
padding-left: 0px;
margin-top: 0px;
}
.popover .popover-content ul li {
margin-bottom: 15px;
}
.popover .popover-content ul a {
color: #fff;
text-decoration: underline;
}
.popover.bottom > .arrow {
top: -11px !important;
}
.popover.bottom > .arrow:after {
border-bottom-color: #333333;
}
.polaroid img {
width: 100%;
margin: 0 auto;
}
.polaroid .polaroid-copy {
padding: 30px 50px;
padding: 15px;
position: relative;
}
.polaroid .polaroid-copy p {
font-size: 15px;
}
.polaroid .polaroid-copy p:first-child {
margin-top: 0px;
}
.polaroid .polaroid-copy .btn {
margin: 30px auto 5px auto;
display: block;
width: 180px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.polaroid .item-container {
position: relative;
padding: 0 10%;
}
.polaroid .item-container h3 {
font-family: "Noto Sans", sans-serif;
font-weight: 300;
width: 100%;
position: relative;
margin: -24px auto 0 auto;
font-size: 15px;
color: #000000;
background: #ffffff;
line-height: 21px;
padding: 10px;
}
.polaroid .item-container .caption {
background: #666666;
color: #ffffff;
width: 92px;
font-size: 12px;
padding: 1px 0;
letter-spacing: 0.5px;
}
.polaroid .item-container .btn {
z-index: 999;
}
.polaroid .item-container .btn-squared {
border-radius: 0;
}
.polaroid .item-container .btn-rounded {
border-radius: 50px;
}
.polaroid .item-container .btn-white {
background: #ffffff;
}
.polaroid .item-container .btn-blue {
background: #208bbc;
}
.polaroid .item-container .btn-green {
background: #5cb85c;
}
.polaroid .item-container .btn-orange {
background: #F38D11;
}
.polaroid .item-container .btn-text-white {
color: #ffffff;
}
.polaroid .item-container .btn-text-black {
color: #000000;
}
.classes .polaroid .polaroid-copy {
padding: 10px 20px 20px 20px;
}
.classes .polaroid .polaroid-copy p {
margin-bottom: 0;
}
.classes .polaroid .item-container {
margin-top: -15px;
}
.classes .polaroid .item-container a {
Width: 80%;
margin: 0 auto;
line-height: 18px;
}
.classes .polaroid .item-container a:hover {
box-shadow: 0 0 8px #208bbc;
}
.sidebar h4 {
margin: 0px;
background: #a2c7cd;
color: #000000;
}
.sidebar .filter-group h4 {
background: none;
}
.sidebar .filter-group h4 a:focus {
text-decoration: none;
}
.sidebar .block {
margin: 0 0 30px 0;
}
.sidebar .block .form {
margin: 0;
}
.sidebar .block:last-child {
margin-bottom: 0;
}
.sidebar .nav {
margin: 10px 0 15px 0;
}
.sidebar .quote {
padding: 0;
}
.sidebar .callout {
margin-bottom: 0;
}
.sidebar .callout.trans {
background: transparent;
padding: 0px;
}
.sidebar .callout h3 {
background: none;
margin-bottom: 10px;
padding: 0;
}
.sidebar .callout h4 {
font-weight: bold;
}
.sidebar .callout .time {
font-family: Verdana, Helvetica, sans-serif;
font-size: 14px;
}
.sidebar .callout .description {
background: #ffffff;
padding: 10px;
}
.sidebar .callout .description h4 {
margin-top: 0;
}
.sidebar .callout .description p {
margin-bottom: 0;
}
.sidebar .callout .description .twitter-header {
font-size: 18px;
font-weight: 100;
margin-bottom: 5px;
}
.sidebar .callout .description .twitter-icon {
display: inline-block;
background: url("/content/images/social-icons-white-blue.png");
background-position: -130px -32px;
width: 24px;
height: 24px;
vertical-align: middle;
margin-right: 5px;
}
.sidebar .callout #facilitatorLicenseDesc .description {
display: none;
}
.sidebar .callout .host {
font-size: 18px;
font-weight: bold;
}
.sidebar p {
margin: 0 0 15px;
}
.sidebar dl dt {
text-transform: uppercase;
}
.sidebar dl dd {
margin-bottom: 15px;
}
.sidebar .bulletBlock {
padding: 0 0 0 20px;
}
.sidebar .bulletBlock li:last-child {
padding: 0;
}
.sidebar .classCalendarItem {
background: #f2f2f2;
padding: 10px 15px;
}
.sidebar .classCalendarItem div {
display: block;
padding: 5px 0 5px 0;
}
.sidebar .classCalendarItem:hover {
background: #cee6ea !important;
}
.sidebar .classCalendarItem:nth-child(2n+1) {
background: #e4e4e4;
}
.sidebar .audioplayer-time {
display: block;
}
@media (min-width: 992px) {
.sidebar .audioplayer-time {
display: none;
}
}
@media (min-width: 1200px) {
.sidebar .audioplayer-time {
display: block;
}
}
.callout {
background: #e4e4e4;
padding: 20px;
}
.callout h2 {
margin-top: 0px;
}
.callout.bg-orange {
background: #f6dbcc;
}
.callout.bg-blue {
background: #cee6ea;
}
.callout.bg-green {
background: #d2f4d2;
}
.callout.bg-red {
background: #fcd6d2;
}
.callout2 p:last-child {
margin-bottom: 17px;
}
@media (min-width: 768px) {
.callout2 p:last-child {
margin-bottom: 0;
}
}
.zebra .block {
margin: 0;
}
.zebra .block .callout2 {
background: #ffffff;
}
.zebra .block:nth-child(odd) .callout2 {
background: #f2f2f2;
}
.zebra img {
width: auto !important;
}
.drop-below {
margin-top: 50px;
}
@media (min-width: 992px) {
.drop-below {
margin-top: 0;
}
}
.facilitatorDetails {
margin-top: 30px;
}
@media (min-width: 768px) {
.facilitatorDetails {
margin-top: 0;
}
}
#facilitatorMap {
background: #e4e4e4;
padding: 10px;
display: none;
}
#facilitatorMap .pull-right {
margin: 0 5px;
}
#facilitatorMap .pull-right:first-child {
margin-right: 15px;
}
#facilitatorMap #map-canvas {
width: 100%;
height: 500px;
}
#mapAccordion {
background: #f2f2f2;
padding: 15px;
}
.filter-group {
background: #e4e4e4;
padding: 15px;
}
.filter-group h4 {
color: #000000;
font-family: "Noto Sans", sans-serif;
font-weight: 200;
font-size: 18px;
margin: 0px;
padding: 0px;
margin-bottom: 6px;
}
.filter-group h4 small {
font-size: 16px;
color: #000000;
}
.filter-group .panel {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
box-shadow: none;
border: 0px;
background-color: transparent;
}
.filter-group .panel + .panel {
margin-top: 0px;
}
.filter-group .panel .panel-body {
border: 0px !important;
background: #ffffff;
margin-left: 12px;
margin-right: 12px;
}
.filter-group .panel .panel-body .form-group {
margin-bottom: 0px;
}
.filter-group .panel .panel-body ul {
margin: 0px;
padding: 0px;
}
.filter-group .panel .panel-body ul.link-filters li {
padding: 4px 0px;
margin: 1px 0;
}
.filter-group .panel .panel-body ul.link-filters li .glyphicon {
display: none;
font-size: 12px;
}
.filter-group .panel .panel-body ul.link-filters li a {
padding-left: 8px;
display: inline-block;
cursor: pointer;
}
.filter-group .panel .panel-body ul.link-filters li.active {
background: #208bbc;
padding: 4px;
margin-left: -15px;
margin-right: -15px;
}
.filter-group .panel .panel-body ul.link-filters li.active a {
padding-left: 0px;
color: #ffffff;
text-decoration: none;
}
.filter-group .panel .panel-body ul.link-filters li.active .glyphicon {
display: inline-block;
margin-right: 6px;
}
.filter-group .panel-group .panel-default > .panel-heading {
border: 0px;
color: #ffffff;
background: #666666;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
}
.filter-group .panel-group .panel-default > .panel-heading h4 {
font-size: 16px;
color: #ffffff;
margin: 0px;
padding: 0px;
}
.filter-group .panel-group .panel-default > .panel-heading h4 span:after {
content: "-";
font-size: 20px;
font-weight: bold;
}
.filter-group .panel-group .panel-default > .panel-heading h4 .collapsed span:after {
content: "+";
}
.inline-form .form-control {
width: 100%;
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
.inline-form .form-control {
width: 123px;
}
.polaroid .polaroid-copy {
padding: 15px;
}
.classes .polaroid .item-container a {
top: -15px;
}
.facilitator-results .media {
background: #e4e4e4;
}
.facilitator-results .media > a.pull-left {
background: #ffffff;
}
.facilitator-results .media .media-object {
width: auto;
max-width: 100%;
}
.facilitator-results .media .media-body {
background: transparent;
}
.facilitator-results .media .media-body p {
margin-bottom: 8px;
}
.facilitator-results .media .media-body p.specialty {
font-size: 15px;
}
.profile-block {
margin-top: 30px;
}
.profile-block .media {
margin-bottom: 10px;
}
.profile-block .media .media-object {
width: 180px;
margin-right: 30px;
}
}
@media (min-width: 992px) {
.inline-form .form-control {
width: 185px;
}
.polaroid .item-container h3 {
line-height: 25px;
font-size: 17px;
}
#RightSideBar .twitter-feed {
padding: 0px;
}
}
@media (min-width: 1024px) {
.polaroid .polaroid-copy {
padding: 30px;
}
.expandable-block .panel-title {
font-size: 26px;
}
.expandable-block .table .visible-lg-table-cell {
display: table-cell;
}
.expandable-block .table .btn-tr-mobile {
display: none;
}
}
@media (min-width: 1200px) {
.polaroid .item-container h3 {
line-height: 25px;
font-size: 17px;
}
.inline-form .form-control {
width: 245px;
}
#RightSideBar .twitter-feed {
padding: 20px;
}
}
/* ---------------- SPECIFIC TO ACCESS SHOP ---------------- */
/*.videopresentationblock{
z-index:1;
}*/
.homeModule {
display: block;
margin: 30px auto 0;
max-width: 557px;
}
@media (min-width: 768px) {
.homeModule {
max-width: 100%;
margin-top: 45px;
}
}
@media (min-width: 1200px) {
.homeModule {
margin-top: 60px;
}
}
.homeModule:hover, .homeModule:active, .homeModule:focus {
text-decoration: none;
}
.homeModule:hover .moduleText, .homeModule:hover .green, .homeModule:hover .orange, .homeModule:hover .red, .homeModule:hover .blue, .homeModule:active .moduleText, .homeModule:active .green, .homeModule:active .orange, .homeModule:active .red, .homeModule:active .blue, .homeModule:focus .moduleText, .homeModule:focus .green, .homeModule:focus .orange, .homeModule:focus .red, .homeModule:focus .blue {
background: #208bbc;
color: #fff;
}
.homeModule img {
width: 100%;
max-width: 100%;
height: auto;
}
.homeModule .video {
position: relative;
z-index: 1;
}
.homeModule .video:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9;
background-image: url("/Content/images/videoPlay.png");
background-position: center center;
background-repeat: no-repeat;
background-size: 20% auto;
}
.homeModule .video:hover:after {
background-image: url("/Content/images/videoPlayHover.png");
}
.homeModule .moduleText {
width: 100%;
margin: 0;
padding: 10px 20px;
background: #e4e4e4;
color: #000;
font-size: 20px;
line-height: 30px;
}
@media (min-width: 1200px) {
.homeModule .moduleText {
font-size: 23px;
line-height: 33px;
}
}
.homeModule .bg-green {
background: #d2f4d2;
}
.homeModule .bg-orange {
background: #f6dbcc;
}
.homeModule .bg-red {
background: #fcd6d2;
}
.homeModule .bg-blue {
background: #a2c7cd;
}
.exploreModule {
margin: 30px auto 0;
max-width: 557px;
}
@media (min-width: 768px) {
.exploreModule {
max-width: 100%;
}
}
.exploreModule img {
width: 100%;
max-width: 100%;
height: auto;
}
.exploreModule .exploreText {
padding: 20px 0 5px;
}
.exploreModule h4 {
color: #000;
font-size: 20px;
line-height: 30px;
margin-bottom: 15px;
}
@media (min-width: 1200px) {
.exploreModule h4 {
font-size: 23px;
line-height: 33px;
}
}
.exploreModule p {
margin: 0 0 15px;
}
.exploreModule a:hover, .exploreModule a:visited, .exploreModule a:active, .exploreModule a:focus {
text-decoration: none;
}
.categoryCarousel .productModule .productImageTableRow .productImageTableCell img {
max-height: 240px;
}
.productModule {
display: table;
width: 100%;
margin: 0 0 15px 0;
padding: 15px 0 20px;
text-align: center;
background: #fff;
}
@media (min-width: 768px) {
.productModule {
padding: 15px 15px 20px;
margin: 0 0 30px 0;
}
}
.productModule .productImageTableRow {
display: table-row;
max-height: 240px;
height: 240px;
}
.productModule .productImageTableRow .productImageTableCell {
display: table-cell;
height: auto;
vertical-align: middle;
position: relative;
}
@media (max-width: 767px) {
.productModule .productImageTableRow .productImageTableCell {
vertical-align: top;
height: 200px;
}
}
.productModule .productImageTableRow .productImageTableCell img {
max-width: 160px;
height: auto;
max-height: 240px;
}
@media (max-width: 767px) {
.productModule .productImageTableRow .productImageTableCell img {
max-height: 200px;
height: auto;
display: block;
width: auto;
max-width: 100%;
margin: 0 auto;
}
}
.productModule .productImageTableRow .productImageTableCell .cellImageContainer {
max-width: 160px;
position: relative;
margin: auto;
}
.productModule .productImageTableRow .productImageTableCell .img-on-sale {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 120px;
}
.productModule .productTextContainer {
max-height: 170px;
height: 170px;
}
.productModule .productTextContainer .productTextTitle {
margin-top: 15px;
max-height: 76px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3; /* number of lines to show */
line-clamp: 3;
-webkit-box-orient: vertical;
}
.productModule .productTextContainer .productTextTitle a {
line-height: 25px;
font-weight: 400;
}
.productModule .productTextContainer .productTextAuthor {
margin-top: 15px;
max-height: 76px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3; /* number of lines to show */
line-clamp: 3;
-webkit-box-orient: vertical;
}
.productModule .productTextContainer .productTextAuthor p {
margin: 0;
line-height: 25px;
}
.ellipsis {
overflow: hidden;
height: 75px !important;
line-height: 25px;
margin-top: 15px;
position: relative;
}
.ellipsis:after {
position: absolute;
content: "…";
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
bottom: 0;
right: 0;
width: 3em;
height: 25px;
margin-left: -3em;
padding-right: 5px;
text-align: right;
background-size: 100% 100%;
/* 512x1 image, gradient for IE9. Transparent at 0% -> white at 50% -> white at 100%.*/
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAABCAMAAACfZeZEAAAABGdBTUEAALGPC/xhBQAAAwBQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wDWRdwAAAP90Uk5TgsRjMZXhS30YrvDUP3Emow1YibnM9+ggOZxrBtpRRo94gxItwLOoX/vsHdA2yGgL8+TdKUK8VFufmHSGgAQWJNc9tk+rb5KMCA8aM0iwpWV6dwP9+fXuFerm3yMs0jDOysY8wr5FTldeoWKabgEJ8RATG+IeIdsn2NUqLjQ3OgBDumC3SbRMsVKsValZplydZpZpbJOQco2KdYeEe36BDAL8/vgHBfr2CvTyDu8R7esU6RcZ5ecc4+Af3iLcJSjZ1ivT0S/PMs3LNck4x8U7wz7Bv0G9RLtHuEq1TbJQr1OtVqqnWqRdoqBhnmSbZ5mXapRtcJGOc4t2eYiFfH9AS7qYlgAAARlJREFUKM9jqK9fEGS7VNrDI2+F/nyB1Z4Fa5UKN4TbbeLY7FW0Tatkp3jp7mj7vXzl+4yrDsYoVx+JYz7mXXNSp/a0RN25JMcLPP8umzRcTZW77tNyk63tdprzXdmO+2ZdD9MFe56Y9z3LUG96mcX02n/CW71JH6Qmf8px/cw77ZvVzB+BCj8D5vxhn/vXZh6D4uzf1rN+Cc347j79q/zUL25TPrJMfG/5LvuNZP8rixeZz/mf+vU+Vut+5NL5gPOeb/sd1dZbTs03hBuvmV5JuaRyMfk849nEM7qnEk6IHI8/qn049hB35QGHiv0yZXuMdkXtYC3ebrglcqvYxoj1muvC1nDlrzJYGbpcdHHIMo2FwYv+j3QAAOBSfkZYITwUAAAAAElFTkSuQmCC);
background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
color: #666666;
}
.donationCallout select {
margin: 4px 0 15px 0;
}
@media (min-width: 768px) {
.donationCallout select {
margin-bottom: 0;
}
}
.subTotalItem {
font-weight: 400;
margin-top: 15px;
padding: 0 5px;
}
.subTotalItem .price {
color: #5cb85c;
}
@media (min-width: 992px) {
.subTotalItem .price {
text-align: right;
}
}
.subTotalItem.total {
text-transform: uppercase;
font-size: 23px;
margin: 20px 0 30px;
}
.productRating {
margin: 15px 0;
font-size: 18px;
}
.productRating span {
color: #e4e4e4;
}
.productRating.rating1 span:first-child {
color: #ff9966;
}
.productRating.rating2 span:first-child, .productRating.rating2 span:nth-child(2) {
color: #ff9966;
}
.productRating.rating3 span:first-child, .productRating.rating3 span:nth-child(2), .productRating.rating3 span:nth-child(3) {
color: #ff9966;
}
.productRating.rating4 span:first-child, .productRating.rating4 span:nth-child(2), .productRating.rating4 span:nth-child(3), .productRating.rating4 span:nth-child(4) {
color: #ff9966;
}
.productRating.rating5 span:first-child, .productRating.rating5 span:nth-child(2), .productRating.rating5 span:nth-child(3), .productRating.rating5 span:nth-child(4), .productRating.rating5 span:nth-child(5) {
color: #ff9966;
}
.productModuleListView {
margin-top: -1px;
padding: 18px 10px 18px 15px;
border-top: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4;
}
@media (min-width: 768px) {
.productModuleListView {
padding: 30px 15px;
}
}
.productModuleListView img {
width: 150px;
max-width: 100%;
}
.productModuleListView .btn {
margin-bottom: 15px;
max-width: 210px;
}
.productModuleListView .price {
color: #5cb85c;
font-weight: 400;
}
.productModuleListView .img-on-sale {
position: absolute;
top: 0;
z-index: 2;
width: 120px;
}
.sidebar .productModuleListView {
margin-top: -1px;
padding: 15px 10px 15px 15px;
border-top: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4;
}
@media (min-width: 768px) {
.sidebar .productModuleListView {
padding: 20px 5px;
}
}
@media (min-width: 992px) {
.sidebar .productModuleListView {
padding: 20px 15px;
}
}
.sidebar .productModuleListView p {
margin-top: 17px;
}
.productTextListView a.productTitle {
font-weight: 400;
margin-top: 15px;
}
@media (max-width: 767px) {
.facilitator-results .media {
text-align: center;
}
.facilitator-results .media .facilitator-image {
width: 100% !important;
}
.facilitator-results .media .facilitator-image-holder {
width: 100%;
margin-top: 10px;
}
.facilitator-results .media .facilitator-image-holder .facilitator-image {
width: 100%;
height: 170px;
}
.facilitator-results .media .facilitator-image-holder .facilitator-image .vertical-helper {
display: block;
height: auto;
}
.facilitator-results .media .facilitator-image-holder .facilitator-image img {
max-height: 170px;
min-height: 170px;
object-fit: cover;
object-position: top;
margin-bottom: 10px;
}
.facilitator-results .media .media-body {
width: 100%;
text-align: left;
background: none !important;
}
.facilitator-results .media .media-body .bullet {
width: 7px;
height: 7px;
background: #C7C7C7;
border-radius: 100%;
display: inline-block;
}
.facilitator-results .media .media-body .bullet-active {
width: 7px;
height: 7px;
background: #5cb85c;
border-radius: 100%;
display: inline-block;
}
}
/* Small devices (tablets, 480px and up) */
@media (min-width: 480px) {
#class-results .location,
#class-results .medium {
display: table-cell;
}
}
/* Small devices (tablets, 540px and up) */
@media (min-width: 540px) {
#class-results .location,
#class-results .medium {
display: table-cell;
}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
.img-left {
max-width: 45%;
float: left;
margin: 0 15px 15px 0;
}
.img-right {
max-width: 45%;
float: right;
margin: 0 0 15px 15px;
}
.img-title {
position: relative;
}
.img-title .caption {
position: absolute;
bottom: 45px;
right: 15px;
text-align: right;
color: #ffffff;
width: 50%;
font-weight: 300;
}
.img-title .caption .heading {
font-size: 28px;
line-height: 30px;
}
.img-title .caption .subheading {
font-size: 14px;
line-height: 18px;
}
.img-title .caption .btn {
background: rgba(255, 255, 255, 0.75);
color: #208bbc;
font-size: 16px;
}
.img-title .caption .btn:hover {
background: #208bbc;
color: #ffffff;
font-size: 16px;
transition: all 0.35s ease;
}
.img-title .caption.left {
text-align: left;
right: auto;
left: 15px;
}
.overview h1 {
margin-top: 0px;
}
.overview .btn {
float: right;
font-size: 14px;
}
.overview:last-child {
padding-bottom: 0px;
}
.profile-block .media {
margin-bottom: 25px;
}
.media-list li {
padding-bottom: 3px;
margin-bottom: 3px;
}
.media-list li a {
padding-left: 30px;
}
.media-list li:before {
content: "•";
}
.media-group img,
.media-group .img-responsive {
width: auto;
}
.media-controls {
width: 50%;
}
.thumbs li {
width: 100%;
margin-right: 0px;
float: none;
}
.sm-pull-left {
float: left;
}
.sm-pull-right {
float: right;
}
.cta {
padding-left: 0;
margin: 15px 0;
list-style: none;
text-align: center;
}
.cta:before, .cta:after {
content: "";
display: table;
}
.cta:after {
clear: both;
}
.cta li {
display: inline;
}
.cta li > span {
display: inline-block;
padding: 5px 0;
}
.cta .right > a,
.cta .right > span {
float: right;
}
.cta .left > a,
.cta .left > span {
float: left;
}
.block-pull {
width: 45%;
}
.block-pull .media-controls {
width: 100%;
}
.block-pull.pull-left {
margin-right: 30px;
float: left !important;
}
.block-pull.pull-right {
margin-left: 30px;
float: right !important;
}
.block-pull.pull-right .media-controls audio, .block-pull.pull-right .media-controls .btn {
float: right;
}
.block-pull.pull-right .media-controls .btn {
margin-top: 7.5px;
}
.block-pull h3 {
margin-top: 15px;
}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
.img-title .caption .heading {
font-size: 37px;
line-height: 42px;
margin-bottom: 10px;
}
.img-title .caption .subheading {
font-size: 19px;
line-height: 27px;
}
p.first, h2.first {
margin-top: 0px;
}
.class-list-group .list-group-item a.btn {
float: right;
}
.md-pull-left {
float: left;
}
.md-pull-right {
float: right;
}
}
/* Medium devices (desktops, 1024px and up) */
@media (min-width: 1024px) {
.media-controls {
width: 33%;
}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.img-title .caption {
right: 30px;
width: 55%;
}
.img-title .caption .heading {
font-size: 46px;
line-height: 52px;
}
.img-title .caption .subheading {
font-size: 23px;
line-height: 35px;
}
.overview .btn {
font-size: 17px;
line-height: 1.33;
padding: 10px 16px;
}
.lg-pull-left {
float: left;
}
.lg-pull-right {
float: right;
}
}
/* ---------------- ACCESS SHOP FOOTER ---------------- */
.map-footer {
display: inline-block;
width: 100%;
background: #f6f6f6;
margin: 60px 0 0;
}
.map-footer h2 {
font-size: 30px;
margin-left: 20px;
}
.map-footer .map-col {
display: flex;
flex-wrap: wrap;
width: 90%;
padding: 10px 5px;
margin: 0 auto;
}
@media (min-width: 1024px) {
.map-footer .map-col {
margin: 0 10%;
}
}
@media (max-width: 480px) {
.map-footer .map-col {
width: 100%;
}
}
.map-footer .map-col .mobile-map .panel-group {
margin-bottom: 0;
}
.map-footer .map-col .mobile-map .panel-group .panel-heading {
background: #ffffff;
padding: 2px 15px;
border-radius: 0;
}
.map-footer .map-col .mobile-map .panel-group .panel-heading a {
display: block;
position: relative;
}
.map-footer .map-col .mobile-map .panel-group .panel-heading a:after {
position: absolute;
content: "\e113";
top: 0;
right: 0;
font-family: "Glyphicons Halflings";
color: #208bbc;
}
.map-footer .map-col .mobile-map .panel-group .panel-heading a.collapsed:after {
position: absolute;
content: "\e114";
top: 0;
right: 0;
font-family: "Glyphicons Halflings";
color: #208bbc;
}
.map-footer .map-item {
text-align: center;
align-self: stretch;
}
.map-footer .map-item h3 {
font-size: 18px;
color: #000000;
font-weight: 700;
text-align: left;
}
.map-footer .map-item ul {
padding: 0;
}
.map-footer .map-item ul li {
list-style: none;
padding: 0;
margin: 5px 0 0;
font-size: 18px;
}
.map-footer .map-item ul li a {
display: block;
letter-spacing: 0.2px;
line-height: 21px;
text-align: left;
}
.map-footer .map-item.block {
margin-bottom: 3px;
margin-top: 3px;
}
footer {
background-color: #f6f6f6;
display: inline-block;
width: 100%;
}
footer .container-full {
width: 100%;
}
@media (min-width: 768px) {
footer {
margin-bottom: 0;
padding: 45px 0;
border-top: 1px solid #e4e4e4;
}
}
footer .footerLinks {
list-style: none;
padding: 0;
margin: 10px 0 0;
}
footer .footerLinks li {
text-transform: uppercase;
font-size: 14px;
}
footer .footerLinks li a {
display: block;
padding: 5px 0;
letter-spacing: 0.2px;
line-height: 21px;
}
footer .footerIcons {
list-style: none;
padding: 0;
margin: 0;
}
footer .footerIcons li {
float: left;
margin: 0 15px 10px 0;
}
footer .footerIcons li a {
display: block;
width: 24px;
height: 24px;
background-size: 24px;
}
footer .footerIcons li a.twitter {
background-image: url("/content/images/twitterIcon-dark.png");
}
footer .footerIcons li a.twitter:hover {
background-image: url("/content/images/twitterIcon.png");
}
footer .footerIcons li a.facebook {
background-image: url("/content/images/facebookIcon-dark.png");
}
footer .footerIcons li a.facebook:hover {
background-image: url("/content/images/facebookIcon.png");
}
footer .footerIcons li a.google {
background-image: url("/content/images/googleIcon-dark.png");
}
footer .footerIcons li a.google:hover {
background-image: url("/content/images/googleIcon.png");
}
footer .footerIcons li a.pinterest {
background-image: url("/content/images/pinterestIcon-dark.png");
}
footer .footerIcons li a.pinterest:hover {
background-image: url("/content/images/pinterestIcon.png");
}
footer .footerIcons li a.youtube {
background-image: url("/content/images/youtubeIcon-dark.png");
}
footer .footerIcons li a.youtube:hover {
background-image: url("/content/images/youtubeIcon.png");
}
footer .footerIcons li a.picasa {
background-image: url("/content/images/picasaIcon-dark.png");
}
footer .footerIcons li a.picasa:hover {
background-image: url("/content/images/picasaIcon.png");
}
footer .footerIcons li a img {
width: 22px;
height: 22px;
}
footer .footerCol1 {
font-size: 14px;
text-align: center;
border-top: 1px solid #e4e4e4;
}
@media (min-width: 768px) {
footer .footerCol1 {
border-top: 0;
}
}
footer .footerCol1 img {
width: 80%;
max-width: 272px;
margin: 20px 0 15px;
}
@media (min-width: 768px) {
footer .footerCol1 img {
width: 90%;
margin: -10px 0 15px;
}
}
footer .footerCol2 {
border-top: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4;
padding: 30px 0;
margin: 30px 0;
}
@media (min-width: 768px) {
footer .footerCol2 {
margin: 0 0 30px;
padding: 0;
border-top: 0;
border-bottom: 0;
}
}
@media (min-width: 992px) {
footer .footerCol2 {
margin-bottom: 0;
}
}
@media (min-width: 1200px) {
footer .footerCol2 {
padding-right: 15px;
}
}
footer .footerCol3 {
margin: 0 0 30px;
}
@media (min-width: 768px) {
footer .footerCol3 {
margin: 0;
}
}
/* ---------------- SPECIFIC TO ACCESS SHOP ---------------- */
hr.shopHome1 {
margin: 20px 0 0;
}
@media (min-width: 992px) {
hr.shopHome1 {
margin: 5px 0 0;
}
}
hr.shopHome2 {
margin: 40px 0 30px;
}
@media (min-width: 768px) {
hr.shopHome2 {
margin: 45px 0 40px;
}
}
@media (min-width: 992px) {
hr.shopHome2 {
margin: 60px 0 55px;
}
}
.shopCarousel .carousel-item {
position: relative;
}
.shopCarousel img {
width: 100%;
max-width: 100%;
height: auto;
}
.shopCarousel .shopCarouselText {
margin: 0;
padding: 25px 0 10px;
}
@media (min-width: 992px) {
.shopCarousel .shopCarouselText {
background-color: rgba(255, 255, 255, 0.93);
width: 35%;
padding: 25px 30px 30px;
position: absolute;
bottom: 30px;
right: 45px;
}
}
.shopCarousel .shopCarouselText h1 {
margin: 0;
text-transform: uppercase;
font-size: 20px;
line-height: 30px;
}
@media (min-width: 768px) {
.shopCarousel .shopCarouselText h1 {
font-size: 23px;
line-height: 34px;
}
}
@media (min-width: 992px) {
.shopCarousel .shopCarouselText h1 {
font-size: 26px;
line-height: 36px;
}
}
.shopCarousel .shopCarouselText p {
margin: 10px 0 15px;
font-family: "Droid Serif";
font-style: italic;
font-size: 14px;
line-height: 21px;
}
.shopCarousel .shopCarouselText .btn {
margin: 0;
}
.shopCarousel .owl-controls .owl-pagination {
text-align: left;
}
@media (min-width: 992px) {
.shopCarousel .owl-controls .owl-pagination {
text-align: center;
}
}
.shopCarousel .owl-controls .owl-pagination .owl-page span {
opacity: 1;
background-color: #bbb;
}
.shopCarousel .owl-controls .owl-pagination .owl-page.active span {
background-color: #208bbc;
}
#shopVideoModal .modal-body {
padding: 15px 0 0;
}
@media (min-width: 768px) {
#shopVideoModal .modal-body {
padding: 15px;
}
}
.facetSidebar {
padding-top: 10px;
}
@media (min-width: 768px) {
.facetSidebar {
padding: 15px;
border: 1px solid #e4e4e4;
}
}
.facetSidebar .more, .facetSidebar .selectedFacet {
display: block;
background: #cee6ea;
padding: 10px 15px;
margin: 0 0 15px;
font-weight: 400;
}
.facetSidebar .more:hover, .facetSidebar .more:focus, .facetSidebar .more:active, .facetSidebar .selectedFacet:hover, .facetSidebar .selectedFacet:focus, .facetSidebar .selectedFacet:active {
text-decoration: none;
}
.facetSidebar .more span, .facetSidebar .selectedFacet span {
float: right;
margin-top: 3px;
font-size: 15px;
}
.facetSidebar .more {
width: 100%;
text-align: left;
border: 0;
outline: 0;
background: #e4e4e4;
color: #333333;
margin-bottom: 0;
}
@media (min-width: 768px) {
.facetSidebar .more {
display: none;
}
}
.facetSidebar .collapsed span {
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.facetSidebar h6 {
margin-top: 5px;
}
@media (min-width: 768px) {
.facetSidebar h6 {
padding: 10px 15px;
background: #e4e4e4;
}
}
.facetSidebar .nav li {
margin: 0;
}
.facetSidebar .nav .list-item-category {
background: #cee6ea;
margin: 3px;
width: 95%;
border-left: 3px solid #a0a0a0;
}
.facetSidebar .moreOptions {
border: 1px solid #e4e4e4;
padding: 10px 15px 5px;
}
@media (min-width: 768px) {
.facetSidebar .moreOptions {
border: 0;
padding: 0;
}
}
@media (min-width: 768px) {
.facetSidebar .dont-collapse-sm {
display: block;
height: auto !important;
}
}
@media (min-width: 768px) {
.facetSidebar .collapse.dont-collapse-sm {
display: block;
height: auto !important;
visibility: visible;
}
}
.facetSidebar .category-icon-group {
display: flex;
background: #cee6ea;
margin: 3px;
width: 95%;
border-left: 3px solid #a0a0a0;
}
.facetSidebar .category-icon-group span {
position: absolute;
left: auto;
right: 10px;
padding: 5px;
cursor: pointer;
}
.facetSidebar .limitedHeightFacet {
overflow-y: auto;
height: 300px;
}
.facetSidebar .shop-product-subcategories {
border-left: 0 !important;
}
.facetSidebar .shop-product-subcategories li {
display: flex;
position: relative;
}
.facetSidebar .shop-product-subcategories li i {
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
font-size: smaller;
position: absolute;
left: 4px;
top: 20%;
}
.category-icon-group .collapsed {
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.popUpHeader {
text-align: center;
margin-bottom: 30px;
padding: 30px 0;
background-image: url("/Content/images/popUpBG2.jpg");
background-repeat: repeat-y;
background-position: center top;
background-size: cover;
}
@media (min-width: 768px) {
.popUpHeader {
padding: 45px 0;
}
}
@media (min-width: 992px) {
.popUpHeader {
padding: 60px 0;
}
}
@media (min-width: 1200px) {
.popUpHeader {
padding: 75px 0;
}
}
.popUpHeader h2 {
color: #333333;
}
.popUpHeader p {
font-size: 22px;
line-height: 33px;
margin: 15px 0 0;
}
.categoryCarouselContainer1, .categoryCarouselContainer2 {
border-top: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4;
margin: 60px 0 0;
padding: 30px 0;
}
.categoryCarouselContainer1.top, .categoryCarouselContainer2.top {
margin-top: 0;
}
.categoryCarouselContainer1 h3, .categoryCarouselContainer2 h3 {
margin-bottom: 15px;
}
.categoryCarouselContainer1 .productModule, .categoryCarouselContainer2 .productModule {
padding: 15px 15px 20px;
margin: 0;
}
.categoryCarouselContainer1 .owl-theme .owl-controls, .categoryCarouselContainer2 .owl-theme .owl-controls {
margin: 0;
}
.categoryCarouselContainer1 .owl-theme .owl-controls .owl-buttons .owl-prev, .categoryCarouselContainer1 .owl-theme .owl-controls .owl-buttons .owl-next, .categoryCarouselContainer2 .owl-theme .owl-controls .owl-buttons .owl-prev, .categoryCarouselContainer2 .owl-theme .owl-controls .owl-buttons .owl-next {
opacity: 1;
background: #ffffff;
color: #666666;
border-radius: 0;
margin: 0;
padding: 15px 10px;
font-size: 25px;
position: absolute;
border: 1px solid #e4e4e4;
top: 70px;
}
@media (min-width: 651px) {
.categoryCarouselContainer1 .owl-theme .owl-controls .owl-buttons .owl-prev, .categoryCarouselContainer1 .owl-theme .owl-controls .owl-buttons .owl-next, .categoryCarouselContainer2 .owl-theme .owl-controls .owl-buttons .owl-prev, .categoryCarouselContainer2 .owl-theme .owl-controls .owl-buttons .owl-next {
top: 22%;
}
}
@media (min-width: 768px) {
.categoryCarouselContainer1 .owl-theme .owl-controls .owl-buttons .owl-prev, .categoryCarouselContainer1 .owl-theme .owl-controls .owl-buttons .owl-next, .categoryCarouselContainer2 .owl-theme .owl-controls .owl-buttons .owl-prev, .categoryCarouselContainer2 .owl-theme .owl-controls .owl-buttons .owl-next {
top: 20%;
}
}
@media (min-width: 992px) {
.categoryCarouselContainer1 .owl-theme .owl-controls .owl-buttons .owl-prev, .categoryCarouselContainer1 .owl-theme .owl-controls .owl-buttons .owl-next, .categoryCarouselContainer2 .owl-theme .owl-controls .owl-buttons .owl-prev, .categoryCarouselContainer2 .owl-theme .owl-controls .owl-buttons .owl-next {
padding: 25px 15px;
}
}
.categoryCarouselContainer1 .owl-theme .owl-controls .owl-buttons .owl-prev:hover, .categoryCarouselContainer1 .owl-theme .owl-controls .owl-buttons .owl-next:hover, .categoryCarouselContainer2 .owl-theme .owl-controls .owl-buttons .owl-prev:hover, .categoryCarouselContainer2 .owl-theme .owl-controls .owl-buttons .owl-next:hover {
color: #208bbc;
}
.categoryCarouselContainer1 .owl-theme .owl-controls .owl-buttons .owl-prev, .categoryCarouselContainer2 .owl-theme .owl-controls .owl-buttons .owl-prev {
left: 0;
border-left: 0;
}
.categoryCarouselContainer1 .owl-theme .owl-controls .owl-buttons .owl-next, .categoryCarouselContainer2 .owl-theme .owl-controls .owl-buttons .owl-next {
right: 0;
border-right: 0;
}
.categoryCarouselContainer1 .owl-theme .owl-controls .owl-page span, .categoryCarouselContainer2 .owl-theme .owl-controls .owl-page span {
opacity: 1;
background-color: #bbb;
}
.categoryCarouselContainer1 .owl-theme .owl-controls .owl-page.active span, .categoryCarouselContainer2 .owl-theme .owl-controls .owl-page.active span {
background-color: #208bbc;
}
.shopSearchDetails {
margin: 0 auto 30px;
display: block;
}
.shopSearchDetails a {
float: left;
display: block;
width: 15%;
margin: 0;
color: #333333;
font-size: 26px;
text-align: right;
}
.shopSearchDetails a:hover {
color: #208bbc;
}
.shopSearchDetails select {
float: left;
display: block;
width: 70%;
margin: 0;
}
.gridListOption {
float: right;
margin-left: 30px;
}
.gridListOption select {
display: inline-block;
width: 100% !important;
}
@media (min-width: 768px) {
.gridListOption select {
width: 210px;
}
}
.gridListOption a, .gridListOption a:visited {
margin-left: 15px;
color: #333333;
font-size: 22px;
}
.gridListOption a:hover, .gridListOption a:visited:hover {
color: #208bbc;
}
span.inlineLabel {
margin-right: 6px;
font-weight: 400;
color: #333333;
}
.listColRight {
margin-top: 20px;
}
@media (min-width: 992px) {
.listColRight {
margin-top: 0;
}
}
ul.alsoAvailableIn {
padding: 0 0 0 18px;
}
ul.alsoAvailableIn li a {
width: 100%;
display: block;
padding: 5px 0;
}
a.iconLink span {
margin-right: 10px;
}
.iconLinkGroup a {
padding: 5px 0;
display: block;
}
.inlineSelect select {
display: inline-block;
max-width: 210px;
}
.inlineSelect button {
margin-top: 10px;
}
.search-facet-group a {
cursor: pointer;
}
.shop-checkout-info {
display: block;
color: red;
font-weight: bold;
}
@media (max-width: 767px) {
.shop-checkout-info {
display: inline-block;
}
}
/*Payment Page*/
.class-gift-card .btn-primary, .class-gift-card .pagination li a, .pagination li .class-gift-card a {
margin-top: 0;
padding: 4.5px 16px;
}
.checkoutblock .applied-card {
padding: 0 20px;
border: 1px solid #d2f4d2;
display: inline-block;
margin-left: 20px;
background: #d2f4d2;
}
.checkoutblock .applied-card .close {
float: left;
color: #e85948;
opacity: 1;
margin-right: 5px;
font-size: 18px;
margin-top: 2px;
}
.checkoutModule {
border: 1px solid #e4e4e4;
margin-bottom: 30px;
}
.checkoutModule .checkoutModuleBody {
padding: 15px 20px;
}
@media (min-width: 768px) {
.checkoutModule .checkoutModuleBody {
padding: 30px 20px;
}
}
.checkoutModule .checkoutModuleNext {
text-align: right;
padding: 0 20px 30px;
}
.checkoutModule .checkoutModuleNext .btn {
margin: 0;
display: block;
}
@media (min-width: 768px) {
.checkoutModule .checkoutModuleNext .btn {
display: inline-block;
}
}
.checkoutModule .gift-card-code {
margin: 30px 5px 10px;
display: flex;
}
.checkoutModule .gift-card-code .btn {
margin: 0;
padding: 4.5px 16px;
}
.checkoutModule .gift-card-code shop-checkout-info {
color: #e85948;
}
.checkoutModule .applied-card {
padding: 0 20px;
border: 1px solid #d2f4d2;
display: inline-block;
margin-left: 20px;
background: #d2f4d2;
}
.checkoutModule .applied-card h4 {
color: #000000;
font-size: 20px;
}
.checkoutModule .applied-card .close {
float: left;
color: #e85948;
opacity: 1;
margin-right: 5px;
font-size: 18px;
margin-top: 2px;
}
.checkoutModule .applied-card .close:hover {
opacity: 0.7;
}
.checkoutModuleHeader {
background: #e4e4e4;
margin: 0;
padding: 10px 20px;
}
.sidebar .checkoutModuleHeader {
margin: 0;
padding: 10px 20px;
background: #ffffff;
}
@media (min-width: 992px) {
.sidebar .checkoutModuleHeader {
background: #e4e4e4;
}
}
.checkoutHeader {
padding: 15px 0 30px;
}
@media (min-width: 768px) {
.checkoutHeader {
padding-top: 0;
}
}
@media (max-width: 767px) {
.checkoutHeader {
margin-top: -35px;
}
}
.checkoutHeader a img {
width: 100%;
max-width: 180px;
}
@media (min-width: 768px) {
.checkoutHeader a img {
max-width: 185px;
}
}
@media (min-width: 992px) {
.checkoutHeader a img {
max-width: 230px;
}
}
@media (min-width: 1200px) {
.checkoutHeader a img {
max-width: 245px;
}
}
@media (max-width: 767px) {
.checkoutHeader a img {
max-height: 70px;
max-width: 100%;
width: auto;
}
}
.checkoutHeader2 h1 {
margin-bottom: 0;
}
.checkoutHeader2 p {
margin: 15px 0 30px;
}
.checkoutStepIndicator {
width: 100%;
margin: 30px 0;
}
.checkoutStepIndicator .third {
float: left;
width: 33%;
text-align: center;
}
.checkoutStepIndicator .third div {
display: inline-block;
width: 60px;
height: 60px;
padding-top: 8px;
border-radius: 50%;
background: #e4e4e4;
font-size: 30px;
}
.checkoutStepIndicator .third p {
text-transform: uppercase;
margin: 10px 0 0;
font-size: 14px;
}
.checkoutStepIndicator .third.current div {
background: #5cb85c;
color: #ffffff;
}
.checkoutStepIndicator .third.complete div {
background-image: url("/content/images/checkmark.png");
background-repeat: no-repeat;
background-position: center center;
background-size: 25px auto;
background-color: #d2f4d2;
}
.checkoutStepIndicator .third.complete span {
opacity: 0;
}
.checkoutStepIndicator .third.complete p {
color: #5cb85c;
}
#yourCart {
border: 1px solid #e4e4e4;
padding: 0;
}
@media (min-width: 768px) {
#yourCart {
padding: 0 20px;
}
}
@media (min-width: 992px) {
#yourCart {
border: 0;
padding: 0;
}
}
@media (min-width: 992px) {
#yourCart.collapse {
display: block;
height: auto !important;
}
}
#yourCart .checkoutModuleHeader h3 {
margin-top: 5px;
}
@media (min-width: 992px) {
#yourCart .checkoutModuleHeader h3 {
margin-top: 0;
}
}
.yourCartToggle, .productSectionToggle {
display: block;
width: 100%;
background: #e4e4e4;
padding: 10px 20px;
color: #666666;
font-size: 21px;
line-height: 30px;
border: 0;
outline: 0;
text-align: left;
}
@media (min-width: 768px) {
.yourCartToggle, .productSectionToggle {
font-size: 25px;
line-height: 32px;
}
}
@media (min-width: 992px) {
.yourCartToggle, .productSectionToggle {
display: none;
}
}
.yourCartToggle:hover, .yourCartToggle:focus, .yourCartToggle:active, .productSectionToggle:hover, .productSectionToggle:focus, .productSectionToggle:active {
text-decoration: none;
color: #333333;
}
.yourCartToggle span, .productSectionToggle span {
float: right;
margin-top: 3px;
}
.yourCartToggle.collapsed span, .productSectionToggle.collapsed span {
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.productSectionToggle {
margin-top: 15px;
}
@media (min-width: 992px) {
.productSectionToggle {
display: none;
}
}
.productSectionToggle.buyingOptions {
margin-top: 30px;
background: #5cb85c;
color: #ffffff;
}
@media (min-width: 768px) {
.productSectionToggle.buyingOptions {
display: none !important;
}
}
@media (min-width: 768px) {
.productSectionToggle.alternateDescription {
display: none !important;
}
}
.productSection {
padding: 0 20px;
border: 1px solid #e4e4e4;
margin-top: -1px;
}
@media (min-width: 992px) {
.productSection {
border-left: 0;
border-right: 0;
padding: 30px 0;
}
}
@media (min-width: 992px) {
.productSection {
padding: 45px 0;
}
}
@media (min-width: 992px) {
.productSection.collapse {
display: block;
height: auto !important;
}
}
@media (min-width: 768px) {
.productSection.buyingOptions {
padding: 0;
border: 0;
margin-bottom: 45px;
display: block;
height: auto !important;
}
}
@media (min-width: 768px) {
.productSection.alternateDescription {
display: block;
border: 0;
padding: 0;
margin: 0;
height: auto !important;
}
}
.productSection .mediaItem {
margin-top: -1px;
padding: 15px 0;
border-top: 1px solid #e4e4e4;
}
@media (min-width: 768px) {
.productSection .mediaItem {
margin: 0;
padding: 15px 0 0;
border: 0;
}
}
@media (min-width: 992px) {
.productSection .mediaItem {
padding-top: 30px;
}
}
.productContentContainer {
position: relative;
margin: 30px 0 0;
}
.productContentContainer img {
width: auto;
}
@media (min-width: 768px) {
.productContentContainer {
margin: 45px 0 0;
}
}
@media (min-width: 992px) {
.productContentContainer {
min-height: 700px;
}
}
@media (min-width: 1200px) {
.productContentContainer {
min-height: 800px;
}
}
@media (min-width: 768px) {
.productCol1 {
padding-left: 250px;
}
}
@media (min-width: 992px) {
.productCol1 {
padding-left: 324px;
}
}
@media (min-width: 1200px) {
.productCol1 {
padding-left: 390px;
}
}
.productCol1 p {
font-family: "Droid Serif";
font-style: italic;
margin-top: 15px;
font-size: 16px;
}
@media (min-width: 768px) {
.productCol1 p {
margin-top: 26px;
font-size: 17px;
}
}
.productCol1 p a {
text-decoration: none;
}
.productCol1 p a:active, .productCol1 p a:hover, .productCol1 p a:focus {
text-decoration: underline;
}
.productCol2 {
text-align: center;
}
@media (min-width: 768px) {
.productCol2 {
text-align: left;
}
}
@media (min-width: 992px) {
.productCol2 {
padding-right: 15px;
}
}
@media (min-width: 768px) {
.productImageSidebar {
position: absolute;
top: 0;
left: 0;
padding: 0 20px 0 0;
}
}
.productExtra {
display: block;
margin: 20px auto;
text-align: center;
}
@media (min-width: 768px) {
.productExtra {
border-left: 1px solid #e4e4e4;
display: inline-block;
margin: 15px auto;
padding: 0 10px;
text-align: left;
}
.productExtra:first-child {
border: 0;
padding-left: 0;
}
}
.productExtra .productRating {
display: inline-block;
margin: 0;
}
.productExtra .productIcons {
list-style: none;
padding: 0;
margin: 0 0 10px;
}
@media (min-width: 768px) {
.productExtra .productIcons {
margin: 0;
}
}
.productExtra .productIcons li {
display: inline-block;
margin: 0 15px 0 0;
}
.productExtra .productIcons li a img {
width: 22px;
height: 22px;
}
.productTopDescription p {
font-size: 19px;
margin-top: 10px;
}
.productForm .form-group .mobile, .productForm .form-group .home, .productForm .form-group .phone {
margin-bottom: 20px;
}
@media (min-width: 768px) {
.productForm {
margin-top: 45px;
}
}
@media (min-width: 768px) {
.productForm h3 {
margin-bottom: 15px;
}
}
.productForm .radio {
background: #e4e4e4;
margin: 15px 0 0;
padding-left: 20px;
}
.productForm .radio.selected {
background: #d2f4d2;
}
.productForm .radio label {
width: 100%;
display: block;
padding: 15px;
font-weight: 400;
letter-spacing: 0.2px;
}
.productForm .radio label:hover {
cursor: pointer;
}
.productForm .radio label img {
width: 38px;
margin: 0 7px;
display: inline-block;
}
.productForm .tablesaw tr {
border-bottom: 1px solid #e4e4e4;
}
.productForm .tablesaw tr:first-child {
border-top: 1px solid #e4e4e4;
}
@media (min-width: 768px) {
.productForm .tablesaw tr:first-child {
border-top: 0;
}
}
.productForm .tablesaw tr th {
padding: 20px 0 10px;
}
.productForm .tablesaw tr td {
padding: 7px 0;
font-weight: 400;
}
@media (min-width: 768px) {
.productForm .tablesaw tr td {
padding: 15px 0;
}
}
.productForm .tablesaw tr td.format {
text-transform: uppercase;
}
.productForm .tablesaw tr td:first-child {
margin-top: 15px;
}
.productForm .tablesaw tr td:last-child {
margin-bottom: 15px;
}
.productForm .tablesaw b.tablesaw-cell-label {
text-transform: none;
width: 50%;
}
.productForm .tablesaw span.tablesaw-cell-content {
width: 50%;
}
.productForm input[type=submit] {
width: 100%;
font-size: 22px;
background: #5cb85c;
border-color: #5cb85c;
}
.productForm input[type=submit]:hover {
border-color: #5cb85c;
color: #5cb85c;
}
.productForm .addToWishlist {
text-align: center;
margin-bottom: 15px;
}
@media (min-width: 768px) {
.productForm .addToWishlist {
text-align: right;
}
}
.productForm .addToWishlist .iconLink {
display: inline-block;
margin: 20px 0 0;
}
#productSync1 .owl-controls {
margin: 10px 0 5px;
padding-bottom: 10px;
border-bottom: 1px solid #e4e4e4;
}
@media (min-width: 768px) {
#productSync1 .owl-controls {
display: none !important;
}
}
#productSync1 .owl-controls .owl-page span {
background: #bbb;
opacity: 1;
}
#productSync1 .owl-controls .owl-page.active span {
background: #208bbc;
}
#productSync1 .item {
margin: 5px;
text-align: center;
}
#productSync1 .item img {
max-width: 160px;
display: inline-block;
}
@media (min-width: 768px) {
#productSync1 .item img {
max-width: 100%;
}
}
#productSync2 {
display: none !important;
}
@media (min-width: 768px) {
#productSync2 {
display: block !important;
margin-top: 10px;
}
}
#productSync2 .owl-page span {
background: #bbb;
opacity: 1;
}
#productSync2 .owl-page.active span {
background: #208bbc;
}
#productSync2 .item {
margin: 5px;
text-align: center;
cursor: pointer;
opacity: 0.3;
overflow: hidden;
height: 110px;
}
@media (min-width: 768px) {
#productSync2 .item {
height: 65px;
}
}
@media (min-width: 992px) {
#productSync2 .item {
height: 90px;
}
}
@media (min-width: 1200px) {
#productSync2 .item {
height: 105px;
}
}
#productSync2 .item img {
width: 100%;
height: auto;
}
#productSync2 .synced .item {
opacity: 1;
}
#pdfViewer {
width: 100%;
height: 400px;
margin: 0;
border: 5px solid #ccc;
}
#pdfViewer p {
padding: 1em;
}
#pdfViewer object {
display: block;
}
@media (min-width: 768px) {
.productAlternate .productContentContainer {
margin-bottom: 45px;
}
}
.productAlternate .productCol1 {
margin-bottom: 20px;
}
@media (min-width: 768px) {
.productAlternate .productCol1 {
padding-left: 0;
margin-bottom: 40px;
}
}
@media (min-width: 992px) {
.productAlternate .productCol1 {
padding-left: 0;
}
}
@media (min-width: 1200px) {
.productAlternate .productCol1 {
padding-left: 0;
}
}
.productAlternate .productForm .mobile {
margin-bottom: 20px;
}
@media (min-width: 768px) {
.productAlternate .productForm {
margin-top: 0;
}
}
.productAlternate .productForm input[type=submit] {
margin-top: 30px;
}
.productAlternate .productForm .addToWishlist {
text-align: center;
margin-bottom: 15px;
}
@media (min-width: 768px) {
.productAlternate .productForm .addToWishlist {
text-align: center;
}
}
.productAlternate .productSectionToggle.buyingOptions {
margin-top: 15px;
}
@media (min-width: 768px) {
.productAlternate .block-pull {
width: 100%;
}
}
@media (min-width: 992px) {
.productAlternate .block-pull {
width: 45%;
}
}
@media (min-width: 768px) {
.productAlternate .block-pull.pull-right {
float: none !important;
margin: 0;
}
}
@media (min-width: 992px) {
.productAlternate .block-pull.pull-right {
float: right !important;
margin: 10px 0 10px 30px;
}
}
@media (min-width: 768px) {
.productAlternate .block-pull.pull-left {
float: none !important;
margin: 0;
}
}
@media (min-width: 992px) {
.productAlternate .block-pull.pull-left {
float: left !important;
margin: 10px 30px 10px 0;
}
}
.productExtraContainer {
margin: 15px 0;
}
ul.splitList {
margin: 15px 0;
padding: 0 0 0 20px;
}
@media (min-width: 768px) {
ul.splitList {
margin-bottom: 45px;
}
}
ul.splitList li {
margin: 10px 0;
}
.alternateFormatOption {
margin-top: -1px;
padding: 5px 0;
border-top: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4;
}
.alternateFormatOption .row {
margin-top: 15px;
margin-bottom: 15px;
}
.alternateFormatOption .left {
color: #666666;
font-size: 21px;
line-height: 30px;
}
.alternateFormatOption .right {
font-weight: 400;
text-transform: uppercase;
font-size: 17px;
line-height: 24px;
}
.alternateSelectLanguage {
margin: 0;
padding: 0 0 30px;
}
@media (min-width: 768px) {
.alternateSelectLanguage {
padding: 20px 0 30px;
border-top: 1px solid #e4e4e4;
}
}
.alternateSelectLanguage h3 {
font-size: 21px;
line-height: 30px;
}
.alternateDescriptionBody {
padding: 15px 0;
}
@media (min-width: 768px) {
.alternateDescriptionBody {
padding: 10px 0;
}
}
.similarProducts {
padding: 30px 0 0;
}
@media (min-width: 768px) {
.similarProducts {
padding: 45px 0 0;
}
}
.similarProducts h3 {
margin-bottom: 15px;
}
@media (min-width: 768px) {
.similarProducts h3 {
margin-bottom: 30px;
}
}
.customerReviewsItem {
margin-top: -1px;
border-top: 1px solid #e4e4e4;
}
@media (min-width: 768px) {
.customerReviewsItem {
border: 0;
}
}
@media (min-width: 992px) {
.customerReviewsItem {
padding: 20px 0 0;
}
}
#aboutAuthorSection img {
margin-top: 20px;
}
@media (min-width: 992px) {
#aboutAuthorSection img {
margin-top: 0;
}
}
.curriculumItem {
margin-top: -1px;
border-top: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4;
padding: 15px 0 25px;
}
.curriculumItem:last-child {
margin-bottom: 15px;
}
.curriculumHeader {
margin: 15px 0;
}
@media (min-width: 768px) {
.curriculumHeader {
margin: 30px 0;
}
}
.customerReviewsDetails {
margin: 15px 0 15px;
}
@media (min-width: 768px) {
.customerReviewsDetails {
text-align: right;
}
}
.customerReviewsDetails h3 {
text-align: left;
}
.customerReviewsDetails .submitReview {
display: inline-block;
margin: 0 0 15px;
}
@media (min-width: 768px) {
.customerReviewsDetails .submitReview {
margin: 5px 0 0;
}
}
#videoSection .embed-responsive {
margin-top: 15px;
}
#paymentCC, #paymentPP, #paymentACH {
margin-top: 30px;
display: none;
}
#paymentCC.selected, #paymentPP.selected, #paymentACH.selected {
display: block;
}
.checkoutButtons {
text-align: center;
margin-bottom: 30px;
}
@media (min-width: 768px) {
.checkoutButtons {
text-align: left;
}
}
@media (min-width: 992px) {
.checkoutButtons {
text-align: right;
}
}
.checkoutButtons .btn {
display: block;
margin: 0;
}
@media (min-width: 768px) {
.checkoutButtons .btn {
display: inline-block;
}
}
.checkoutButtons span {
display: block;
margin: 10px;
}
@media (min-width: 768px) {
.checkoutButtons span {
margin: 5px 10px 0;
display: inline-block;
}
}
.middle-aligned {
vertical-align: middle !important;
}
.tablesaw-stack .text-right {
text-align: right !important;
}
.tablesaw-stack .bottom-border {
border-bottom: 2px solid #aaa;
}
.tablesaw-stack .bottom-border td {
padding-bottom: 10px !important;
}
.tablesaw-stack .bottom-border + tr td {
padding-top: 10px !important;
}
.primary-text {
color: #208bbc;
font-weight: 700;
}
.background-box {
background: #666;
border-radius: 2px;
font-weight: 700;
color: #ffffff;
padding: 4px 8px;
}
.text-smaller {
font-size: 14px;
}
.tablesaw-stack .spacing-top td {
padding-top: 10px !important;
}
.sidebarmenublock .pad15 {
padding: 0;
}
.sidebarmenublock .bordered, .sidebarmenublock .form, .sidebarmenublock .block form input, .block form .sidebarmenublock input, .sidebarmenublock .block form textarea, .block form .sidebarmenublock textarea, .sidebarmenublock .block form select, .block form .sidebarmenublock select, .sidebarmenublock .polaroid, .sidebarmenublock .polaroid .item-container h3, .polaroid .item-container .sidebarmenublock h3, .sidebarmenublock .classes .polaroid .item-container a, .classes .polaroid .item-container .sidebarmenublock a {
border: none;
}
.sidebarmenublock .sidebar-title {
font-size: 18px;
}
.sidebarmenublock .sidebar-title i {
font-size: 16px;
color: #208bbc;
line-height: 30px;
}
.sidebarmenublock .sidebar-title i:before {
content: "\e114";
}
.sidebarmenublock .sidebar-title.collapsed i:before {
content: "\e080";
}
.sidebarmenublock ul {
padding: 0;
}
.sidebarmenublock ul li {
list-style: none;
margin: 2px 0;
}
.sidebarmenublock ul li a {
color: #000000;
display: block;
background: #F2F2F2;
padding: 12px 5px;
font-size: 15px;
}
.media-holder .block {
margin: 0;
}
.media-holder .rosterAttendeesTable .comment {
word-break: break-all;
}
@media (max-width: 767px) {
.media-holder .upcomingclassesblock .table.table-striped tr td {
text-align: left;
}
}
.media-holder .createpopblock .time-button table tr:nth-child(2) td:nth-child(2) {
padding-right: 3px;
}
.media-holder .createpopblock .schedule-area {
border: solid 1px #ccc;
}
.media-holder .video-inner .video-js.vjs-16-9, .media-holder .video-inner .video-js.vjs-4-3, .media-holder .video-inner .video-js.vjs-fluid {
height: 100%;
}
.media-holder .video-inner h1 {
font-size: 28px;
line-height: 1;
}
.media-holder .video-inner .channel-description {
background: #F2F2F2;
padding: 15px 20px;
font-size: 14px;
line-height: 1.4;
margin-top: 20px;
}
.media-holder .video-inner .channel-description .channel-more, .media-holder .video-inner .channel-description .channel-less {
color: #333333;
font-weight: 700;
}
.media-holder .holder-chanel {
background: #F2F2F2;
padding: 5px 7px;
margin-bottom: 7px;
}
.media-holder .holder-chanel .channel-title {
font-style: italic;
font-size: 13px;
font-weight: 500;
}
.media-holder .holder-chanel .channel-description {
font-size: 14px;
font-weight: 500;
}
.media-holder .holder-chanel .channel-description p {
margin: 0;
}
.media-holder .holder-chanel .btn-primary, .media-holder .holder-chanel .pagination li a, .pagination li .media-holder .holder-chanel a {
border: 1px solid #ffffff;
background: #F99C24;
position: absolute;
bottom: 17%;
margin: 0px auto -20px auto;
line-height: 16px;
padding: 6px 7px;
font-weight: normal;
transform: translate(-50%);
left: 50%;
}
.media-holder .holder-chanel .btn-primary a, .media-holder .holder-chanel .pagination li a a, .pagination li .media-holder .holder-chanel a a {
color: #ffffff;
text-decoration: none;
}
.media-holder .holder-chanel .btn-primary.disabled-button, .media-holder .holder-chanel .pagination li a.disabled-button, .pagination li .media-holder .holder-chanel a.disabled-button {
background: #bbb8ba;
cursor: none;
}
.media-holder .holder-chanel .btn-primary.disabled-button a, .media-holder .holder-chanel .pagination li a.disabled-button a, .pagination li .media-holder .holder-chanel a.disabled-button a {
cursor: default;
}
.media-holder .holder-chanel .tooltip-inner {
word-wrap: break-word !important;
}
.media-holder .holder-chanel .media-gallery-component {
position: relative;
overflow: hidden;
}
.media-holder .holder-chanel .media-gallery-component .blue-corner {
width: 100px;
background: #009DD9;
position: absolute;
top: 25px;
left: -50px;
text-align: center;
line-height: 1;
padding: 30px 0 3px 0;
color: #f0f0f0;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
font-size: 14px;
font-weight: 700;
}
.media-holder .holder-chanel .media-gallery-component .blue-corner.ribbon-left {
top: -8px;
left: -34px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.media-holder .holder-chanel .media-gallery-component .video .glyphicon-play-circle {
position: absolute;
color: #ffffff;
font-size: 50px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.media-holder .holder-chanel .media-gallery-component .video .glyphicon-play-circle:hover {
color: #009DD9;
transition: 0.5s;
}
@media (max-width: 767px) {
.media-holder .angulardatepicker .dropdown-menu {
max-width: 100%;
}
.media-holder .angulardatepicker .dropdown-menu li div {
display: block;
width: 100%;
overflow-x: auto;
}
}
/*Facilitating Schedule Icons*/
@media (max-width: 767px) {
.facilitatorscheduleblock .table.table-striped tr td {
text-align: left;
}
}
.facilitatorscheduleblock .pop-dropdown a {
position: relative;
}
.facilitatorscheduleblock .pop-dropdown .cog-bg {
position: relative;
display: inline-block;
vertical-align: middle;
}
.facilitatorscheduleblock .pop-dropdown .cog-bg:before {
content: "\e019";
font-family: "Glyphicons Halflings";
top: -31px;
position: absolute;
left: -36px;
color: #208bbc;
}
.facilitatorscheduleblock .pop-dropdown .ballon-bg {
position: relative;
display: inline-block;
vertical-align: middle;
}
.facilitatorscheduleblock tr {
position: relative;
}
.facilitatorscheduleblock tr .pop-content {
border: 1px solid rgba(0, 0, 0, 0.15) !important;
border-radius: 4px !important;
display: inline-table;
position: absolute;
background: #fff;
left: 0px;
right: 0;
z-index: 2;
}
.facilitatorscheduleblock tr .pop-content h2 {
font-size: 18px;
line-height: 22px;
font-weight: bold;
padding-left: 10px;
}
@media (max-width: 480px) {
.facilitatorscheduleblock tr .pop-content h2 {
font-size: 16px;
}
}
.facilitatorscheduleblock tr .pop-content ul {
text-align: left;
padding: 10px;
}
.facilitatorscheduleblock tr .pop-content ul .close {
color: #208bbc;
font-size: 25px;
opacity: 1;
}
.facilitatorscheduleblock tr .pop-content ul li {
list-style: none;
padding-left: 10px;
}
.facilitatorscheduleblock tr .pop-content ul li p {
margin-bottom: 0;
}
.facilitatorscheduleblock tr .pop-content ul li a {
display: inline-block;
color: #333333;
cursor: pointer;
}
.facilitatorscheduleblock tr .pop-content ul li a:hover {
color: #208bbc;
}
@media (max-width: 480px) {
.facilitatorscheduleblock tr .pop-content ul li {
font-size: 15px;
}
}
@media (max-width: 375px) {
.facilitatorscheduleblock tr .pop-content ul li {
font-size: 11px;
}
}
/*ROOSTER/CHECK IN*/
.currentRoster {
padding-left: 0 !important;
}
/*END*/
.upcoming-title {
font-size: 18px;
font-weight: 700;
line-height: 1;
}
#upcomingBox .upcoming-inner {
float: left;
}
#upcomingBox hr {
margin: 15px 0;
}
#upcomingBox .upcoming-block {
margin-bottom: 15px;
}
#upcomingBox .upcoming-block .upcoming-container {
position: relative;
}
#upcomingBox .upcoming-block .upcoming-container .upcoming-item {
position: relative;
}
#upcomingBox .upcoming-block .upcoming-container .upcoming-item .holder-upcoming {
border: 1px solid #e4e4e4;
overflow: hidden;
position: relative;
}
#upcomingBox .upcoming-block .upcoming-container .upcoming-item .holder-upcoming .blue-corner {
width: 100px;
background: #009DD9;
position: absolute;
top: 25px;
left: -50px;
text-align: center;
line-height: 1;
padding: 30px 0 3px 0;
color: #f0f0f0;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
font-size: 14px;
font-weight: 700;
}
#upcomingBox .upcoming-block .upcoming-container .upcoming-item .holder-upcoming .blue-corner.ribbon-left {
top: -8px;
left: -34px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
#upcomingBox .upcoming-block .upcoming-container .upcoming-item .holder-upcoming .blue-banner {
width: 100%;
background: #009DD9;
position: absolute;
top: auto;
left: 0;
right: 0;
bottom: 0;
text-align: center;
line-height: 15px;
padding: 4px 0;
color: #f0f0f0;
font-size: 15px;
font-weight: 700;
}
#upcomingBox .upcoming-block .upcoming-container .upcoming-item .holder-upcoming .blue-banner.ribbon-down {
top: auto;
bottom: 0;
left: 0;
right: 0;
}
#upcomingBox .upcoming-block .upcoming-container .channel-description {
font-size: 14px;
margin-top: 14px;
font-weight: 500;
min-height: 60px;
}
#upcomingBox .upcoming-block .upcoming-container .channel-description p {
margin: 0;
position: relative;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* number of lines to show */
line-clamp: 2;
-webkit-box-orient: vertical;
}
#upcomingBox .upcoming-block .upcoming-container .btn-primary, #upcomingBox .upcoming-block .upcoming-container .pagination li a, .pagination li #upcomingBox .upcoming-block .upcoming-container a {
border: 1px solid #ffffff;
background: #F99C24;
position: absolute;
bottom: 8%;
margin: 0px auto -20px auto;
line-height: 16px;
padding: 6px 7px;
font-weight: normal;
font-size: 11px;
transform: translate(-50%);
left: 50%;
}
#upcomingBox .upcoming-block .upcoming-container .btn-primary a, #upcomingBox .upcoming-block .upcoming-container .pagination li a a, .pagination li #upcomingBox .upcoming-block .upcoming-container a a {
color: #ffffff;
text-decoration: none;
}
#upcomingBox .upcoming-block .upcoming-container .btn-primary.disabled-button, #upcomingBox .upcoming-block .upcoming-container .pagination li a.disabled-button, .pagination li #upcomingBox .upcoming-block .upcoming-container a.disabled-button {
background: #bbb8ba;
cursor: none;
bottom: 47%;
}
#upcomingBox .upcoming-block .upcoming-container .btn-primary.disabled-button a, #upcomingBox .upcoming-block .upcoming-container .pagination li a.disabled-button a, .pagination li #upcomingBox .upcoming-block .upcoming-container a.disabled-button a {
cursor: default;
}
#upcomingBox .lds-roller {
display: block;
position: relative;
width: 64px;
height: 64px;
text-align: center;
margin: 50px auto 0;
}
#upcomingBox .lds-roller div {
animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
transform-origin: 32px 32px;
}
#upcomingBox .lds-roller div:after {
content: " ";
display: block;
position: absolute;
width: 6px;
height: 6px;
border-radius: 50%;
background: #009DD9;
margin: 0 auto;
text-align: center;
}
#upcomingBox .lds-roller div:nth-child(1) {
animation-delay: -0.036s;
}
#upcomingBox .lds-roller div:nth-child(1):after {
top: 50px;
left: 50px;
}
#upcomingBox .lds-roller div:nth-child(2) {
animation-delay: -0.072s;
}
#upcomingBox .lds-roller div:nth-child(2):after {
top: 54px;
left: 45px;
}
#upcomingBox .lds-roller div:nth-child(3) {
animation-delay: -0.108s;
}
#upcomingBox .lds-roller div:nth-child(3):after {
top: 57px;
left: 39px;
}
#upcomingBox .lds-roller div:nth-child(4) {
animation-delay: -0.144s;
}
#upcomingBox .lds-roller div:nth-child(4):after {
top: 58px;
left: 32px;
}
#upcomingBox .lds-roller div:nth-child(5) {
animation-delay: -0.18s;
}
#upcomingBox .lds-roller div:nth-child(5):after {
top: 57px;
left: 25px;
}
#upcomingBox .lds-roller div:nth-child(6) {
animation-delay: -0.216s;
}
#upcomingBox .lds-roller div:nth-child(6):after {
top: 54px;
left: 19px;
}
#upcomingBox .lds-roller div:nth-child(7) {
animation-delay: -0.252s;
}
#upcomingBox .lds-roller div:nth-child(7):after {
top: 50px;
left: 14px;
}
#upcomingBox .lds-roller div:nth-child(8) {
animation-delay: -0.288s;
}
#upcomingBox .lds-roller div:nth-child(8):after {
top: 45px;
left: 10px;
}
@keyframes lds-roller {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
#upcomingBox .more-button {
text-align: center;
margin-top: 20px;
position: relative;
}
#upcomingBox .more-button .btn {
background: #208bbc;
border: 1px solid #208bbc;
color: #ffffff;
}
#upcomingBox .more-button .btn:hover {
background: #ffffff;
color: #208bbc;
}
#upcomingBox .more-button .btn .fa-spinner {
display: none;
}
#upcomingBox .more-button .btn.loading .fa-spinner {
display: inline-block;
-webkit-animation: fa-spin 1s infinite linear;
animation: fa-spin 1s infinite linear;
}
/*Vod Page*/
.videoondemandblock hr {
margin: 20px 0;
}
.media-holder .video-section {
display: inline-block;
width: 100%;
margin-bottom: 20px;
}
.media-holder .video-section .holder-chanel .image-video {
position: relative;
}
.media-holder .video-section .holder-chanel .image-video .glyphicon-play-circle {
position: absolute;
color: #ffffff;
font-size: 50px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.media-holder .video-section .holder-chanel .image-video .glyphicon-play-circle:hover {
color: #009DD9;
transition: 0.5s;
}
.media-holder .video-title {
font-size: 18px;
font-weight: 700;
line-height: 1;
}
.media-holder .filters-holder {
margin-bottom: 20px;
display: inline-block;
width: 100%;
}
.media-holder .filters-holder .dropdown-menu {
right: 15px;
}
.media-holder .filters-holder .dropdown-menu li a {
white-space: normal;
}
.media-holder .filters-holder .title-filter {
font-size: 14px;
}
.media-holder .filters-holder .form-control {
font-size: 14px;
padding: 2px;
height: 28px;
}
.media-holder .filters-holder .table-holder {
display: table;
}
.media-holder .filters-holder .remaining-items {
display: table-cell;
vertical-align: middle;
font-size: 14px;
text-align: center;
padding-top: 26px;
}
.media-holder .filters-holder .reset-button {
text-align: center;
margin-top: 20px;
}
.media-holder .holder-vod-page .vod-page .holder-demand {
position: relative;
overflow: hidden;
border: 1px solid #e4e4e4;
}
.media-holder .holder-vod-page .vod-page .holder-demand .img-responsive {
margin: 0 auto;
}
.media-holder .holder-vod-page .vod-page .holder-demand .glyphicon-heart {
position: absolute;
top: 3px;
right: 3px;
font-size: 22px;
}
.media-holder .holder-vod-page .vod-page .holder-demand .glyphicon-play-circle {
position: absolute;
color: #ffffff;
font-size: 40px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.media-holder .holder-vod-page .vod-page .holder-demand .glyphicon-play-circle:hover {
color: #009DD9;
transition: 0.5s;
}
.media-holder .holder-vod-page .vod-page .holder-demand .blue-corner {
width: 100px;
background: #009DD9;
position: absolute;
top: 25px;
left: -50px;
text-align: center;
line-height: 1;
padding: 30px 0 3px 0;
color: #f0f0f0;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
font-size: 14px;
font-weight: 700;
}
.media-holder .holder-vod-page .vod-page .holder-demand .blue-corner.ribbon-left {
top: -8px;
left: -34px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.media-holder .holder-vod-page .vod-page .channel-description {
font-size: 14px;
margin: 10px 0;
font-weight: 500;
min-height: 60px;
}
.media-holder .holder-vod-page .more-button {
text-align: center;
margin-top: 20px;
}
.media-holder .holder-vod-page .more-button .btn {
background: #208bbc;
border: 1px solid #208bbc;
}
.media-holder .holder-vod-page .more-button .btn:hover {
background: #ffffff;
color: #208bbc;
}
.streaming-img {
margin-top: 10px;
}
#vod-modal .modal-dialog {
width: 672px;
}
#vod-modal #vod-modal-video-player > *,
#vod-modal #vod-modal-video-player > * > .dc-video-player-wrapper {
width: 100% !important;
height: 100% !important;
}
#streaming-video-player > *,
#streaming-video-player > * > .dc-video-player-wrapper {
width: 100% !important;
height: 100% !important;
}
#NavMain #SiteSearch {
float: right;
}
@media (max-width: 1440px) {
#NavMain #SiteSearch {
width: 48%;
}
}
@media (max-width: 1024px) {
#NavMain #SiteSearch {
width: 60%;
}
}
@media (max-width: 768px) {
#NavMain #SiteSearch {
width: 80%;
}
}
.holder-image-top {
position: relative;
z-index: 999;
}
@media (max-width: 1024px) {
#upcomingBox .upcoming-block .upcoming-container .btn-primary, #upcomingBox .upcoming-block .upcoming-container .pagination li a, .pagination li #upcomingBox .upcoming-block .upcoming-container a {
transform: translate(-29%);
left: 36%;
}
#upcomingBox .upcoming-block .upcoming-container .btn-primary.disabled-button, #upcomingBox .upcoming-block .upcoming-container .pagination li a.disabled-button, .pagination li #upcomingBox .upcoming-block .upcoming-container a.disabled-button {
bottom: 52%;
}
.small-videos-right .holder-chanel .media-gallery-component .btn-primary, .small-videos-right .holder-chanel .media-gallery-component .pagination li a, .pagination li .small-videos-right .holder-chanel .media-gallery-component a {
transform: translate(-29%);
left: 38%;
bottom: 22%;
}
}
@media (max-width: 992px) {
.streaming-img {
margin-top: 7px;
}
.small-videos-right {
margin-top: 7px;
}
#upcomingBox .upcoming-block .upcoming-container .btn-primary, #upcomingBox .upcoming-block .upcoming-container .pagination li a, .pagination li #upcomingBox .upcoming-block .upcoming-container a {
transform: translate(-26%);
left: 36%;
bottom: 8%;
}
#upcomingBox .upcoming-block .upcoming-container .btn-primary.disabled-button, #upcomingBox .upcoming-block .upcoming-container .pagination li a.disabled-button, .pagination li #upcomingBox .upcoming-block .upcoming-container a.disabled-button {
bottom: 52%;
}
}
@media (max-width: 768px) {
.streaming-img {
margin-top: 2px;
margin-bottom: 10px;
}
.small-videos-right .holder-chanel .media-gallery-component .btn-primary, .small-videos-right .holder-chanel .media-gallery-component .pagination li a, .pagination li .small-videos-right .holder-chanel .media-gallery-component a {
transform: translate(-50%);
left: 50%;
bottom: 10%;
}
#streaming-video-player .dacast-theo {
margin: 0 auto;
}
#upcomingBox .upcoming-block .upcoming-container .btn-primary, #upcomingBox .upcoming-block .upcoming-container .pagination li a, .pagination li #upcomingBox .upcoming-block .upcoming-container a {
bottom: 2%;
}
#upcomingBox .upcoming-block .upcoming-container .btn-primary.disabled-button, #upcomingBox .upcoming-block .upcoming-container .pagination li a.disabled-button, .pagination li #upcomingBox .upcoming-block .upcoming-container a.disabled-button {
bottom: 31%;
}
.video-section .owl-controls {
position: absolute;
top: 40%;
right: 25px;
left: 25px;
}
.video-section .owl-controls .owl-prev {
float: left;
width: 30px;
height: 30px;
line-height: 26px;
background: #333333 !important;
opacity: 0.5;
padding: 3px 10px 3px 9px !important;
}
.video-section .owl-controls .owl-next {
float: right;
width: 30px;
height: 30px;
line-height: 26px;
background: #333333 !important;
padding: 3px 10px 3px 9px !important;
}
}
@media (max-width: 767px) {
.holder-image-top {
padding-left: 0;
float: left;
}
.min-logo-title {
min-height: 19px;
}
.logo-title {
font-size: 14px;
display: block;
}
.logo-title > * {
margin: 0;
font-size: 14px;
letter-spacing: 0;
}
.streaming-img {
margin: 0 0 5px 0;
}
.streaming-img .stream-img {
opacity: 0;
pointer-events: none;
visibility: hidden;
}
.streaming-img .stream-img.stream-img-visible {
opacity: 1;
pointer-events: auto;
visibility: visible;
}
.streaming-img img {
max-width: 126px;
}
#upcomingBox .upcoming-block .upcoming-container .btn-primary, #upcomingBox .upcoming-block .upcoming-container .pagination li a, .pagination li #upcomingBox .upcoming-block .upcoming-container a {
bottom: 2%;
}
#upcomingBox .upcoming-block .upcoming-container .btn-primary.disabled-button, #upcomingBox .upcoming-block .upcoming-container .pagination li a.disabled-button, .pagination li #upcomingBox .upcoming-block .upcoming-container a.disabled-button {
bottom: 17%;
}
.class-calendar-search .advanced-search > div {
width: 33.3333% !important;
}
}
@media (max-width: 680px) {
#vod-modal .modal-dialog {
width: auto;
}
}
@media (max-width: 620px) {
#upcomingBox .upcoming-block .upcoming-container .btn-primary.disabled-button, #upcomingBox .upcoming-block .upcoming-container .pagination li a.disabled-button, .pagination li #upcomingBox .upcoming-block .upcoming-container a.disabled-button {
bottom: 21%;
}
}
@media (max-width: 570px) {
#upcomingBox .upcoming-block .upcoming-container .btn-primary, #upcomingBox .upcoming-block .upcoming-container .pagination li a, .pagination li #upcomingBox .upcoming-block .upcoming-container a {
transform: translate(-50%);
left: 50%;
}
#upcomingBox .upcoming-block .upcoming-container .btn-primary.disabled-button, #upcomingBox .upcoming-block .upcoming-container .pagination li a.disabled-button, .pagination li #upcomingBox .upcoming-block .upcoming-container a.disabled-button {
bottom: 23%;
}
.class-calendar-search .advanced-search > div {
width: 50% !important;
}
}
@media (max-width: 480px) {
#upcomingBox .upcoming-block .upcoming-container .btn-primary, #upcomingBox .upcoming-block .upcoming-container .pagination li a, .pagination li #upcomingBox .upcoming-block .upcoming-container a {
bottom: 3%;
}
#upcomingBox .upcoming-block .upcoming-container .btn-primary.disabled-button, #upcomingBox .upcoming-block .upcoming-container .pagination li a.disabled-button, .pagination li #upcomingBox .upcoming-block .upcoming-container a.disabled-button {
bottom: 28%;
}
}
@media (max-width: 422px) {
.holder-image-top.col-xs-offset-3 {
margin: 0;
}
}
@media (max-width: 385px) {
.media-holder .filters-holder .remaining-items {
font-size: 11px;
margin-left: 6px;
}
}
@media (max-width: 375px) {
#upcomingBox .upcoming-block .upcoming-container .btn-primary.disabled-button, #upcomingBox .upcoming-block .upcoming-container .pagination li a.disabled-button, .pagination li #upcomingBox .upcoming-block .upcoming-container a.disabled-button {
bottom: 32%;
}
}
@media (max-width: 360px) {
#upcomingBox .upcoming-block .upcoming-container .btn-primary.disabled-button, #upcomingBox .upcoming-block .upcoming-container .pagination li a.disabled-button, .pagination li #upcomingBox .upcoming-block .upcoming-container a.disabled-button {
bottom: 33%;
}
}
@media (max-width: 320px) {
#upcomingBox .upcoming-block .upcoming-container .btn-primary.disabled-button, #upcomingBox .upcoming-block .upcoming-container .pagination li a.disabled-button, .pagination li #upcomingBox .upcoming-block .upcoming-container a.disabled-button {
bottom: 37%;
}
.tablesaw .content-attendees .wrappedTooltip {
width: 90%;
}
.tablesaw .content-attendees .refresh-btn {
width: 10%;
}
}
.my-account-page-title {
font-weight: bold;
text-decoration: underline;
}
.my-account-page-items {
font-weight: bold;
}
@media (max-width: 768px) {
.block.callouttextblock3 {
padding-left: 0;
padding-right: 0;
}
.block.callouttextblock3 .callout {
padding: 0;
}
}
.no-background {
background: none;
}
.classRegister .cost-table {
font-size: 24px;
}
.classRegister__costs {
float: left;
margin: 30px 0;
}
@media (min-width: 768px) {
.classRegister__costs table {
width: auto;
}
}
.classRegister__costs .table tbody tr td {
border: 0;
}
.classRegister .orange {
color: #ff9966;
font-size: 16px;
}
@media (max-width: 767px) {
.classRegister h2 span {
font-size: 18px;
font-style: italic;
display: block;
}
}
.regBlock {
font-size: 16px;
}
.regBlock p {
margin-bottom: 8px;
}
.regBlock .registerForClass {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding-bottom: 30px;
}
.regBlock .registerForClass--border-none {
border: none;
}
@media (min-width: 992px) {
.sidebar.sidebar__bordered {
padding-left: 20px;
border-left: 1px solid rgba(0, 0, 0, 0.1);
margin-left: 30px;
}
}
@media (max-width: 767px) {
.sidebar .reset-btn {
margin-top: 30px;
}
}
.border-bottom {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding-bottom: 10px;
padding-top: 30px;
}
@media (min-width: 768px) {
.border-bottom {
margin-left: -20px;
padding-left: 20px;
}
}
@media (max-width: 375px) {
.tooltip.top {
margin-left: -30px !important;
}
}
@media (max-width: 320px) {
.tooltip.top {
margin-left: -89px !important;
}
}
.tooltip-inner {
max-width: 260px;
padding: 10px;
}
.action-links {
clear: both;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 30px;
position: relative;
z-index: 3;
}
@media (max-width: 767px) {
.action-links {
display: block;
align-content: normal;
justify-content: normal;
}
}
.link-green {
border-radius: 50px;
letter-spacing: 0.5px;
font-weight: 300;
white-space: normal;
background: #5cb85c !important;
color: #ffffff;
border: 1px solid #5cb85c !important;
padding: 9px 10px;
font-size: 24px;
display: flex;
align-items: center;
flex: 1;
justify-content: center;
width: 100%;
text-align: center;
cursor: pointer;
}
@media (max-width: 767px) {
.link-green {
display: block;
align-items: normal;
justify-content: normal;
flex: none;
margin-bottom: 10px;
padding: 9px 10px !important;
font-size: 18px !important;
}
}
.link-green.small-button {
font-size: 14px !important;
margin: 0 2px !important;
}
.link-green:hover {
background: #ffffff !important;
color: #5cb85c !important;
transition: all 0.35s ease;
text-decoration: none;
}
.link-green:focus {
outline: none;
}
@media (min-width: 992px) and (max-width: 1200px) {
.link-green {
font-size: 20px;
}
}
.link-green--blue {
background: #208bbc !important;
border: 1px solid #208bbc !important;
}
.link-green--blue:hover {
background: #ffffff !important;
color: #208bbc !important;
}
.link-green--disabled {
background: rgba(102, 102, 102, 0.5) !important;
border: 1px solid rgba(102, 102, 102, 0.1) !important;
}
.link-green--disabled:hover {
background: rgba(102, 102, 102, 0.5) !important;
border: 1px solid rgba(102, 102, 102, 0.1) !important;
color: #ffffff !important;
/*cursor: not-allowed;*/
}
.link-green--disabled + div {
opacity: 0.6;
}
.link-green--inlineblock {
display: inline-block;
padding: 9px 40px;
}
.link-green--nolink:hover {
background: #5cb85c;
color: #ffffff;
border: 1px solid #5cb85c;
}
.link-video {
width: 54px;
height: 54px;
display: inline-block;
border-radius: 100%;
background: url("/Content/images/blocks/video.png") no-repeat center center;
background-size: cover;
margin-left: 15px;
}
.link-video:hover {
opacity: 0.8;
}
.link-map {
width: 54px;
height: 54px;
display: inline-block;
border-radius: 100%;
background: url("/Content/images/blocks/map.png") no-repeat center center;
background-size: cover;
margin-left: 15px;
}
.link-map:hover {
opacity: 0.8;
}
.text-ellipsis {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
@media (max-width: 767px) {
.text-ellipsis-xs {
overflow: visible;
white-space: pre-wrap;
}
}
.class-content {
/* nav tabs */
}
.class-content a.show-more {
display: none;
position: absolute;
bottom: -40px;
left: 0;
right: 0;
margin: auto;
font-size: 16px;
color: #208bbc;
z-index: 2;
}
.class-content.show-more-content {
height: 330px;
position: relative;
}
.class-content.show-more-content:after {
content: "";
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 3%, rgba(255, 255, 255, 0.98) 98%, rgb(255, 255, 255) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 3%, rgba(255, 255, 255, 0.98) 98%, rgb(255, 255, 255) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 3%, rgba(255, 255, 255, 0.98) 98%, rgb(255, 255, 255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=0 ); /* IE6-9 */
height: 80px;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.class-content.show-more-content a.show-more {
display: block;
}
.class-content.show-more-content .inner {
height: 330px;
overflow: hidden;
}
.class-content .nav-tabs {
border-bottom: 0;
display: flex;
justify-content: space-between;
}
.class-content .nav-tabs:before, .class-content .nav-tabs:after {
display: none;
}
.class-content .nav-tabs li {
display: flex;
width: 58px;
height: 58px;
}
.class-content .nav-tabs li.active a {
background: #208bbc;
color: #ffffff;
border: 2px solid white;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
width: 58px;
height: 58px;
}
.class-content .nav-tabs li.active a:hover {
border-color: white;
}
.class-content .nav-tabs li.disabled a {
color: #ffffff;
background-color: #B2B2B2;
/*pointer-events: none;*/
}
.class-content .nav-tabs li.disabled a:hover {
color: #ffffff;
background-color: #B2B2B2;
}
.class-content .nav-tabs li.complete a {
color: #ffffff;
background-color: #5cb85c;
border: 0;
position: relative;
width: 58px;
height: 58px;
}
.class-content .nav-tabs li.complete a:before {
content: "";
position: absolute;
right: -7px;
top: -6px;
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
display: inline-block;
height: 28px;
width: 28px;
border-radius: 100%;
background: #208bbc;
border: 1px solid #ffffff;
}
.class-content .nav-tabs li.complete a:after {
content: "";
position: absolute;
right: 3px;
top: 0px;
display: inline-block;
transform: rotate(45deg);
height: 14px;
width: 7px;
border-bottom: 3px solid #ffffff;
border-right: 3px solid #ffffff;
}
.class-content .nav-tabs li.complete a:hover {
color: #ffffff;
background-color: #5cb85c;
}
.class-content .nav-tabs li a {
background: #B2B2B2;
color: #ffffff;
border-radius: 100%;
width: 46px;
height: 46px;
display: flex;
justify-content: center;
align-items: center;
font-weight: 700;
border: 1px solid rgba(0, 0, 0, 0.3);
margin: auto;
}
.class-content .nav-tabs li a:hover {
color: #ffffff;
}
.class-content .nav-tabs__wrapper {
position: relative;
margin: 0px 0 40px 0;
}
.class-content .nav-tabs__wrapper:before {
content: "";
height: 1px;
background: rgba(0, 0, 0, 0.3);
top: 50%;
left: 50%;
position: absolute;
width: 90%;
transform: translateX(-50%);
}
.class-content .tab-content {
width: 100%;
}
.class-content .tab-content .tab-pane {
width: 100%;
}
.class-content .tab-content .tab-pane .form-control {
height: 40px;
}
.class-content .tab-content .tab-pane__heading {
display: block;
clear: both;
margin-bottom: 30px;
}
@media (max-width: 767px) {
.class-content .tab-content .tab-pane__heading {
margin-top: 15px;
margin-bottom: 15px;
}
}
.class-content .tab-content .tab-pane__heading h4 {
padding: 0;
}
@media (max-width: 767px) {
.class-content .tab-content .tab-pane__heading .link-green {
min-width: 130px;
width: 100%;
}
}
.class-content .custom-checkbox__wrapper {
margin: 30px 0;
}
.class-content .custom-checkbox__wrapper label {
position: relative;
padding-left: 30px;
}
.class-content .custom-checkbox__wrapper label input {
position: absolute;
left: 0;
top: 2px;
}
.class-content .custom-checkbox__wrapper ul {
margin: 20px 0;
}
.class-content .custom-checkbox__wrapper ul li {
display: inline;
}
.class-content .custom-checkbox__wrapper ul li:after {
content: "|";
padding: 0px 5px;
}
.class-content .custom-checkbox__wrapper ul li:last-child:after {
display: none;
}
@media (max-width: 767px) {
.class-content .custom-checkbox__wrapper ul li {
font-size: 14px;
}
}
.class-content .has-feedback input {
padding-left: 45px;
padding-right: 12px;
}
.class-content .form-control-feedback {
right: auto;
left: 5px;
top: 0;
opacity: 0.7;
}
#videoModal .modal-header {
border-bottom: 1px solid #e4e4e4;
}
#videoModal .modal-header .modal-title {
margin-top: -10px;
}
#videoModal .modal-body {
display: inline-block;
padding: 10px 0;
width: 100%;
}
#videoModal .modal-footer {
clear: both;
border-top: 1px solid #e4e4e4;
padding-top: 15px;
}
#mapModal .modal-header {
position: absolute;
width: 100%;
z-index: 3;
}
#mapModal .modal-header .close {
background: #ffffff;
opacity: 1;
padding: 5px 10px;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
/* - checkout - */
.class-formats li {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: center;
margin-bottom: 20px;
}
.class-formats li div {
background: #eaeaea;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
padding: 15px 20px;
flex: 1;
border-radius: 25px;
font-size: 14px;
display: flex;
align-items: center;
position: relative;
color: #222;
}
.class-formats li div:before {
right: 99%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-right-color: #eaeaea;
border-width: 15px;
margin-top: -15px;
}
.class-formats li button {
margin-right: 40px;
flex: initial;
/*min-height:68px;*/
align-self: center;
}
@media (min-width: 767px) {
.class-formats li button {
width: 190px;
}
}
@media (max-width: 767px) {
.class-formats li button {
margin-bottom: 0px;
width: 70%;
margin-right: 20px;
}
}
.class-formats li:last-child {
margin-bottom: 0;
}
.class-formats li:first-child {
margin-top: 20px;
}
.class-formats__info {
width: 54px;
height: 54px;
border: 2px solid #208bbc;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 30px;
color: #208bbc;
}
@media (max-width: 767px) {
.class-formats__info {
display: flex !important;
}
}
.class-formats__info--orange {
color: #ff9966;
border: 2px solid #ff9966;
}
.class-formats__info--small {
width: 30px;
height: 30px;
font-size: 20px;
font-weight: 700;
}
.class-formats__info-absolute {
position: absolute;
right: 0;
top: -5px;
}
.flex-align {
display: flex;
align-items: center;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
padding-bottom: 10px;
}
/* --- NEW search Class calendar --- */
.d-flex {
display: flex;
}
.flex-1 {
flex: 1;
}
.w-100 {
width: 100%;
}
.h-100 {
height: 100%;
}
.m-l-2 {
margin-left: 20px;
}
.m-t-1 {
margin-top: 10px;
}
.m-t-2 {
margin-top: 20px;
}
.m-t-3 {
margin-top: 30px;
}
.m-b-2 {
margin-bottom: 20px;
}
.position-relative {
position: relative;
}
.datepicker-days .prev:before {
content: "\e079";
font-family: "Glyphicons Halflings";
color: #208bbc;
font-size: 14px;
}
.datepicker-days .next:before {
content: "\e080";
font-family: "Glyphicons Halflings";
color: #208bbc;
font-size: 14px;
}
.class-calendar-search {
margin-bottom: 30px;
}
@media (max-width: 767px) {
.class-calendar-search {
margin-bottom: 0;
}
}
.class-calendar-search .input-wrapper {
position: relative;
}
.class-calendar-search .input-wrapper .with-icon {
padding: 8px 16px 8px 30px;
font-size: 16px;
border-radius: 5px;
height: auto;
position: relative;
}
.class-calendar-search .input-wrapper .with-icon:hover, .class-calendar-search .input-wrapper .with-icon:focus {
border: solid 1px rgba(0, 0, 0, 0.5);
box-shadow: none;
}
.class-calendar-search .input-wrapper .glyphicon-search {
position: absolute;
font-size: 16px;
left: 10px;
top: 12px;
opacity: 0.5;
z-index: 1;
}
.class-calendar-search .custom-dropdown {
position: relative;
display: flex;
}
.class-calendar-search .custom-dropdown .input-wrapper {
padding: 10px;
background: #f5f5f5;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.class-calendar-search .custom-dropdown .input-wrapper .with-icon {
font-size: 14px;
border-radius: 20px;
}
.class-calendar-search .custom-dropdown .input-wrapper .glyphicon-search {
position: absolute;
font-size: 14px;
left: 20px;
top: 22px;
z-index: 1;
}
.class-calendar-search .custom-dropdown ul li {
padding: 5px;
}
.class-calendar-search .custom-dropdown ul li .bullet {
width: 7px;
height: 7px;
background: #000000;
border-radius: 100%;
display: block;
margin: 0 auto;
}
.class-calendar-search .custom-dropdown ul li > ul {
max-height: 240px;
overflow: auto;
list-style: none;
list-style-type: none;
padding: 0 0 0 10px;
margin: 0;
padding: 0;
}
.class-calendar-search .custom-dropdown ul li > ul > li {
padding: 0;
}
.class-calendar-search .custom-dropdown ul li > ul > li > a {
font-weight: normal;
line-height: 1.42857;
color: #777777;
white-space: break-spaces;
display: block;
padding: 5px;
}
.class-calendar-search .custom-dropdown ul li > ul > li > a:hover {
background: #f1f1f1;
text-decoration: none;
}
.class-calendar-search .custom-dropdown ul li > ul > li > ul li {
display: inline-block;
}
.class-calendar-search .custom-dropdown ul li > ul > li > ul li:after {
content: ",";
display: inline-block;
}
.class-calendar-search .custom-dropdown ul li > ul > li > ul li:last-child:after {
display: none;
}
.class-calendar-search .custom-dropdown .dropdown-menu {
width: 100%;
padding: 0;
min-width: 100px;
}
.class-calendar-search .custom-dropdown .dropdown-menu .title {
padding-top: 5px;
font-weight: 700;
}
.class-calendar-search .custom-dropdown .dropdown-menu .title + li ul {
padding: 0 0 0 10px;
}
.class-calendar-search .custom-dropdown .dropdown-menu .title + li ul li {
clear: both;
padding: 0px;
}
.class-calendar-search .custom-dropdown .dropdown-menu .title + li ul li a {
padding: 0;
display: inline-block;
}
.class-calendar-search .custom-dropdown .dropdown-menu .title + li ul li a:hover {
text-decoration: underline;
background: none;
}
.class-calendar-search .custom-dropdown .dropdown {
width: 100%;
}
@media (min-width: 768px) and (max-width: 1200px) {
.class-calendar-search .custom-dropdown .dropdown {
width: 100%;
}
}
.class-calendar-search .custom-dropdown .dropdown .btn {
font-size: 16px;
border: solid 1px rgba(0, 0, 0, 0.2);
cursor: pointer;
background: transparent;
border-radius: 5px;
display: flex;
justify-content: space-between;
/*min-width: 270px;*/
width: 100%;
align-items: center;
color: #777777;
letter-spacing: 0;
text-transform: none;
margin: 0;
}
.class-calendar-search .custom-dropdown .dropdown .btn .selected-option {
width: 90%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
text-align: left;
}
@media (min-width: 768px) and (max-width: 1200px) {
.class-calendar-search .custom-dropdown .dropdown .btn {
min-width: 0;
width: 100%;
}
}
.class-calendar-search .custom-dropdown .dropdown .btn span {
margin-right: 0;
font-size: 14px;
}
.class-calendar-search .custom-dropdown .dropdown .btn span.glyphicon-chevron-up {
display: none;
}
.class-calendar-search .custom-dropdown .dropdown .btn:hover, .class-calendar-search .custom-dropdown .dropdown .btn:focus {
border: solid 1px rgba(0, 0, 0, 0.5);
}
.class-calendar-search .custom-dropdown .dropdown.open .btn span.glyphicon-chevron-down {
display: none;
}
.class-calendar-search .custom-dropdown .dropdown.open .btn span.glyphicon-chevron-up {
display: block;
}
.class-calendar-search .search-bar, .class-calendar-search .advanced-search {
display: flex;
flex-wrap: wrap;
}
@media (max-width: 767px) {
.class-calendar-search .search-bar .search-more--wrapper,
.class-calendar-search .search-bar .refresh--wrapper {
display: inline-block;
width: 50%;
float: left;
padding: 0 3px;
margin-bottom: 40px;
}
}
.class-calendar-search .search-bar > div {
display: flex;
}
@media (min-width: 768px) {
.class-calendar-search .search-bar > div {
margin: 0 10px;
}
.class-calendar-search .search-bar > div:first-child {
margin-left: 0;
width: 24%;
}
.class-calendar-search .search-bar > div:last-child {
margin-right: 0;
}
}
@media (max-width: 767px) {
.class-calendar-search .search-bar > div {
margin: 0 0 15px;
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.class-calendar-search .search-bar > div {
/*flex-basis: 47%;*/
margin: 10px;
}
.class-calendar-search .search-bar > div:first-child {
margin-left: 10px;
}
.class-calendar-search .search-bar > div:last-child {
margin-right: 10px;
}
}
@media (max-width: 767px) {
.class-calendar-search .search-bar {
/*flex-direction: column;*/
display: block;
}
.class-calendar-search .search-bar .dropdown {
width: 100%;
}
.class-calendar-search .search-bar .dropdown .btn {
width: 100%;
}
}
.class-calendar-search .button {
border-radius: 20px;
border: 0;
/*padding-left: 20px;
padding-right: 20px;*/
}
@media (max-width: 767px) {
.class-calendar-search .button.button--blue {
width: 100%;
display: inline-block;
float: left;
padding: 0;
height: 35px;
}
}
@media (max-width: 767px) {
.class-calendar-search .button {
padding: 10px;
width: 100%;
font-size: 18px;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.class-calendar-search .button {
min-height: 40px;
width: 100%;
}
}
.class-calendar-search .button--green {
color: #fff;
background: #5cb85c;
padding-left: 40px;
padding-right: 40px;
}
.class-calendar-search .button--green:hover {
background: #409240;
}
.class-calendar-search .button--blue {
color: #fff;
background: #208bbc;
border-radius: 10px;
padding: 0 8px;
}
.class-calendar-search .button--blue .glyphicon {
font-size: 24px;
}
.class-calendar-search .button--blue .glyphicon.glyphicon-chevron-up {
display: none;
}
.class-calendar-search .button--blue .glyphicon.glyphicon-refresh {
margin-top: 4px;
}
.class-calendar-search .button--blue:hover {
background: #196b90;
}
.class-calendar-search .button--blue.search-more .glyphicon.glyphicon-chevron-up {
display: block;
top: -1px;
left: 2px;
}
.class-calendar-search .button--blue.search-more .glyphicon.glyphicon-chevron-down {
display: none;
}
.class-calendar-search .button--transparent {
background: transparent;
color: #208bbc;
padding: 0;
}
.class-calendar-search .button--transparent:hover {
text-decoration: underline;
}
.class-calendar-search .button--small {
font-size: 14px;
}
.class-calendar-search .button.search-more .arrow {
/*&:before {
border-color: rgba(153, 153, 153, 0);
border-bottom-color: rgba(0,0,0,.2);
border-width: 11px;
margin-left: -11px;
}*/
}
.class-calendar-search .button.search-more .arrow:after {
top: 100%;
left: 87%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
z-index: 99;
}
.class-calendar-search .button.search-more .arrow:after {
border-color: rgba(234, 234, 234, 0);
border-top-color: #208bbc;
border-width: 10px;
margin-left: -10px;
}
.class-calendar-search .button.search-more:hover .arrow:after {
border-top-color: #196b90;
}
.class-calendar-search .search-more--wrapper {
position: relative;
}
.class-calendar-search .search-more--wrapper .glyphicon-chevron-down {
top: 4px;
}
.class-calendar-search .advanced-search {
flex-wrap: nowrap;
background: #eaeaea;
border-radius: 5px;
position: relative;
border: 1px solid rgba(0, 0, 0, 0.2);
}
.class-calendar-search .advanced-search > div {
margin: 10px 5px;
flex-basis: 20%;
display: flex;
width: 16.666%;
}
.class-calendar-search .advanced-search .custom-dropdown .dropdown {
width: 100%;
}
.class-calendar-search .advanced-search .custom-dropdown .dropdown .btn {
font-size: 14px;
min-width: 0;
width: 100%;
background: #fff;
}
@media (min-width: 768px) and (max-width: 1025px) {
.class-calendar-search .advanced-search .custom-dropdown .dropdown .btn {
font-size: 12px;
padding: 6px 6px;
}
}
@media (max-width: 767px) {
.class-calendar-search .advanced-search {
flex-direction: column;
padding: 10px 0;
border: 1px solid #999999;
flex-wrap: nowrap;
}
.class-calendar-search .advanced-search .custom-dropdown {
margin-bottom: 20px;
}
.class-calendar-search .advanced-search .custom-dropdown:last-child {
margin-bottom: 0;
}
}
.class-calendar-search .advanced-search__header {
background: #208bbc;
color: #fff !important;
margin: -20px -20px 30px;
padding: 10px 20px;
color: #ffffff;
font-size: 21px;
position: fixed;
width: 100%;
z-index: 999;
}
.class-calendar-search .advanced-search__header .close-filters {
position: absolute;
top: -6px;
right: 20px;
color: #ffffff;
font-size: 40px;
}
.class-calendar-search .applied-filters {
margin: 10px 0;
display: flex;
}
.class-calendar-search .applied-filters > div {
margin: 10px 5px;
flex-basis: 16.6%;
display: flex;
flex-direction: column;
flex: 1;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 5px;
padding: 10px;
position: relative;
font-size: 12px;
}
@media (min-width: 768px) {
.class-calendar-search .applied-filters > div {
max-width: 50%;
}
}
.class-calendar-search .applied-filters > div .delete {
position: absolute;
right: 5px;
top: 5px;
}
.class-calendar-search .applied-filters > div span {
font-weight: 700;
font-size: 14px;
}
.class-calendar-search .applied-filters > div:first-child {
margin-left: 0;
}
.class-calendar-search .applied-filters > div:last-child {
margin-right: 0;
}
@media (max-width: 767px) {
.class-calendar-search .applied-filters {
flex-direction: column;
border-top: 1px dashed rgba(0, 0, 0, 0.3);
margin-top: 0px;
padding-top: 15px;
}
.class-calendar-search .applied-filters > div {
margin: 5px 0px;
}
}
.class-calendar-search .input-group.date {
margin-bottom: 0;
}
.class-calendar-search .input-group.date input {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
font-size: 14px;
}
@media (min-width: 768px) and (max-width: 1025px) {
.class-calendar-search .input-group.date input {
font-size: 12px;
padding: 6px 6px;
}
}
@media (max-width: 767px) {
.class-calendar-search .advanced-search-wrapper {
z-index: 9999;
margin: 0;
background: #ffffff;
}
}
/* --- date picker styles --- */
.datepicker {
font-family: "Noto Sans", sans-serif;
padding: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px !important;
direction: ltr;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16) !important;
}
.datepicker-dropdown {
font-family: "Noto Sans", sans-serif;
padding: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px !important;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16) !important;
}
.datepicker-dropdown.datepicker-orient-left:before {
left: 12px;
}
.datepicker-dropdown.datepicker-orient-left:after {
left: 13px;
}
.datepicker-dropdown.datepicker-orient-right:before {
right: 12px;
}
.datepicker-dropdown.datepicker-orient-right:after {
right: 13px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
top: -13px;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
top: -12px;
}
.datepicker-dropdown.datepicker-orient-top:before {
bottom: -13px;
border-bottom: 0;
border-top: 13px solid #999;
}
.datepicker-dropdown.datepicker-orient-top:after {
bottom: -12px;
border-bottom: 0;
border-top: 12px solid #ffffff;
}
.datepicker-dropdown:before {
content: "";
display: inline-block;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
border-bottom: 13px solid #999;
border-top: 0;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
}
.datepicker-dropdown:after {
content: "";
display: inline-block;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 12px solid #ffffff;
border-top: 0;
position: absolute;
}
.datepicker td,
.datepicker th {
text-align: center;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: none;
}
.datepicker th {
font-family: "Noto Sans", sans-serif;
font-weight: 700;
font-size: 14px;
color: #666666;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.datepicker th.dow {
padding: 5px 0;
}
.datepicker th.today {
background: #eee;
}
.datepicker td.day {
cursor: pointer;
width: 36px !important;
height: 36px !important;
line-height: 1;
}
.datepicker td.disabled {
background: #eaeaea;
cursor: default;
pointer-events: none;
color: #999;
}
.datepicker table tr td.today {
background-color: #208bbc;
color: #ffffff;
}
.datepicker table tr td.today:hover, .datepicker table tr td.today:active, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today.active:hover, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled] {
background-color: #208bbc;
color: #ffffff;
}
.datepicker table tr td.active {
background-color: #5cb85c;
color: #ffffff;
}
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.active, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] {
background-color: #5cb85c;
color: #ffffff;
}
.datepicker table tr td span {
display: block;
width: 23%;
height: 54px;
line-height: 54px;
float: left;
margin: 1%;
cursor: pointer;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.datepicker table tr td span:hover, .datepicker table tr td span.focused {
background: #eee;
}
.datepicker table tr td span.active {
background-color: #208bbc;
color: #ffffff;
}
.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled] {
background-color: #208bbc;
color: #ffffff;
}
.datepicker table tr td span.old, .datepicker table tr td span.new {
color: #999;
}
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
cursor: pointer;
}
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
background: #eee;
}
.datepicker .prev.disabled,
.datepicker .next.disabled {
visibility: hidden;
}
.datepicker .prev,
.datepicker .next {
position: relative;
color: transparent;
}
.cw {
font-size: 10px;
width: 12px;
padding: 0 2px 0 5px;
vertical-align: middle;
}
/*Facilitating Schedule*/
.text-expand {
padding-right: 20px;
display: block;
position: unset !important;
}
/*End*/
/*BLOG*/
img {
display: block;
max-width: 100%;
height: auto;
}
.bloglanding .header {
text-align: center;
}
.blogpost .header {
display: none;
text-align: center;
}
.blog-content {
width: 100%;
}
.blog-content,
.bottom-content {
float: left;
}
.blog-content h1,
.bottom-content h1 {
font-weight: bold;
font-size: 40px;
color: #000000;
}
.blog-content .heroblock,
.bottom-content .heroblock {
margin: 0;
}
.top-content .heroblock img {
min-height: 500px;
max-height: 500px;
}
@media (max-width: 1024px) {
.top-content .heroblock img {
min-height: 300px;
max-height: 300px;
}
}
.bottom-content .heroblock img {
min-height: 300px;
max-height: 300px;
}
.details-blog {
width: 100%;
}
.details-blog .heroblock img {
min-height: 330px;
max-height: 330px;
object-fit: cover;
}
.details-blog .htmlblock h2 {
text-align: center;
}
.category-item a {
max-height: 85px;
min-height: 85px;
max-width: 85px;
min-width: 85px;
display: block;
background: #dddddd;
text-align: center;
line-height: 85px;
}
.category-item a span {
font-size: 35px;
}
.category-item a img {
z-index: 2;
box-sizing: border-box;
position: relative;
width: 100%;
height: 100%;
min-height: initial;
min-height: 85px;
display: block;
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover;";
display: block;
}
.category-item a img:hover {
border: 2px solid #333333;
}
.category-item h3 {
font-size: 13px;
text-align: center;
line-height: 1.4;
}
.blog-post-details .items-display {
display: none;
}
.blog-categories__wrapper {
float: none;
margin: 0 auto;
margin-top: 39px;
margin-bottom: 39px;
}
.blog-categories__wrapper .bx-wrapper .bx-controls-direction a {
top: 25%;
}
#searchBlogContainer {
float: left;
width: 100%;
}
#searchBlogContainer .blog-list {
margin-top: 40px;
position: relative;
}
#searchBlogContainer .blog-list h3 {
color: #000000;
font-weight: bold;
display: inline-block;
text-align: center;
width: 100%;
}
#searchBlogContainer .blog-list .horizontalseparator {
margin-bottom: 50px;
}
#searchBlogContainer .blog-list .blog-articles {
float: none;
margin: 0 auto;
}
#searchBlogContainer .blog-list .blog-articles .callout-article {
border: solid 1px #e4e4e4;
margin-bottom: 20px;
padding: 15px 0;
position: relative;
float: left;
width: 100%;
display: block;
}
#searchBlogContainer .blog-list .blog-articles .callout-article .callout-article__title {
font-size: 24px;
line-height: 30px;
text-transform: uppercase;
font-weight: bold;
margin-top: 10px;
}
#searchBlogContainer .blog-list .blog-articles .callout-article .callout-article__title a {
color: #666666;
}
#searchBlogContainer .blog-list .blog-articles .callout-article .blog-article__author {
margin-top: 10px;
font-size: 14px;
}
#searchBlogContainer .blog-list .blog-articles .callout-article .blog-article__author div {
display: inline-block;
font-weight: bold;
}
#searchBlogContainer .blog-list .blog-articles .callout-article .blog-text {
font-size: 13px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
#searchBlogContainer .blog-list .blog-articles .callout-article .btn-blog {
margin-top: 10px;
position: absolute;
bottom: 10px;
left: 15px;
}
#searchBlogContainer .blog-list .blog-articles .callout-article .callout-article__media {
position: relative;
overflow: hidden;
box-sizing: border-box;
max-width: 393px;
min-width: 393px;
font-size: 0;
max-height: 280px;
min-height: 280px;
height: 100%;
-webkit-perspective: 1000;
perspective: 1000;
}
#searchBlogContainer .blog-list .blog-articles .callout-article .callout-article__media a img {
z-index: 2;
box-sizing: border-box;
position: relative;
width: 100%;
height: 100%;
min-height: initial;
min-height: 280px;
display: block;
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover;";
display: block;
transition: all 0.5s;
}
@media (max-width: 1199px) {
#searchBlogContainer .blog-list .blog-articles .callout-article .callout-article__media {
max-width: auto;
min-width: auto;
}
}
#searchBlogContainer .blog-list .blog-articles .callout-article .callout-article__content {
min-height: 280px;
}
@media (max-width: 570px) {
#searchBlogContainer .blog-list .blog-articles .callout-article .callout-article__content {
min-height: 0;
}
}
#searchBlogContainer .blog-list .blog-pagination .horizontalseparator {
margin: 0 !important;
padding: 0 !important;
}
#searchBlogContainer .blog-list .blog-pagination .pagination {
float: right;
text-transform: lowercase;
font-size: 12px;
padding: 0 15px;
margin: 20px 0 !important;
}
#searchBlogContainer .blog-list .blog-pagination .pagination .pagination__item {
background: #dddddd;
margin: 0 5px;
display: inline-block;
height: 22px;
padding: 0 6px;
text-align: center;
line-height: 22px;
color: #828282;
}
#searchBlogContainer .blog-list .blog-pagination .pagination .pagination__item.number {
width: 22px;
}
#searchBlogContainer .blog-list .blog-pagination .pagination .pagination__item.number.current {
background: #676767;
color: #dddddd;
}
#searchBlogContainer .blog-list .blog-pagination .pagination .pagination__item:hover {
background: #676767;
color: #dddddd;
}
#searchBlogContainer .blog-list .blog-pagination .pagination .pagination__item :before {
font-family: "Font Awesome 5 Free";
font-style: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-weight: 900;
}
#searchBlogContainer .blog-list .blog-pagination .pagination > .disabled > span {
background: none;
}
#searchBlogContainer .panel {
background: none;
border: none;
border-radius: 0;
}
#searchBlogContainer .panel.panel-default > .panel-heading {
background: none;
border: none;
border-radius: 0;
}
.blog-article__category-date {
color: #c7c7c7;
font-size: 12px;
text-transform: uppercase;
}
.blog-article__category-date a {
color: #c7c7c7;
}
.blog-article__category-date span {
text-transform: none;
}
.blog-article__tag {
padding: 0;
margin: 15px 0;
}
.blog-article__tag li {
background: #dcdcdc;
list-style: none;
display: inline-block;
font-size: 12px;
padding: 4px 10px;
margin-right: 4px;
color: #666666;
}
.items-display {
text-align: center;
position: relative;
}
.items-display form {
position: absolute;
top: 0;
left: 17px;
}
.items-display form .form-control {
font-size: 14px;
padding-left: 3px;
}
.items-display .displayed-posts {
display: inline-block;
font-size: 14px;
}
.blog-post-details .blog-article {
/*Author*/
}
.blog-post-details .blog-article h1 {
font-size: 30px;
color: #000;
text-transform: uppercase;
font-weight: bold;
}
.blog-post-details .blog-article .blog-article__image img {
width: 100%;
min-height: 600px;
max-height: 600px;
object-fit: cover;
width: 80%;
margin: 0 auto;
}
.blog-post-details .blog-article .blog-article__text {
float: none;
margin: 0 auto;
margin-top: 50px;
font-size: 14px;
}
.blog-post-details .blog-article .blog-article__text p {
margin: 0;
}
.blog-post-details .blog-article .blog-article__text img {
display: block;
max-width: 100%;
height: auto;
margin: 20px auto;
}
.blog-post-details .blog-article .author {
text-align: right;
margin: 30px 0;
display: inline-block;
float: right;
}
.blog-post-details .blog-article .author .author__image {
display: inline-block;
vertical-align: middle;
}
.blog-post-details .blog-article .author .author__image img {
width: 60px;
height: 60px;
-webkit-box-shadow: 1px 1px 12px 0px #333333;
box-shadow: 1px 1px 12px 0px #333333;
}
.blog-post-details .blog-article .author .author__title {
font-size: 16px;
display: inline-block;
vertical-align: middle;
margin-right: 15px;
}
.blog-post-details .blog-article .author .author__details {
display: inline-block;
vertical-align: middle;
text-align: left;
margin-left: 15px;
}
.blog-post-details .blog-article .author .author__details .author__name {
display: block;
}
.blog-post-details .blog-article .author .author__details .author__name {
font-size: 14px;
color: #383838;
font-weight: bold;
}
.blog-post-details .blog-article .author .author__details .author__job-title,
.blog-post-details .blog-article .author .author__details .author__link {
font-size: 12px;
display: block;
}
.blog-post-details .blog-article .author .author__details .author__job-title {
font-style: italic;
}
.blog-post-details .blog-article .author .author__details .author__link {
text-decoration: underline;
color: #333333;
font-weight: bold;
text-transform: lowercase;
}
.blog-post-details .blog-article .author .author__details .author__link:hover {
color: #208bbc;
}
/*Related Post*/
.curatedcontentcarouselblock {
margin-bottom: 30px;
float: left;
}
@media (max-width: 767px) {
.curatedcontentcarouselblock {
float: none;
}
}
.curatedcontentcarouselblock .curatedcontentitemblock {
/* @media (max-width: 480px) {
margin-right:0 !important;
width:100% !important;
}*/
}
.curatedcontentcarouselblock .polaroid .curated-content-item {
min-height: 380px;
max-height: 380px;
}
.curatedcontentcarouselblock .polaroid .curated-content-item__content {
padding: 10px 20px 10px 20px;
}
.curatedcontentcarouselblock .polaroid .curated-content-item__content .curated-content-item__category {
color: #c7c7c7;
font-size: 12px;
text-transform: capitalize;
}
.curatedcontentcarouselblock .polaroid .curated-content-item__content .related-title {
font-size: 20px;
line-height: 22px;
font-weight: bold;
}
.curatedcontentcarouselblock .polaroid .curated-content-item__content .related-content-text {
font-size: 14px;
line-height: 20px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.curatedcontentcarouselblock .polaroid .curated-content-item__content .link {
color: #208bbc;
text-decoration: underline;
font-size: 14px;
font-weight: bold;
}
.curatedcontentcarouselblock .polaroid .curated-content-item__content .link:hover {
color: #333333;
}
.curatedcontentcarouselblock .polaroid .curated-content-item__media img {
width: 100%;
min-height: 200px;
max-height: 200px;
object-fit: cover;
object-position: top;
}
.curatedcontentcarouselblock .title-block__title h1 {
font-size: 30px;
color: #000;
text-transform: uppercase;
font-weight: bold;
text-transform: capitalize;
}
@media (max-width: 767px) {
#searchBlogContainer .blog-list {
margin-top: 0;
}
#searchBlogContainer .blog-list .blog-articles .callout-article .callout-article__media, #searchBlogContainer .blog-list .blog-articles .callout-article .callout-article__content {
width: 50%;
}
#searchBlogContainer .blog-list .horizontalseparator {
margin-bottom: 30px;
}
.top-content .heroblock img, .bottom-content .heroblock img {
min-height: auto;
max-height: auto;
}
.blog-post-details .blog-article .blog-article__image img {
min-height: 100%;
max-height: 100%;
width: 100%;
}
}
@media (max-width: 570px) {
#searchBlogContainer .blog-list .blog-articles .callout-article .callout-article__media, #searchBlogContainer .blog-list .blog-articles .callout-article .callout-article__content {
width: 100%;
min-width: 100%;
max-width: 100%;
}
#searchBlogContainer .blog-list .blog-articles .callout-article .callout-article__media {
margin-bottom: 15px;
min-height: 200px !important;
min-height: 200px !important;
}
#searchBlogContainer .blog-list .blog-articles .callout-article .callout-article__media img {
min-height: 200px !important;
}
#searchBlogContainer .blog-list .blog-articles .callout-article .btn-blog {
position: relative;
bottom: 0;
left: 0;
margin-left: 0;
}
#searchBlogContainer .blog-list .blog-pagination .pagination {
float: none;
margin: 20px auto !important;
width: 100%;
text-align: center;
}
#searchBlogContainer .blog-list .blog-pagination .pagination .pagination__item {
margin: 0 2px;
}
.curatedcontentcarouselblock .polaroid .curated-content-item__media img {
min-height: 220px;
max-height: 220px;
}
.curatedcontentcarouselblock .polaroid .curated-content-item {
min-height: 100%;
max-height: 100%;
}
.blog-post-details .blog-article .author {
text-align: center;
display: inline-block;
float: none;
width: 100%;
margin: 15px auto 0;
font-size: 12px;
}
.blog-post-details .blog-article .author .author__image img {
width: 50px;
height: 50px;
}
.blog-post-details .blog-article .author .author__title {
font-size: 12px;
}
}
@media (max-width: 375px) {
.items-display form {
width: 100%;
}
}
.socialBlogIcons {
text-align: center;
display: inline-block;
width: 100%;
}
.socialBlogIcons span {
display: block;
font-size: 14px;
padding-bottom: 5px;
}
.notifications .error {
line-height: 1.4;
}
.phone-two-inputs-container {
display: flex;
justify-content: space-between;
flex-direction: row;
align-items: flex-start;
}
.dialing-code-input {
width: 92%;
}
.phone-input-icon-container {
position: relative;
}
.phone-input-icon-container.glyphicon-chevron-down {
display: block;
}
.phone-input-icon-container.glyphicon-chevron-up {
display: none;
}
.phone-input-icon-container .open .glyphicon-chevron-down {
display: none;
}
.phone-input-icon-container .open .glyphicon-chevron-up {
display: block;
}
.phone-input-icon-container .glyphicon-chevron-down {
display: block;
}
.phone-input-icon-container .glyphicon-chevron-up {
display: none;
}
.phone-icon-input {
position: absolute;
top: 20%;
right: auto;
left: 12px;
}
.chevron-dropdown-country {
left: 70% !important;
padding-top: 0 !important;
top: 50% !important;
line-height: 0 !important;
}
.mobile-video-full-width {
display: inline-flex;
flex-direction: column;
align-items: center;
width: 100%;
}
.mobile-full-width-block-title {
text-align: center;
}
.free-button-mobile {
border-radius: 50px;
text-align: center;
background: #4CAF50;
color: #ffffff;
margin: 20px 2px 0;
padding: 7.5px;
width: 85%;
}
.free-button-mobile:focus {
background: rgba(255, 255, 255, 0.6);
color: #666666;
border: 1px solid #4CAF50;
}
.input-full-width-block {
border-radius: 50px;
border: 1px solid #000000;
text-align: center;
background: rgba(255, 255, 255, 0.6);
margin: 20px 2px 0;
font-size: 13px;
padding: 10px;
width: 85%;
}
.watch-button-mobile {
display: block;
font-size: 14px;
margin-top: 20px;
}
.formatted_buttons {
flex-direction: column;
}
.has-min-height {
min-height: 54px;
cursor: pointer;
}
.sidebar {
z-index: 1;
}
.class-materials {
text-align: start !important;
}
.class-materials-h5 {
padding: 10px 0px;
}
.class-materials-list {
padding: 5px 0px;
}
.class-materials-list::marker {
color: #208bbc;
}
.class-information-row {
border-top: 2px solid #D5D4D6 !important;
}
.modal-buttons-get-a-ticket {
display: flex;
justify-content: center;
}
.modal .link-green {
font-size: 18px;
}
@media (max-width: 768px) {
.modal .link-green {
width: 45% !important;
}
}
.modal-header-pop {
padding: 15px;
}
.productFormClassCheckout {
margin-top: 0px;
}
/*hide tinymce upgrade button*/
.tox-promotion {
display: none;
}
.email-suggestion {
display: flex;
cursor: pointer;
justify-content: space-between;
align-items: center;
}
.email-suggestion:hover {
color: #208bbc;
}
.no-margin {
margin: 0;
}