body {
color: #757575;
background: #edf3f4;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 1.5;
-ms-word-wrap: break-word;
word-wrap: break-word;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #222222;
font-family: "Montserrat", sans-serif;
}
input,
textarea,
select {
border-radius: 3px;
}
input.form-control,
textarea.form-control,
select.form-control {
border: none;
background: #edf3f4;
box-shadow: none;
}
input,
textarea,
select,
button,
.btn {
font-family: "Montserrat", sans-serif;
}
a {
color: #222222;
text-decoration: none;
transition: 0.3s ease;
}
a:focus,
a:hover {
color: #a7a7a7;
text-decoration: none;
cursor: pointer !important;
}
address {
font-style: normal;
}
p {
margin-top: 0;
}
iframe {
display: block;
border: none;
}
p,
ul,
ol,
pre,
h1,
h2,
h3,
h4,
h5,
h6,
table,
form {
margin-bottom: 20px;
line-height: 1.786em;
}
h1,
h2,
h3 {
font-weight: normal;
line-height: 1.35;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 14px;
}
ins {
text-decoration: none;
}
pre {
background: none;
}
embed,
iframe,
object {
max-width: 100%;
} blockquote {
position: relative;
margin: 10px 0;
margin: 10px 0;
padding: 0;
border: none;
color: #a7a7a7;
}
blockquote p {
margin-bottom: 30px !important;
font-size: 18px;
font-weight: 300;
line-height: 30px;
}
blockquote cite {
display: block;
color: #999999;
font-size: 0.6em;
font-style: italic;
} img {
display: inline-block;
max-width: 100%;
height: auto;
}
img[class*="wp-image-"] {
margin-top: 10px;
margin-bottom: 10px;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-right: auto;
margin-left: auto;
}
.wp-caption {
max-width: 100%;
margin-bottom: 20px;
padding: 0;
border-radius: 4px;
}
.wp-caption.aligncenter {
margin-bottom: 20px;
}
.wp-caption img {
display: block;
margin-top: 5px;
}
.wp-caption .wp-caption-text {
margin: 10px 0;
font-size: 13px;
text-align: center;
}
.wp-caption .wp-caption-text img {
display: inline;
margin-top: 0;
border-radius: 0;
}
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
display: block;
clear: both;
margin: 0 auto;
} .gallery {
margin-bottom: 20px;
}
.gallery .thumbnail {
margin-bottom: 10px;
}
.gallery .thumbnail img {
width: 100%;
border-radius: 2px;
}
.gallery .caption,
.gallery-caption {
margin-bottom: 20px;
font-size: 12px;
text-align: center;
}
@media (min-width: 768px) {
.gallery-col-5 .col-sm-2 {
width: 20%;
}
.gallery-col-7 .col-sm-1 {
width: 14.28571428571429%;
}
.gallery-col-8 .col-sm-1 {
width: 12.5%;
}
.gallery-col-9 .col-sm-1 {
width: 11.11111111111111%;
}
} .clear {
clear: both;
} .screen-reader-text {
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
width: 1px;
height: 1px;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
display: block;
clip: auto !important;
z-index: 100000;
top: 5px;
left: 5px;
width: auto;
height: auto;
padding: 15px 23px 14px;
border-radius: 3px;
color: #21759b;
background-color: #f1f1f1;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
font-size: 14px;
font-weight: bold;
line-height: normal;
text-decoration: none; }
.btn {
padding-right: 30px;
padding-left: 30px;
border-radius: 20px;
}
.btn.btn-default {
border-color: #2f2b35;
color: #ffffff;
background: #2f2b35;
}
.btn.btn-default:hover {
border-color: #5a5462;
color: #ffffff;
background: #5a5462;
}
.btn.btn-primary {
border: #2f2b35;
color: #ffffff;
background: #2f2b35;
font-family: "Montserrat", sans-serif;
}
.btn.btn-primary:hover {
border-color: #5a5462;
color: #ffffff;
background: #5a5462;
} .search-form-box {
position: relative;
}
.search-form-box .search-field {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
border: 1px solid #cccccc;
border-radius: 4px;
color: #555555;
background-color: #ffffff;
background-image: none;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
font-size: 14px;
line-height: 1.42857143;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.search-form-box .search-field:focus {
border-color: #66afe9;
outline: 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.search-form-box .search-field::-moz-placeholder {
opacity: 1;
color: #999999;
}
.search-form-box .search-field:-ms-input-placeholder {
color: #999999;
}
.search-form-box .search-field::-webkit-input-placeholder {
color: #999999;
}
.search-form-box .search-submit {
display: none;
} .social-connect [class*="facebook"] {
color: #3b5998;
}
.social-connect [class*="twitter"] {
color: #55acee;
}
.social-connect [class*="google"] {
color: #e02f2f;
}
.social-connect [class*="instagram"] {
color: #974518;
}
.social-connect [class*="rss"] {
color: #f26522;
}
.social-connect [class*="envelope"] {
color: #757575;
}
.social-connect [class*="youtube"] {
color: #e02b28;
}
.social-connect [class*="flickr"] {
color: #0063db;
}
.social-connect [class*="linkedin"] {
color: #007bb5;
}
.social-connect [class*="pinterest"] {
color: #cc2127;
}
.social-connect [class*="dribbble"] {
color: #e94c89;
}
.social-connect [class*="github"] {
color: #000000;
}
.social-connect [class*="lastfm"] {
color: #da001c;
}
.social-connect [class*="vimeo"] {
color: #1ab7ea;
}
.social-connect [class*="tumblr"] {
color: #44546a;
}
.social-connect [class*="soundcloud"] {
color: #ff4700;
}
.social-connect [class*="behance"] {
color: #111111;
}
.social-connect [class*="deviantart"] {
color: #536551;
}
.row-height {
display: table;
width: 100%;
height: 100%;
table-layout: fixed;
}
.col-height {
display: table-cell;
float: none;
height: 100%;
}
.col-top {
vertical-align: top;
}
.col-middle {
vertical-align: middle;
}
.col-bottom {
vertical-align: bottom;
}
.inside {
margin-top: 20px;
margin-bottom: 20px;
}
.inside-full-height {
height: 100%;
margin-top: 0;
margin-bottom: 0;
}
@media (min-width: 480px) {
.row-xs-height {
display: table;
width: 100%;
height: 100%;
table-layout: fixed;
}
.col-xs-height {
display: table-cell;
float: none;
height: 100%;
}
.col-xs-top {
vertical-align: top;
}
.col-xs-middle {
vertical-align: middle;
}
.col-xs-bottom {
vertical-align: bottom;
}
}
@media (min-width: 768px) {
.row-sm-height {
display: table;
width: 100%;
height: 100%;
table-layout: fixed;
}
.col-sm-height {
display: table-cell;
float: none;
height: 100%;
}
.col-sm-top {
vertical-align: top;
}
.col-sm-middle {
vertical-align: middle;
}
.col-sm-bottom {
vertical-align: bottom;
}
}
@media (min-width: 992px) {
.row-md-height {
display: table;
width: 100%;
height: 100%;
table-layout: fixed;
}
.col-md-height {
display: table-cell;
float: none;
height: 100%;
}
.col-md-top {
vertical-align: top;
}
.col-md-middle {
vertical-align: middle;
}
.col-md-bottom {
vertical-align: bottom;
}
}
@media (min-width: 1200px) {
.row-lg-height {
display: table;
width: 100%;
height: 100%;
table-layout: fixed;
}
.col-lg-height {
display: table-cell;
float: none;
height: 100%;
}
.col-lg-top {
vertical-align: top;
}
.col-lg-middle {
vertical-align: middle;
}
.col-lg-bottom {
vertical-align: bottom;
}
} .section-site-header {
position: relative;
}
.site-header {
z-index: 999;
height: 130px;
padding: 0;
background: #2f2b35;
font-size: 13px;
line-height: 28px;
}
@media screen and (max-width: 767px) {
.site-header {
height: auto;
text-align: center;
}
}
.site-header .site-brand {
margin: 0;
padding: 0;
}
@media screen and (max-width: 767px) {
.site-header .site-brand.pull-left {
float: none !important;
}
}
.site-header .navbar-brand {
height: auto;
margin: 0;
padding: 0;
}
@media screen and (max-width: 767px) {
.site-header .navbar-brand {
float: none;
}
}
.site-header .site-logo-text {
padding-top: 35px;
color: #ffffff;
font-family: "Montserrat", sans-serif;
font-size: 38px;
line-height: 40px;
}
@media screen and (max-width: 767px) {
.site-header .site-logo-text {
padding-top: 10px;
}
}
.site-header .site-logo-image {
line-height: 130px;
}
@media screen and (max-width: 767px) {
.site-header .site-logo-image {
padding: 10px 0;
line-height: normal;
}
}
.site-header .site-logo-image img {
width: auto;
height: 60px;
}
@media screen and (max-width: 767px) {
.site-header .site-logo-image img {
height: 60px !important;
}
}
.site-header .site-description {
margin: 5px 0 0 0;
color: #ffffff;
font-size: 12px;
line-height: 15px;
}
.site-header .site-quicknav {
padding-top: 35px;
}
@media screen and (max-width: 767px) {
.site-header .site-quicknav {
padding-top: 0;
}
.site-header .site-quicknav.pull-right {
float: none !important;
}
.site-header .site-quicknav .header-minicart {
position: absolute;
right: 15px;
}
}
.site-header .site-quicknav .navbar-right {
margin-top: 0;
margin-right: 0 !important;
}
.site-header .site-quicknav .dropdown {
display: inline-block;
float: left;
}
.site-header .site-quicknav .dropdown .dropdown-toggle {
height: 60px;
padding: 0 0 0 20px;
color: #ffffff;
background: none !important;
line-height: 60px;
}
@media screen and (max-width: 767px) {
.site-header .site-quicknav .dropdown .dropdown-toggle {
padding: 0;
}
}
.site-header .site-quicknav .dropdown .dropdown-toggle:hover,
.site-header .site-quicknav .dropdown .dropdown-toggle:focus {
background: none !important;
}
.site-header .site-quicknav .dropdown .dropdown-toggle i {
float: left;
font-size: 24px;
line-height: 60px;
vertical-align: middle;
}
.site-header .site-quicknav .dropdown .dropdown-toggle .topnav-label {
float: left;
padding-right: 5px;
font-weight: 600;
line-height: 60px;
}
.site-header .site-quicknav .dropdown .dropdown-toggle .topnav-label .amount {
padding-top: 3px;
}
.site-header .site-quicknav .dropdown .dropdown-menu {
z-index: 999;
right: 0;
left: auto;
min-width: 250px;
margin-top: 0;
border-radius: 0;
}
.site-header .site-quicknav .dropdown .dropdown-menu.empty-content {
padding: 20px;
color: #ffffff;
background: #28cdf0;
text-align: center;
}
.site-header .site-quicknav .dropdown .dropdown-menu.empty-content .button.wc-forward {
display: inline-block;
border: 1px solid #ffffff;
border-radius: 20px;
color: #ffffff;
font-weight: normal;
letter-spacing: 1px;
}
.site-header .site-quicknav .dropdown .dropdown-menu.empty-content .button.wc-forward:hover {
background: none;
}
.site-header .site-quicknav .dropdown .topnav-minicart-dropdown {
padding: 20px 20px 0;
color: #ffffff;
background: #28cdf0;
}
.site-header .site-quicknav .dropdown .topnav-minicart-dropdown .widget_shopping_cart {
padding: 0;
background: #28cdf0;
font-size: 12px;
}
.site-header .site-quicknav .dropdown .topnav-minicart-dropdown .widget_shopping_cart h2.widgettitle {
display: none !important;
}
.site-header .site-quicknav .dropdown .topnav-minicart-dropdown .widget_shopping_cart li.empty {
margin: 0;
padding: 0 15px 0 0;
text-align: center;
}
.site-header .site-quicknav .dropdown .topnav-minicart-dropdown .widget_shopping_cart .buttons {
margin: 0;
}
.site-header .site-quicknav .dropdown .topnav-minicart-dropdown .widget_shopping_cart .buttons a {
z-index: 9999;
border: 1px solid #ffffff;
background: none;
}
.site-header .site-quicknav .dropdown .topnav-minicart-dropdown .widget_shopping_cart .widget_shopping_cart_content a,
.site-header .site-quicknav .dropdown .topnav-minicart-dropdown .widget_shopping_cart .widget_shopping_cart_content span.amount {
color: #ffffff;
}
.site-header .site-quicknav .dropdown .topnav-minicart-dropdown .widget_shopping_cart .widget_shopping_cart_content .total {
color: #ffffff;
}
.site-header .site-quicknav .dropdown .topnav-minicart-dropdown .widget_shopping_cart .widget_shopping_cart_content .total .amount {
color: #ffffff;
}
.site-header .site-quicknav .dropdown .topnav-minicart-dropdown .widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__empty-message {
margin: 0;
}
.site-header div.site-menu {
padding-top: 35px;
background: none;
}
@media (max-width: 991px) {
.site-header div.site-menu {
float: none !important;
clear: both;
margin: 0;
padding: 0;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.site-header div.site-menu .navbar-nav {
position: relative;
z-index: 999;
margin: 20px 0 40px;
padding: 0;
border-top: 1px solid rgba(255, 255, 255, 0.1);
background: #2f2b35;
}
.site-header div.site-menu .navbar-nav li {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.site-header div.site-menu .navbar-nav li :last-of-type {
border-bottom: none;
}
.site-header div.site-menu .navbar-nav li a {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.site-header div.site-menu .navbar-nav .dropdown-menu {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
border-top: 1px solid rgba(255, 255, 255, 0.1);
font-size: inherit;
}
.site-header div.site-menu .navbar-nav .dropdown-menu > .active > a,
.site-header div.site-menu .navbar-nav .dropdown-menu > .active > a:hover,
.site-header div.site-menu .navbar-nav .dropdown-menu > .active > a:focus {
background: #28cdf0;
}
.site-header div.site-menu .navbar-nav.sm-collapsible .caret,
.site-header div.site-menu .navbar-nav.sm-collapsible ul .caret {
margin-right: 5px;
border: none;
}
.site-header div.site-menu .navbar-nav.sm-collapsible .caret:before {
font-family: "FontAwesome";
font-weight: normal;
content: "\f105";
}
.site-header div.site-menu .navbar-nav.sm-collapsible .open > a > .caret:before {
content: "\f107";
}
.site-header div.site-menu .navbar-nav .open > a,
.site-header div.site-menu .navbar-nav .open > a:hover,
.site-header div.site-menu .navbar-nav .open > a:focus {
background: none;
}
.site-header div.site-menu .navbar-nav .navbar-toggle:hover,
.site-header div.site-menu .navbar-nav .navbar-toggle:focus {
background: none !important;
}
}
@media (min-width: 992px) {
.site-header div.site-menu {
height: 60px !important;
text-align: center;
}
.site-header div.site-menu .navbar-nav {
display: inline-block;
float: none;
}
.site-header div.site-menu .navbar-nav li.current-menu-item > a:after {
visibility: visible;
z-index: 1;
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.site-header div.site-menu .navbar-nav li a {
color: #ffffff;
background: none;
line-height: 30px;
text-transform: uppercase;
}
.site-header div.site-menu .navbar-nav li a:after {
display: block;
position: relative;
bottom: 0;
width: 100%;
height: 1px;
opacity: 0;
background: #28cdf0;
content: "";
transition: 0.3s ease;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.site-header div.site-menu .navbar-nav li a:focus,
.site-header div.site-menu .navbar-nav li a:hover {
color: #ffffff;
background: none !important;
}
.site-header div.site-menu .navbar-nav li a:focus:after,
.site-header div.site-menu .navbar-nav li a:hover:after {
visibility: visible;
z-index: 1;
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.site-header div.site-menu .navbar-nav li .dropdown-menu {
display: block;
min-width: 200px;
border: none;
border-radius: 0;
opacity: 0;
background: rgba(40, 205, 240, 0.95);
transition: 0.3s ease;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.site-header div.site-menu .navbar-nav li .dropdown-menu a {
padding-top: 7px;
padding-bottom: 7px;
font-size: 12px;
line-height: 20px;
}
.site-header div.site-menu .navbar-nav li .dropdown-menu .dropdown-menu {
top: 0;
margin-left: 100%;
}
.site-header div.site-menu .navbar-nav li .dropdown-menu .active a {
background: none;
}
.site-header div.site-menu .navbar-nav li:hover > .dropdown-menu {
visibility: visible;
z-index: 99;
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.site-header div.site-menu .navbar-nav li.open a {
background: none;
}
}
body.header_absolute .section-site-header {
position: absolute;
z-index: 999;
top: 0;
left: 0;
width: 100%;
}
body.header_absolute.admin-bar .section-site-header {
top: 32px;
}
@media screen and (max-width: 782px) {
body.header_absolute.admin-bar .section-site-header {
top: 46px;
}
}
body.header_absolute .site-header {
background: none;
}
.page-title {
padding: 65px 0;
background-color: #515570;
background-size: cover;
text-align: center;
}
.page-title h1,
.page-title h2 {
margin: 0;
padding: 5px 0;
color: #ffffff;
font-size: 45px;
font-weight: normal;
line-height: 50px;
text-transform: capitalize;
}
.page-title .breadcrumbs,
.woocommerce .page-title .woocommerce-breadcrumb {
margin: 0;
padding: 10px 0 5px;
color: #ffffff;
background: none;
font-size: 15px;
font-weight: normal;
font-style: italic;
line-height: 20px;
}
.page-title .breadcrumbs li.active span,
.woocommerce .page-title .woocommerce-breadcrumb li.active span {
color: #ffffff;
}
.page-title .breadcrumbs a,
.woocommerce .page-title .woocommerce-breadcrumb a {
color: #ffffff;
}
.page-title .breadcrumbs a:hover,
.woocommerce .page-title .woocommerce-breadcrumb a:hover {
color: #28cdf0;
} .main-content-container {
padding-top: 60px;
padding-bottom: 60px;
}
@media (max-width: 768px) {
.main-content-container {
padding-top: 30px;
padding-bottom: 30px;
}
}
#content {
position: relative;
margin: 0;
padding: 0;
}
.entry {
position: relative;
margin-bottom: 30px;
padding: 45px 50px 25px;
border-radius: 6px;
background: #ffffff;
}
@media (max-width: 500px) {
.entry {
margin-bottom: 20px;
padding: 20px 20px 5px;
}
}
.page #content,
.single #content,
.error404 #content {
padding-right: 50px;
padding-left: 50px;
border-radius: 6px;
background: #ffffff;
}
.page #content .entry,
.single #content .entry,
.error404 #content .entry {
margin: 0;
padding-right: 0;
padding-left: 0;
background: none;
}
@media (max-width: 500px) {
.page #content,
.single #content,
.error404 #content {
padding: 0 15px;
}
}
.entry:before,
.entry:after {
display: table;
content: " ";
}
.entry:after {
clear: both;
}
.entry .entry-header {
margin-bottom: 30px;
}
.entry .entry-meta-time {
display: block;
margin-bottom: 10px;
font-family: "PT Serif", serif;
}
.entry .entry-meta-time a {
font-size: 16px;
}
.entry .entry-meta-time a time {
color: #a7a7a7;
}
.entry .entry-meta-time .updated {
display: none;
}
.entry .entry-meta-time .updated.published {
display: inline;
}
.entry .entry-title {
margin: 0 0 5px;
padding: 0;
color: #222222;
font-size: 30px;
font-weight: 300;
}
.entry .entry-title a,
.entry .entry-title a:visited {
color: #222222;
}
.entry .entry-meta {
font-family: "PT Serif", serif;
font-size: 13px;
font-style: italic;
}
.entry .entry-meta .entry-meta-item a,
.entry .entry-meta .entry-meta-item a:visited {
color: #757575;
}
.entry .entry-meta .entry-meta-item a:hover,
.entry .entry-meta .entry-meta-item a:visited:hover {
color: #222222;
}
.entry .entry-meta .entry-meta-item .updated {
display: none;
}
.entry .entry-meta .entry-meta-item .updated.published {
display: inline;
}
.entry .entry-content {
padding: 0;
}
.entry .entry-content .wp-caption {
position: relative;
}
.entry .entry-content .pagination > li > a,
.entry .entry-content .pagination > li a > span {
color: #ecad25;
}
.entry .entry-content .pagination > li > a:hover,
.entry .entry-content .pagination > li > a:focus,
.entry .entry-content .pagination > li a > span:hover,
.entry .entry-content .pagination > li a > span:focus {
color: #28cdf0;
}
.entry .read-more-link {
color: #28cdf0;
}
.entry.sticky .sticky-label {
position: absolute;
top: -1px;
right: 50px;
width: 30px;
min-width: 30px;
max-width: 100px;
padding: 5px 12px 0;
border-radius: 0;
border-radius: 0;
color: #ffffff;
background: #ef2e5e;
font-size: 10px;
font-weight: bold;
line-height: 10px;
text-align: center;
text-transform: uppercase;
}
.entry.sticky .sticky-label:before {
position: absolute;
bottom: -20px;
left: 0;
width: 0;
height: 0;
border-width: 10px 15px 10px;
border-style: solid;
border-color: #ef2e5e #ef2e5e transparent #ef2e5e;
content: "";
}
.entry-footer {
font-family: "PT Serif", serif;
font-size: 12px;
text-transform: uppercase;
}
.entry-footer .entry-meta-tags {
display: inline-block;
margin-bottom: 10px;
}
.entry-footer .entry-meta-label {
position: relative;
margin-right: 40px;
}
.entry-footer .entry-meta-label:after {
position: absolute;
top: 8px;
right: -30px;
width: 20px;
max-width: 50px;
height: 1px;
background: #e5e5e5;
content: "";
}
.entry-footer .entry-meta-label i {
margin-right: 10px;
font-size: 18px;
line-height: 30px;
vertical-align: middle;
}
.entry-footer .entry-meta-content {
color: #28cdf0;
}
.entry-footer .entry-meta-content a,
.entry-footer .entry-meta-content a:visited {
color: #28cdf0;
} .paging-navigation {
position: relative;
width: 100%;
margin: 60px 0 0;
padding: 30px 0 0;
border-top: 1px dashed #e5e5e5;
font-family: "PT Serif", serif;
text-align: center;
}
.paging-navigation ul.pagination {
display: inline-block;
position: relative;
min-width: 100%;
margin: 0;
padding: 0;
}
.paging-navigation ul.pagination li {
display: inline-block;
padding: 0;
list-style: none;
}
.paging-navigation ul.pagination li.pagination-list:first-child.active span:before {
visibility: hidden;
}
.paging-navigation ul.pagination li.pagination-list a {
position: relative;
}
.paging-navigation ul.pagination li.pagination-list a:before {
position: absolute;
left: 0;
content: ".";
}
.paging-navigation ul.pagination li.pagination-list .page-numbers {
padding: 6px 12px;
border: none;
color: #1b1b1b;
background: none;
font-size: 12px;
text-transform: uppercase;
}
.paging-navigation ul.pagination li.pagination-list .page-numbers:focus,
.paging-navigation ul.pagination li.pagination-list .page-numbers:hover {
outline: none;
color: #a7a7a7;
background: none;
}
.paging-navigation ul.pagination li.pagination-list.active span:before {
position: absolute;
left: 0;
content: ".";
}
.paging-navigation ul.pagination li.pagination-list.active .page-numbers {
color: #222222;
background: none;
font-weight: bold;
}
.paging-navigation ul.pagination li.pagination-prev a {
position: absolute;
top: 0;
left: 0;
padding: 0 3px 0 0;
}
.paging-navigation ul.pagination li.pagination-next a {
position: absolute;
top: 0;
right: 0;
padding: 0 0 0 3px;
}
.paging-navigation ul.pagination li.pagination-prev a,
.paging-navigation ul.pagination li.pagination-next a {
display: block;
width: 28px;
height: 28px;
border: none;
border-radius: 50%;
color: #ffffff !important;
background: #2f2b35 !important;
font-size: 12px;
line-height: 28px;
text-align: center;
}
.paging-navigation ul.pagination li.pagination-prev a:before,
.paging-navigation ul.pagination li.pagination-next a:before {
display: none;
}
.paging-navigation ul.pagination li.pagination-prev a:hover,
.paging-navigation ul.pagination li.pagination-next a:hover {
background: #5a5462 !important;
}
.paging-navigation ul.pagination li.pagination-dots + .pagination-list a:before,
.paging-navigation ul.pagination li.pagination-prev + .pagination-list a:before {
visibility: hidden;
}
.paging-navigation ul.pagination li.pagination-dots.disabled span {
border-color: transparent;
background-color: transparent;
} .navigation.post-navigation {
position: relative;
margin: 0;
padding: 45px 0;
border-top: 1px dashed #e5e5e5;
}
.navigation.post-navigation:before,
.navigation.post-navigation:after {
display: table;
content: " ";
}
.navigation.post-navigation:after {
clear: both;
}
.navigation.post-navigation .nav-previous,
.navigation.post-navigation .nav-next {
font-size: 18px;
text-transform: inherit;
}
.navigation.post-navigation .nav-previous a,
.navigation.post-navigation .nav-next a {
color: #222222;
font-size: 18px;
}
.navigation.post-navigation .nav-previous span,
.navigation.post-navigation .nav-next span {
display: block;
line-height: 18px;
}
.navigation.post-navigation .nav-previous span.post-title:hover,
.navigation.post-navigation .nav-next span.post-title:hover {
color: #a7a7a7;
}
.navigation.post-navigation .nav-previous span.post-date,
.navigation.post-navigation .nav-next span.post-date {
color: #a7a7a7;
font-family: "PT Serif", serif;
font-size: 13px;
}
.navigation.post-navigation .nav-previous .desc-control,
.navigation.post-navigation .nav-next .desc-control {
margin: 0;
padding: 0;
}
.navigation.post-navigation .nav-previous .desc-control .icon-label,
.navigation.post-navigation .nav-next .desc-control .icon-label {
position: absolute;
top: 0;
width: 14px;
height: 10px;
color: #28cdf0;
}
.navigation.post-navigation .nav-previous .desc-control .icon-label {
left: -25px;
}
.navigation.post-navigation .nav-next .desc-control .icon-label {
right: -25px;
}
@media (min-width: 768px) {
.navigation.post-navigation .nav-previous {
font-size: 24px;
}
.navigation.post-navigation .nav-previous .desc-control {
padding: 0 30px;
}
.navigation.post-navigation .nav-previous .desc-control .icon-label {
left: 0;
}
.navigation.post-navigation .nav-next {
font-size: 24px;
}
.navigation.post-navigation .nav-next .desc-control {
padding: 0 30px;
border-left: 1px solid #e8e8e8;
}
.navigation.post-navigation .nav-next .desc-control .icon-label {
right: 0;
}
}
.sharrre {
position: absolute;
top: 50px;
right: 0;
width: 45px;
border-bottom: 2px solid #28cdf0;
}
.sharrre .share-box {
padding-top: 0;
padding-bottom: 10px;
}
.sharrre .share-box ul {
margin: 0;
padding: 0;
}
.sharrre .share-box ul li {
list-style: none;
}
.sharrre .share-box ul li:hover {
cursor: pointer;
}
.sharrre .share-box ul li a {
display: block;
padding: 5px 16px;
color: #757575;
font-weight: bold;
}
.sharrre .share-box ul li a:hover {
color: #ffffff;
}
.sharrre .share-box ul li a:hover.facebook {
background: #3b5998;
}
.sharrre .share-box ul li a:hover.twitter {
background: #55acee;
}
.sharrre .share-box ul li a:hover.googleplus {
background: #e02f2f;
}
.sharrre .share-box ul li a:hover.linkedin {
background: #007bb5;
}
.sharrre .share-box ul li a:hover.pinterest {
background: #cc2127;
} .entry-media {
border-radius: 2px;
}
.entry-media-wrap {
position: relative;
text-align: center;
}
.entry-media-wrap > *:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.entry-media-wrap .wp-caption {
display: inline-block;
} .entry-media-standard {
margin-top: 35px;
background: #f5f5f5;
text-align: center;
}
.entry-media-standard img {
width: 100%;
} .entry-media-image {
margin: 5px 0 40px;
background: #f5f5f5;
}
.entry-media-image img {
width: 100%;
margin: 0;
padding: 0;
}
.entry-media-image .thumbnail,
.entry-media-image .wp-caption {
padding: 0;
border: 0;
border-radius: 0;
}
.entry-media-image .thumbnail a,
.entry-media-image .wp-caption a {
display: block;
}
.entry-media-image .thumbnail a img,
.entry-media-image .wp-caption a img {
margin: 0 auto;
}
.entry-media-image .wp-caption .wp-caption-text {
margin: 0;
padding: 10px 10px;
} .entry-media-gallery {
margin: 5px 0 10px;
padding: 0;
background: none;
}
.entry-media-gallery .gallery {
margin: 0;
padding: 0;
}
.entry-media-gallery .gallery .thumbnail {
margin-bottom: 30px;
padding: 0;
border: none;
background: none;
}
.entry-media-gallery .gallery .caption {
display: none;
} .entry-media-audio {
margin: 5px 0 40px;
}
.entry-media-audio iframe {
width: 100%;
} .entry-media-video {
margin: 5px 0 40px;
}
.video-container {
overflow: hidden;
position: relative;
height: 0;
padding-top: 30px;
padding-bottom: 56.25%;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-player {
width: 100% !important;
}
.videopress-placeholder {
margin: 0 auto;
} .chat-transcript {
margin-bottom: 20px;
}
.chat-row {
clear: both;
position: relative;
}
.chat-row:before,
.chat-row:after {
display: table;
content: " ";
}
.chat-row:after {
clear: both;
}
.chat-author span {
display: none;
}
.chat-author cite {
padding: 20px;
color: #9a9a9a;
font-size: 12px;
font-style: normal;
text-align: left;
}
.chat-speaker-1 .chat-author {
text-align: left;
}
.chat-speaker-2 .chat-author {
text-align: right;
} .chat-text {
position: relative;
margin-bottom: 20px;
padding: 10px 20px;
border-radius: 25px;
}
.chat-speaker-1 .chat-text,
.chat-speaker-3 .chat-text,
.chat-speaker-5 .chat-text,
.chat-speaker-7 .chat-text,
.chat-speaker-9 .chat-text {
float: left;
margin-right: 30px;
color: #333333;
background: #e5e5ea;
}
.chat-speaker-1 .chat-text:before,
.chat-speaker-3 .chat-text:before,
.chat-speaker-5 .chat-text:before,
.chat-speaker-7 .chat-text:before,
.chat-speaker-9 .chat-text:before {
left: -7px;
border-left: 20px solid #e5e5ea;
border-bottom-right-radius: 16px 14px;
}
.chat-speaker-1 .chat-text:after,
.chat-speaker-3 .chat-text:after,
.chat-speaker-5 .chat-text:after,
.chat-speaker-7 .chat-text:after,
.chat-speaker-9 .chat-text:after {
left: 4px;
border-bottom-right-radius: 10px;
}
.chat-speaker-2 .chat-text,
.chat-speaker-4 .chat-text,
.chat-speaker-6 .chat-text,
.chat-speaker-8 .chat-text,
.chat-speaker-10 .chat-text {
float: right;
margin-left: 30px;
color: white;
background: #28cdf0;
}
.chat-speaker-2 .chat-text:before,
.chat-speaker-4 .chat-text:before,
.chat-speaker-6 .chat-text:before,
.chat-speaker-8 .chat-text:before,
.chat-speaker-10 .chat-text:before {
right: -7px;
border-right: 20px solid #28cdf0;
border-bottom-left-radius: 16px 14px;
}
.chat-speaker-2 .chat-text:after,
.chat-speaker-4 .chat-text:after,
.chat-speaker-6 .chat-text:after,
.chat-speaker-8 .chat-text:after,
.chat-speaker-10 .chat-text:after {
right: -56px;
border-bottom-left-radius: 10px;
} .format-link .blockquote,
.format-status .blockquote,
.format-quote .blockquote {
margin: 0;
}
.format-link .entry-meta-time,
.format-status .entry-meta-time,
.format-quote .entry-meta-time {
display: inherit;
text-align: center;
}
.format-link .entry-meta-time a,
.format-status .entry-meta-time a,
.format-quote .entry-meta-time a {
color: #9d9c9c;
font-weight: normal;
letter-spacing: 2px;
}
.format-link .entry-content,
.format-status .entry-content,
.format-quote .entry-content {
font-size: 20px;
line-height: 1.7em;
text-align: center;
}
.format-link .entry-content i,
.format-status .entry-content i,
.format-quote .entry-content i {
font-size: 32px;
} .entry.format-aside .entry-meta-time a {
color: #9d9c9c;
font-weight: normal;
letter-spacing: 2px;
} .twitter-tweet.twitter-tweet-rendered {
margin: 0 auto !important;
} .comment {
font-size: 13px;
list-style: none;
}
.comment-body .avatar {
border-radius: 50%;
}
.comment-body img {
background: #eeeeee;
}
.comment-body cite {
font-size: 14px;
font-weight: bold;
font-style: normal;
}
.comment-body .comment-meta {
font-size: 13px;
text-transform: capitalize;
}
.bypostauthor .comment-body {
border-radius: 4px;
}
.comment .children {
padding-left: 20px;
}
@media (min-width: 768px) {
.comment .children {
padding-left: 60px;
}
}
#comments {
margin: 0;
padding: 0; }
#comments:before,
#comments:after {
display: table;
content: " ";
}
#comments:after {
clear: both;
}
#comments .comments-area-inner {
margin: 0;
padding: 40px 0 20px;
border-top: 1px dashed #e5e5e5;
}
#comments .comments-title {
margin: 0 0 30px;
color: #222222;
font-size: 24px;
font-style: italic;
}
#comments p.no-comments {
color: red;
}
#comments .comment-navigation .pager {
margin: 0 0 30px;
}
#comments ol {
margin: 0;
padding-left: 0;
}
#comments ol li {
position: relative !important;
}
#comments ol li .comment-body {
position: relative;
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
#comments ol li .comment-body .comment-meta .comment-author {
position: relative;
padding-left: 80px;
}
#comments ol li .comment-body .comment-meta .comment-author img {
position: absolute;
top: 0;
left: 0;
}
#comments ol li .comment-body .comment-meta .comment-author h3 {
margin: 10px 0;
font-size: 14px;
line-height: 30px;
}
#comments ol li .comment-body .comment-meta .comment-author a {
color: #2b2727;
font-size: 13px;
font-weight: 600;
}
#comments ol li .comment-body .comment-meta .comment-metadata {
position: relative;
top: -10px;
padding-left: 80px;
}
#comments ol li .comment-body .comment-meta .comment-metadata a {
color: #a7a7a7;
font-family: "PT Serif", serif;
font-size: 11px;
line-height: 12px;
}
#comments ol li .comment-body .comment-content {
padding-left: 80px;
}
#comments ol li .comment-body .comment-content p {
position: relative;
font-size: 14px;
line-height: 25px;
}
#comments ol li .comment-body .comment-content p i {
position: absolute;
top: 0;
left: -30px;
color: #747474;
font-size: 16px;
}
#comments ol li .comment-body .reply {
padding-bottom: 20px;
padding-left: 80px;
}
#comments ol li .comment-body .reply a {
display: block;
padding-bottom: 20px;
border-bottom: 1px dashed #e5e5e5;
color: #28cdf0;
font-size: 14px;
font-weight: normal;
line-height: 20px;
}
#comments ol li:last-child .reply {
border-bottom: none;
}
#comments ol li:last-child .comment-body .reply a {
border-bottom: none;
}
#comments ol li.pingback {
margin: 15px 0;
}
#comments .comment-respond {
margin: 0 0 30px 0;
padding: 30px 0 0;
border-top: 1px dashed #e5e5e5;
}
#comments .comment-respond .comment-reply-title {
margin: 0 0 30px;
color: #222222;
font-size: 24px;
font-style: italic;
}
#comments .comment-respond .form-allowed-tags {
display: none;
}
@media (min-width: 768px) {
#comments .comment-respond .comment-form-author {
float: left;
width: 33.3333333%;
padding-right: 5px;
}
#comments .comment-respond .comment-form-email {
float: left;
width: 33.3333333%;
padding-right: 5px;
padding-left: 5px;
}
#comments .comment-respond .comment-form-url {
float: left;
width: 33.3333333%;
padding-left: 5px;
}
}
#comments .comment-respond .form-submit {
clear: both;
margin: 0;
padding: 10px 0 20px;
}
#comments .comment-respond .form-submit .btn.btn-primary {
padding-right: 30px;
padding-left: 30px;
border-color: #2f2b35;
border-radius: 20px;
color: #ffffff;
background: #2f2b35;
font-size: 12px;
line-height: 20px;
letter-spacing: 2px;
text-transform: uppercase;
}
#comments .comment-respond .form-submit .btn.btn-primary:hover {
border-color: #5a5462;
color: #ffffff;
background: #5a5462;
} .footer-banner {
position: relative;
background-repeat: no-repeat;
background-size: cover;
text-align: center;
}
.footer-banner:after {
display: block;
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(53, 43, 80, 0.7);
content: "";
}
.footer-banner .container {
position: relative;
z-index: 2;
padding: 100px 0;
}
.footer-banner p {
position: relative;
margin: 0 auto;
color: #ffffff;
font-size: 36px;
font-style: italic;
line-height: 40px;
}
.footer-banner a {
display: block;
position: relative;
margin-top: 20px;
color: #ffffff;
text-transform: uppercase;
}
.site-footer {
padding: 80px 0 70px;
background: #2f2b35;
text-align: center;
}
.footer-social {
margin: 0;
padding: 15px 0;
}
.footer-social ul {
margin: 0;
padding: 0;
}
.footer-social ul li {
display: inline-block;
padding: 0 10px;
list-style: none;
}
.footer-social a {
color: white;
font-size: 20px;
}
.footer-social a:hover i.fa-facebook {
color: #3b5998;
}
.footer-social a:hover i.fa-twitter {
color: #55acee;
}
.footer-social a:hover i.fa-instagram {
color: #974518;
}
.footer-social a:hover i.fa-pinterest-p {
color: #cc2127;
}
.footer-social a:hover i.fa-google-plus {
color: #e02f2f;
}
.footer-social a:hover i.fa-rss {
color: #f26522;
}
.footer-social a:hover i.fa-envelope-o {
color: #28cdf0;
}
.footer-social a:hover i.fa-youtube {
color: #e02b28;
}
.footer-social a:hover i.fa-flickr {
color: #0063db;
}
.footer-social a:hover i.fa-linkedin {
color: #007bb5;
}
.footer-social a:hover i.fa-pinterest {
color: #cc2127;
}
.footer-social a:hover i.fa-dribbble {
color: #e94c89;
}
.footer-social a:hover i.fa-github {
color: #000000;
}
.footer-social a:hover i.fa-lastfm {
color: #da001c;
}
.footer-social a:hover i.fa-vimeo-square {
color: #1ab7ea;
}
.footer-social a:hover i.fa-tumblr {
color: #44546a;
}
.footer-social a:hover i.fa-soundcloud {
color: #ff4700;
}
.footer-social a:hover i.fa-behance {
color: #111111;
}
.footer-social a:hover i.fa-deviantart {
color: #536551;
}
.footer-menu-wrap {
display: inline-block;
text-align: center;
}
.footer-menu-wrap ul {
display: inline-block;
}
.footer-menu-wrap ul li a {
color: white;
font-size: 13px;
text-transform: capitalize;
}
.footer-menu-wrap ul li a:focus,
.footer-menu-wrap ul li a:hover {
color: #a7a7a7;
background: none;
}
.footer-menu-wrap ul li a .caret {
display: block;
}
.footer-menu-wrap .navbar-nav > li {
float: left;
}
.footer-menu-wrap .navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px;
}
.footer-credit {
color: white;
}
.footer-credit a {
color: white;
}
.footer-credit p {
margin: 0;
padding: 15px 0 15px 0;
} .sidebar {
margin: 0;
padding: 0;
}
@media (min-width: 992px) {
.sidebar.sidebar-blog {
padding-left: 20px;
}
}
@media (max-width: 991px) {
.sidebar {
padding-top: 60px;
}
}
.widget {
margin-bottom: 20px;
padding: 0 0 20px;
padding: 20px;
border-radius: 6px;
background: #ffffff;
font-family: "Montserrat", sans-serif;
font-size: 13px;
}
.widget:before,
.widget:after {
display: table;
content: " ";
}
.widget:after {
clear: both;
}
.widget .widget-title {
margin: 14px 0 20px 0;
color: #222222;
font-size: 11px;
font-weight: bold;
letter-spacing: 2px;
text-transform: uppercase;
}
.widget .form-control {
margin: 20px 0;
}
.widget ul {
margin: 0;
padding: 0;
list-style: none;
}
.widget ul li {
margin: 10px 0;
padding: 0;
text-transform: capitalize;
}
.widget ul ul {
margin: 0 0 0 20px;
} .widget .tagcloud a,
.widget .tagcloud a:visited {
display: inline-block;
margin-right: 10px;
margin-bottom: 10px;
padding: 2px 10px;
border: 0;
border-radius: 2px;
color: white;
background: #28cdf0;
font-size: 13px;
font-size: inherit !important;
}
.widget .tagcloud a:hover {
background: #2f2b35;
text-decoration: none;
} .widget.widget_rss .widget-title i {
line-height: inherit;
}
.widget.widget_rss li {
padding-bottom: 10px;
font-size: 13px;
}
.widget.widget_rss li a {
font-weight: bold;
}
.widget.widget_rss li cite {
display: block;
font-weight: bold;
}
.widget.widget_rss li .rss-date {
display: block;
font-style: italic;
} .widget.widget_calendar #wp-calendar {
margin: 20px 0;
}
.widget.widget_calendar #wp-calendar caption {
padding: 8px 0;
border: 1px solid #dddddd;
border-bottom-width: 0;
color: #222222;
background: #ffffff;
font-weight: bold;
text-align: center;
text-transform: uppercase;
}
.widget.widget_calendar #wp-calendar > thead > tr > th {
border-bottom-width: 1px;
}
.widget.widget_calendar #wp-calendar th,
.widget.widget_calendar #wp-calendar td {
background: #ffffff;
}  .page-template-page_visual_composer .main-content-container {
padding-top: 0;
padding-bottom: 0;
}
.page-template-page_visual_composer #content {
margin: 0;
padding: 0;
background: none;
}
.page-template-page_visual_composer #content .entry {
margin: 0;
padding: 0;
background: none;
}
.error404 #content {
text-align: center;
}
.error404 #content .search-form-box {
display: inline-block;
width: 300px;
max-width: 100%;
} .section-contact-form h2 {
margin: 0 0 30px;
line-height: 1.2;
}
#contact-map {
height: 300px;
margin: 0;
background: #dddddd;
}
#contact-map h2 {
margin: 0;
font-size: 18px;
}
#contact-map p {
margin: 0;
}.woocommerce .buttton button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .wc-forward {
border: none;
border-radius: 20px;
color: #2f2b35;
background: #dddddd;
font-weight: normal;
letter-spacing: 1px;
}
.woocommerce .buttton button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .wc-forward:hover {
border: none;
color: #ffffff;
background: #2f2b35;
}
.woocommerce .buttton button.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce .wc-forward.alt {
border: none;
border-radius: 20px;
color: #ffffff;
background: #2f2b35;
text-transform: uppercase;
}
.woocommerce .buttton button.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce .wc-forward.alt:hover {
color: #ffffff;
background: #5a5462;
} .woocommerce span.onsale {
min-height: 20px;
padding: 2px 10px;
border-radius: 4px;
color: #ffffff;
background: #00afd8;
font-family: "Montserrat", sans-serif;
line-height: 20px;
text-transform: uppercase;
}
.woocommerce div.product .onsale {
top: 80px;
left: 30px;
}
.woocommerce ul.products li.product .onsale,
.woocommerce-page ul.products li.product .onsale {
top: 30px;
right: auto;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.woocommerce ul.products li.product .price del {
display: inline-block;
} .woocommerce-product-rating .star-rating {
color: #2f2b35;
}
.woocommerce-product-rating .star-rating:before {
color: #2f2b35;
} .woocommerce form .form-row {
padding: 3px 0;
}
.woocommerce form .form-row label {
font-weight: normal;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
padding: 7px 10px;
border: 1px solid #dddddd;
border: none;
border-radius: 3px;
background: #edf3f4;
font-size: 12px;
line-height: 12px;
}
.woocommerce form .form-row textarea {
height: 75px;
}
.woocommerce form .form-row .select2-container .select2-choice {
border: none;
background: #edf3f4;
font-family: "PT Serif", serif;
font-size: 12px;
line-height: 32px;
}
.woocommerce form .form-row .inline {
height: 36px;
margin-left: 20px;
line-height: 36px;
}
.woocommerce form .form-row .inline input {
margin: 0;
padding: 0;
vertical-align: middle;
} .woocommerce table.shop_table {
width: 100%;
border: none;
}
.woocommerce table.shop_table .quantity input {
min-width: 60px;
padding: 6px 0 6px 12px;
border: 1px solid #dddddd;
border-radius: 3px;
text-align: center;
}
.woocommerce table.shop_table thead {
color: #ffffff;
background: #2f2b35;
font-size: 14px;
}
.woocommerce table.shop_table thead tr th {
padding: 10px;
}
.woocommerce table.shop_table tbody {
width: 100%;
}
.woocommerce table.shop_table tr td {
padding: 10px;
}
.woocommerce table.shop_table tr td a {
font-size: 14px;
} .woocommerce td.product-name dl.variation dt,
.woocommerce td.product-name dl.variation dd {
margin: 0 5px 0 0;
line-height: 20px;
}
.woocommerce td.product-name dl.variation dt p,
.woocommerce td.product-name dl.variation dd p {
line-height: inherit;
} .woocommerce-product-search {
position: relative;
}
.woocommerce-product-search .search-field {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
border: 1px solid #cccccc;
border-radius: 4px;
color: #555555;
background-color: #ffffff;
background-image: none;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
font-size: 14px;
line-height: 1.42857143;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.woocommerce-product-search .search-field:focus {
border-color: #66afe9;
outline: 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.woocommerce-product-search .search-field::-moz-placeholder {
opacity: 1;
color: #999999;
}
.woocommerce-product-search .search-field:-ms-input-placeholder {
color: #999999;
}
.woocommerce-product-search .search-field::-webkit-input-placeholder {
color: #999999;
}
.woocommerce-product-search input[type="submit"] {
display: none;
}
.books-search {
padding-top: 35px;
background: white;
}
.books-search .form-control {
position: relative;
border: none;
border-radius: 4px;
background: #edf3f4;
box-shadow: none;
font-size: 12px;
line-height: 20px;
}
.books-search select.form-control {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.books-search .select-arrow {
position: absolute;
top: 0;
right: 25px;
color: #28cdf0;
line-height: 34px;
}
.books-search .btn {
border-color: #2f2b35;
color: #ffffff;
background: #2f2b35;
font-size: 12px;
line-height: 20px;
letter-spacing: 2px;
text-transform: uppercase;
}
.books-search .btn:hover {
border-color: #5a5462;
color: #ffffff;
background: #5a5462;
} .main-content-shop .main-content-inner {
position: relative;
}
.main-content-shop .page-title {
margin: 0 0 50px;
color: #28cdf0;
font-size: 35px;
line-height: 40px;
text-align: center;
text-transform: uppercase;
}
.main-content-shop .term-description {
margin: -50px 0 50px;
text-align: center;
} .woocommerce,
.woocommerce-page { }
.woocommerce .result_order_wrap,
.woocommerce-page .result_order_wrap {
overflow: hidden;
margin-bottom: 20px;
padding: 0 0 20px 0;
line-height: 0;
}
.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
margin: 0;
color: #2f2b35;
font-size: 18px;
font-weight: normal;
line-height: 30px;
}
@media (max-width: 500px) {
.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
float: none;
text-align: center;
}
}
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
margin: 0 10px 0 0;
line-height: 4px;
}
.woocommerce .woocommerce-ordering .div.icon-lbl,
.woocommerce-page .woocommerce-ordering .div.icon-lbl {
top: -15px;
line-height: 41px;
}
.woocommerce .woocommerce-ordering select,
.woocommerce-page .woocommerce-ordering select {
height: 30px;
padding: 10px;
border: 1px solid #a7a7a7;
border-radius: 4px;
background: #edf3f4;
line-height: 20px;
}
.woocommerce.archive h2.title,
.woocommerce-page.archive h2.title {
display: inline-block;
position: relative;
margin-top: 0;
font-size: 26px;
}
.woocommerce ul.products,
.woocommerce-page ul.products {
margin: 0 -10px;
padding-left: 0;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
position: relative;
width: 25%;
margin: 0 0 20px;
padding: 0 10px;
list-style: none;
}
@media (max-width: 768px) {
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
margin-bottom: 20px !important;
}
}
@media (max-width: 991px) {
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: 50%;
}
}
@media (max-width: 500px) {
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: 100% !important;
}
}
.woocommerce ul.products li.product .product-inner,
.woocommerce-page ul.products li.product .product-inner {
border-radius: 8px;
background: #ffffff;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}
.woocommerce ul.products li.product .product-inner figure,
.woocommerce-page ul.products li.product .product-inner figure {
padding: 10px 10px 0 10px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.woocommerce ul.products li.product .product-image-box,
.woocommerce-page ul.products li.product .product-image-box {
position: relative;
}
.woocommerce ul.products li.product .product-image-box img,
.woocommerce-page ul.products li.product .product-image-box img {
margin: 0;
border-radius: 2px;
box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3);
}
.woocommerce ul.products li.product .woo-button-wrapper,
.woocommerce-page ul.products li.product .woo-button-wrapper {
display: block;
padding: 10px  20px 20px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.woocommerce ul.products li.product .woo-button-wrapper .woo-button-border,
.woocommerce-page ul.products li.product .woo-button-wrapper .woo-button-border {
border: 1px solid #bfc7c8;
border-radius: 20px;
}
.woocommerce ul.products li.product .woo-button-wrapper .woo-button-border:before,
.woocommerce ul.products li.product .woo-button-wrapper .woo-button-border:after,
.woocommerce-page ul.products li.product .woo-button-wrapper .woo-button-border:before,
.woocommerce-page ul.products li.product .woo-button-wrapper .woo-button-border:after {
display: table;
content: " ";
}
.woocommerce ul.products li.product .woo-button-wrapper .woo-button-border:after,
.woocommerce-page ul.products li.product .woo-button-wrapper .woo-button-border:after {
clear: both;
}
.woocommerce ul.products li.product .woo-button-wrapper a.button,
.woocommerce ul.products li.product .woo-button-wrapper .added_to_cart,
.woocommerce-page ul.products li.product .woo-button-wrapper a.button,
.woocommerce-page ul.products li.product .woo-button-wrapper .added_to_cart {
display: inline-block;
float: left;
width: 50%;
margin: 0;
padding: 0;
border: none;
border-radius: 0;
color: #3c3d41;
background: none;
font-size: 10px;
line-height: 30px;
text-align: left;
text-align: center;
letter-spacing: normal;
text-transform: uppercase;
}
.woocommerce ul.products li.product .woo-button-wrapper a.button:before,
.woocommerce ul.products li.product .woo-button-wrapper .added_to_cart:before,
.woocommerce-page ul.products li.product .woo-button-wrapper a.button:before,
.woocommerce-page ul.products li.product .woo-button-wrapper .added_to_cart:before {
display: inline-block;
margin-right: 5px;
color: #acb3b4;
font-family: "FontAwesome";
font-size: 16px;
vertical-align: bottom;
content: "\f07a";
}
.woocommerce ul.products li.product .woo-button-wrapper a.button,
.woocommerce-page ul.products li.product .woo-button-wrapper a.button {
border-radius: 0 20px 20px 0;
}
.woocommerce ul.products li.product .woo-button-wrapper a.button:first-child,
.woocommerce-page ul.products li.product .woo-button-wrapper a.button:first-child {
border-right: 1px solid #bfc7c8;
}
.woocommerce ul.products li.product .woo-button-wrapper a.button.product-button,
.woocommerce-page ul.products li.product .woo-button-wrapper a.button.product-button {
border-radius: 20px 0 0 20px;
}
.woocommerce ul.products li.product .woo-button-wrapper a.button.product-button:before,
.woocommerce-page ul.products li.product .woo-button-wrapper a.button.product-button:before {
content: "\f1d8";
}
.woocommerce ul.products li.product .woo-button-wrapper a.button.added,
.woocommerce-page ul.products li.product .woo-button-wrapper a.button.added {
display: none;
}
.woocommerce ul.products li.product .woo-button-wrapper a.button.add_to_cart_button,
.woocommerce-page ul.products li.product .woo-button-wrapper a.button.add_to_cart_button {
border-radius: 0 20px 20px 0;
}
.woocommerce ul.products li.product h3,
.woocommerce-page ul.products li.product h3 {
overflow: hidden;
margin-bottom: 5px;
padding: 0;
color: #222222;
font-size: 15px;
line-height: normal;
white-space: nowrap;
text-overflow: ellipsis;
}
.woocommerce ul.products li.product h3:hover,
.woocommerce-page ul.products li.product h3:hover {
color: #a7a7a7;
}
.woocommerce ul.products li.product .person-name,
.woocommerce-page ul.products li.product .person-name {
display: block;
position: relative;
color: #a7a7a7;
font-size: 12px;
font-style: italic;
line-height: normal;
text-transform: capitalize;
}
.woocommerce ul.products li.product .product-price-box,
.woocommerce-page ul.products li.product .product-price-box {
position: relative;
padding: 20px 30px 10px;
text-align: center;
transition: background 1s;
}
.woocommerce ul.products li.product .product-price-box .star-rating,
.woocommerce-page ul.products li.product .product-price-box .star-rating {
position: absolute;
top: -40px;
left: calc(50% - 32px);
margin: 0;
color: #ffffff;
}
.woocommerce ul.products li.product .product-price-box .price,
.woocommerce-page ul.products li.product .product-price-box .price {
position: relative;
margin: 0;
padding: 10px 0 0;
color: #222222;
font-family: "Montserrat", sans-serif;
font-size: 20px;
}
.woocommerce ul.products li.product .product-price-box .price sup,
.woocommerce-page ul.products li.product .product-price-box .price sup {
font-size: 12px;
text-transform: uppercase;
}
.woocommerce ul.products li.product .product-price-box .price del,
.woocommerce-page ul.products li.product .product-price-box .price del {
font-size: 14px;
line-height: normal;
}
.woocommerce ul.products li.product .product-price-box .price ins,
.woocommerce-page ul.products li.product .product-price-box .price ins {
font-weight: normal;
}
.woocommerce ul.products li.product-category .product-inner,
.woocommerce ul.product-category li.product-category .product-inner,
.woocommerce-page ul.products li.product-category .product-inner,
.woocommerce-page ul.product-category li.product-category .product-inner {
position: relative;
}
.woocommerce ul.products li.product-category .product-inner .product-cat-top h3,
.woocommerce ul.product-category li.product-category .product-inner .product-cat-top h3,
.woocommerce-page ul.products li.product-category .product-inner .product-cat-top h3,
.woocommerce-page ul.product-category li.product-category .product-inner .product-cat-top h3 {
position: absolute;
top: 20px;
left: 20px;
padding: 2px 5px;
border-radius: 5px;
color: #ffffff;
background: #28cdf0;
font-size: 12px;
text-transform: uppercase;
}
.woocommerce ul.products li.product-category .product-inner .product-cat-top h3 .count,
.woocommerce ul.product-category li.product-category .product-inner .product-cat-top h3 .count,
.woocommerce-page ul.products li.product-category .product-inner .product-cat-top h3 .count,
.woocommerce-page ul.product-category li.product-category .product-inner .product-cat-top h3 .count {
color: #ffffff;
background: #28cdf0;
}
.woocommerce ul.products li.product-category .product-inner .product-cat-top img,
.woocommerce ul.product-category li.product-category .product-inner .product-cat-top img,
.woocommerce-page ul.products li.product-category .product-inner .product-cat-top img,
.woocommerce-page ul.product-category li.product-category .product-inner .product-cat-top img {
margin-bottom: 0;
}
.woocommerce ul.products li.product-category .product-inner .product-cat-top a img,
.woocommerce ul.product-category li.product-category .product-inner .product-cat-top a img,
.woocommerce-page ul.products li.product-category .product-inner .product-cat-top a img,
.woocommerce-page ul.product-category li.product-category .product-inner .product-cat-top a img {
margin-bottom: 0;
border-radius: 8px 8px 0 0;
}
.woocommerce ul.products li.product-category .product-inner .product-cat-bottom,
.woocommerce ul.product-category li.product-category .product-inner .product-cat-bottom,
.woocommerce-page ul.products li.product-category .product-inner .product-cat-bottom,
.woocommerce-page ul.product-category li.product-category .product-inner .product-cat-bottom {
position: relative;
padding: 20px 10px;
text-align: center;
}
@media (min-width: 768px) {
.woocommerce ul.products li.product-category .product-inner .product-cat-bottom,
.woocommerce ul.product-category li.product-category .product-inner .product-cat-bottom,
.woocommerce-page ul.products li.product-category .product-inner .product-cat-bottom,
.woocommerce-page ul.product-category li.product-category .product-inner .product-cat-bottom {
text-align: inherit;
}
}
.woocommerce ul.products li.product-category .product-inner .product-cat-bottom .product-cat-description,
.woocommerce ul.product-category li.product-category .product-inner .product-cat-bottom .product-cat-description,
.woocommerce-page ul.products li.product-category .product-inner .product-cat-bottom .product-cat-description,
.woocommerce-page ul.product-category li.product-category .product-inner .product-cat-bottom .product-cat-description {
display: block;
margin: 0;
color: #2f2b35;
font-family: "Montserrat", sans-serif;
font-size: 14px;
vertical-align: middle;
}
.woocommerce ul.products li.product-category .product-inner .product-cat-bottom .product-cat-description p,
.woocommerce ul.product-category li.product-category .product-inner .product-cat-bottom .product-cat-description p,
.woocommerce-page ul.products li.product-category .product-inner .product-cat-bottom .product-cat-description p,
.woocommerce-page ul.product-category li.product-category .product-inner .product-cat-bottom .product-cat-description p {
margin-bottom: 0;
}
@media (min-width: 768px) {
.woocommerce ul.products li.product-category .product-inner .product-cat-bottom .product-cat-description,
.woocommerce ul.product-category li.product-category .product-inner .product-cat-bottom .product-cat-description,
.woocommerce-page ul.products li.product-category .product-inner .product-cat-bottom .product-cat-description,
.woocommerce-page ul.product-category li.product-category .product-inner .product-cat-bottom .product-cat-description {
display: inline-block;
max-width: 68%;
}
}
.woocommerce ul.products li.product-category .product-inner .product-cat-bottom a,
.woocommerce ul.product-category li.product-category .product-inner .product-cat-bottom a,
.woocommerce-page ul.products li.product-category .product-inner .product-cat-bottom a,
.woocommerce-page ul.product-category li.product-category .product-inner .product-cat-bottom a {
display: inline-block;
margin: 0;
padding: 6px 20px;
font-size: 10px;
}
@media (min-width: 768px) {
.woocommerce ul.products li.product-category .product-inner .product-cat-bottom a,
.woocommerce ul.product-category li.product-category .product-inner .product-cat-bottom a,
.woocommerce-page ul.products li.product-category .product-inner .product-cat-bottom a,
.woocommerce-page ul.product-category li.product-category .product-inner .product-cat-bottom a {
position: absolute;
top: 50%;
right: 10px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
}
.woocommerce.columns-5 ul.products li.product,
.woocommerce-page.columns-5 ul.products li.product {
width: 20%;
}
@media (max-width: 992px) {
.woocommerce.columns-5 ul.products li.product,
.woocommerce-page.columns-5 ul.products li.product {
width: 50%;
}
}
@media (max-width: 500px) {
.woocommerce.columns-5 ul.products li.product,
.woocommerce-page.columns-5 ul.products li.product {
width: 100%;
}
}
.woocommerce.columns-4 ul.products li.product,
.woocommerce-page.columns-4 ul.products li.product {
width: 25%;
}
@media (max-width: 768px) {
.woocommerce.columns-4 ul.products li.product,
.woocommerce-page.columns-4 ul.products li.product {
width: 50%;
}
}
@media (max-width: 500px) {
.woocommerce.columns-4 ul.products li.product,
.woocommerce-page.columns-4 ul.products li.product {
width: 100%;
}
}
.woocommerce.columns-3 ul.products li.product,
.woocommerce-page.columns-3 ul.products li.product {
width: 33.3%;
}
@media (max-width: 768px) {
.woocommerce.columns-3 ul.products li.product,
.woocommerce-page.columns-3 ul.products li.product {
width: 50%;
}
}
@media (max-width: 500px) {
.woocommerce.columns-3 ul.products li.product,
.woocommerce-page.columns-3 ul.products li.product {
width: 100%;
}
}
.woocommerce.columns-2 ul.products li.product,
.woocommerce-page.columns-2 ul.products li.product {
width: 50%;
}
@media (max-width: 768px) {
.woocommerce.columns-2 ul.products li.product,
.woocommerce-page.columns-2 ul.products li.product {
width: 50%;
}
}
@media (max-width: 500px) {
.woocommerce.columns-2 ul.products li.product,
.woocommerce-page.columns-2 ul.products li.product {
width: 100%;
}
}
.woocommerce.columns-1 ul.products li.product,
.woocommerce-page.columns-1 ul.products li.product {
width: 100%;
}
@media (max-width: 768px) {
.woocommerce.columns-1 ul.products li.product,
.woocommerce-page.columns-1 ul.products li.product {
width: 50%;
}
}
@media (max-width: 500px) {
.woocommerce.columns-1 ul.products li.product,
.woocommerce-page.columns-1 ul.products li.product {
width: 100%;
}
} .woocommerce div.product div.images,
.woocommerce #content div.product div.images,
.woocommerce-page div.product div.images,
.woocommerce-page #content div.product div.images {
float: left;
width: 40%;
}
@media (max-width: 680px) {
.woocommerce div.product div.images,
.woocommerce #content div.product div.images,
.woocommerce-page div.product div.images,
.woocommerce-page #content div.product div.images {
float: none;
width: 100%;
}
}
.woocommerce div.product div.images.woocommerce-product-gallery .flex-control-thumbs,
.woocommerce #content div.product div.images.woocommerce-product-gallery .flex-control-thumbs,
.woocommerce-page div.product div.images.woocommerce-product-gallery .flex-control-thumbs,
.woocommerce-page #content div.product div.images.woocommerce-product-gallery .flex-control-thumbs {
margin-top: 20px;
padding: 0;
}
.woocommerce div.product div.images.woocommerce-product-gallery .flex-control-thumbs li,
.woocommerce #content div.product div.images.woocommerce-product-gallery .flex-control-thumbs li,
.woocommerce-page div.product div.images.woocommerce-product-gallery .flex-control-thumbs li,
.woocommerce-page #content div.product div.images.woocommerce-product-gallery .flex-control-thumbs li {
list-style: none;
cursor: pointer;
}
.woocommerce div.product div.images.woocommerce-product-gallery .flex-control-thumbs li img,
.woocommerce #content div.product div.images.woocommerce-product-gallery .flex-control-thumbs li img,
.woocommerce-page div.product div.images.woocommerce-product-gallery .flex-control-thumbs li img,
.woocommerce-page #content div.product div.images.woocommerce-product-gallery .flex-control-thumbs li img {
opacity: 0.5;
transition: all, ease, 0.2s;
}
.woocommerce div.product div.images.woocommerce-product-gallery .flex-control-thumbs li .flex-active,
.woocommerce div.product div.images.woocommerce-product-gallery .flex-control-thumbs li:hover img,
.woocommerce #content div.product div.images.woocommerce-product-gallery .flex-control-thumbs li .flex-active,
.woocommerce #content div.product div.images.woocommerce-product-gallery .flex-control-thumbs li:hover img,
.woocommerce-page div.product div.images.woocommerce-product-gallery .flex-control-thumbs li .flex-active,
.woocommerce-page div.product div.images.woocommerce-product-gallery .flex-control-thumbs li:hover img,
.woocommerce-page #content div.product div.images.woocommerce-product-gallery .flex-control-thumbs li .flex-active,
.woocommerce-page #content div.product div.images.woocommerce-product-gallery .flex-control-thumbs li:hover img {
opacity: 1;
}
.woocommerce div.product div.images.woocommerce-product-gallery .flex-control-thumbs:after,
.woocommerce div.product div.images.woocommerce-product-gallery .flex-control-thumbs:before,
.woocommerce #content div.product div.images.woocommerce-product-gallery .flex-control-thumbs:after,
.woocommerce #content div.product div.images.woocommerce-product-gallery .flex-control-thumbs:before,
.woocommerce-page div.product div.images.woocommerce-product-gallery .flex-control-thumbs:after,
.woocommerce-page div.product div.images.woocommerce-product-gallery .flex-control-thumbs:before,
.woocommerce-page #content div.product div.images.woocommerce-product-gallery .flex-control-thumbs:after,
.woocommerce-page #content div.product div.images.woocommerce-product-gallery .flex-control-thumbs:before {
display: table;
content: "";
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger,
.woocommerce #content div.product div.images .woocommerce-product-gallery__trigger,
.woocommerce-page div.product div.images .woocommerce-product-gallery__trigger,
.woocommerce-page #content div.product div.images .woocommerce-product-gallery__trigger {
top: 0;
right: 0;
background: #5a5462;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger:before,
.woocommerce #content div.product div.images .woocommerce-product-gallery__trigger:before,
.woocommerce-page div.product div.images .woocommerce-product-gallery__trigger:before,
.woocommerce-page #content div.product div.images .woocommerce-product-gallery__trigger:before {
border-color: #ffffff;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger:after,
.woocommerce #content div.product div.images .woocommerce-product-gallery__trigger:after,
.woocommerce-page div.product div.images .woocommerce-product-gallery__trigger:after,
.woocommerce-page #content div.product div.images .woocommerce-product-gallery__trigger:after {
background: #ffffff;
}
.woocommerce div.product div.summary,
.woocommerce #content div.product div.summary,
.woocommerce-page div.product div.summary,
.woocommerce-page #content div.product div.summary {
float: right;
width: 56%;
}
@media (max-width: 680px) {
.woocommerce div.product div.summary,
.woocommerce #content div.product div.summary,
.woocommerce-page div.product div.summary,
.woocommerce-page #content div.product div.summary {
float: none;
width: 100%;
}
}
.woocommerce div.product {
padding: 50px 0 30px;
}
.woocommerce div.product:before,
.woocommerce div.product:after {
display: table;
content: " ";
}
.woocommerce div.product:after {
clear: both;
}
.woocommerce div.product div.images {
margin-bottom: 35px;
}
.woocommerce div.product div.images .woocommerce-main-image {
display: block;
margin-bottom: 20px;
}
.woocommerce div.product div.images .woocommerce-main-image img {
border-radius: 2px;
box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3);
}
.woocommerce div.product div.images div.thumbnails {
position: relative;
margin: 0;
padding: 0;
}
.woocommerce div.product div.images div.thumbnails img {
border-radius: 2px;
box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3);
}
.woocommerce div.product .product_title {
padding-top: 20px;
font-size: 36px;
font-weight: 300;
line-height: 40px;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
display: block;
margin-bottom: 25px;
color: #222222;
font-size: 25px;
line-height: 30px;
}
.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
display: inline-block;
color: #757575;
}
.woocommerce div.product p.price del .amount,
.woocommerce div.product span.price del .amount {
font-size: 18px;
}
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
display: inline-block;
font-weight: normal;
}
.woocommerce div.product .stock {
margin: 0;
line-height: 30px;
}
.woocommerce div.product .summary .product-offer-box {
display: block;
clear: both;
margin-bottom: 30px;
padding: 20px 20px 0;
border: 1px solid #e5e5e5;
border-radius: 6px;
}
@media (min-width: 1200px) {
.woocommerce div.product .summary .product-offer-box {
display: inline-block;
min-width: 60%;
}
}
.woocommerce div.product .summary p.price {
display: block;
margin: -20px -20px 15px -20px;
padding: 10px 20px;
border-radius: 6px 6px 0 0;
background: #edf3f4;
}
.woocommerce div.product .summary .stock {
margin: 0 0 15px;
color: #2f2b35;
text-align: left;
}
.woocommerce div.product form.cart {
clear: both;
overflow: hidden;
margin-bottom: 0;
padding: 0;
border: none;
}
.woocommerce div.product form.cart div.quantity {
margin: 0 10px 10px 0;
}
@media (max-width: 500px) {
.woocommerce div.product form.cart div.quantity {
float: none;
margin: 0;
}
.woocommerce div.product form.cart div.quantity input {
width: 100%;
margin-bottom: 10px;
}
}
.woocommerce div.product form.cart div.quantity input {
min-width: 60px;
padding: 7px 0 7px 12px;
border: 1px solid #dddddd;
border-radius: 3px;
text-align: center;
}
.woocommerce div.product form.cart button.single_add_to_cart_button {
margin-bottom: 30px;
padding: 12px 30px;
font-family: "Montserrat", sans-serif;
font-size: 16px;
line-height: 16px;
}
@media (max-width: 500px) {
.woocommerce div.product form.cart button.single_add_to_cart_button {
float: none;
width: 100%;
}
}
.woocommerce div.product form.cart table.variations {
width: 100%;
margin: 0;
padding: 0;
}
.woocommerce div.product form.cart table.variations tbody {
margin: 0;
padding: 0;
}
.woocommerce div.product form.cart table.variations tbody tr td.label {
width: 40%;
}
.woocommerce div.product form.cart table.variations tbody tr td.label label {
margin: 0;
color: #757575;
font-size: 14px;
line-height: 32px;
text-transform: capitalize;
}
.woocommerce div.product form.cart table.variations tbody tr td.value {
width: 60%;
}
@media (max-width: 500px) {
.woocommerce div.product form.cart table.variations tbody tr td.value {
width: 100%;
}
}
.woocommerce div.product form.cart table.variations tbody tr td.value select {
width: 100%;
}
.woocommerce div.product form.cart table.variations tbody tr td.value a.reset_variations {
font-size: 13px;
}
.woocommerce div.product form.cart .single_variation {
padding: 10px 0 25px;
}
.woocommerce div.product form.cart .single_variation:before,
.woocommerce div.product form.cart .single_variation:after {
display: table;
content: " ";
}
.woocommerce div.product form.cart .single_variation:after {
clear: both;
}
.woocommerce div.product form.cart .single_variation .price {
float: left;
margin: 0;
}
.woocommerce div.product form.cart .single_variation .price .amount {
font-size: 30px;
}
.woocommerce div.product form.cart .single_variation .stock {
float: right;
margin: 0;
border: none;
}
.woocommerce div.product form.cart .variations_button {
clear: both;
margin-bottom: 0;
}
.woocommerce div.product form.cart .variations_button:before,
.woocommerce div.product form.cart .variations_button:after {
display: table;
content: " ";
}
.woocommerce div.product form.cart .variations_button:after {
clear: both;
}
.woocommerce div.product .product_meta {
font-family: "PT Serif", serif;
}
.woocommerce div.product .product_meta .sku_wrapper,
.woocommerce div.product .product_meta .tagged_as,
.woocommerce div.product .product_meta .posted_in {
display: block;
}
.woocommerce div.product .product_meta .sku_wrapper a,
.woocommerce div.product .product_meta .tagged_as a,
.woocommerce div.product .product_meta .posted_in a {
color: #222222;
font-weight: normal;
text-transform: capitalize;
} .woocommerce.single-product div.product .woocommerce-tabs {
clear: both;
margin: 30px 0 0;
}
.woocommerce.single-product div.product .woocommerce-tabs ul.tabs {
padding: 0;
border-top: 1px dashed #e5e5e5;
}
.woocommerce.single-product div.product .woocommerce-tabs ul.tabs:before {
border-bottom: 1px dashed #e5e5e5;
}
.woocommerce.single-product div.product .woocommerce-tabs ul.tabs li,
.woocommerce.single-product div.product .woocommerce-tabs ul.tabs .description_tab {
margin-right: 10px;
padding: 5px;
border: none !important;
background: none !important;
}
.woocommerce.single-product div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce.single-product div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce.single-product div.product .woocommerce-tabs ul.tabs .description_tab:after,
.woocommerce.single-product div.product .woocommerce-tabs ul.tabs .description_tab:before {
display: none;
}
.woocommerce.single-product div.product .woocommerce-tabs ul.tabs li a,
.woocommerce.single-product div.product .woocommerce-tabs ul.tabs .description_tab a {
display: inline-block;
padding: 1em 0;
color: #cacaca;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
font-size: 24px;
font-weight: normal !important;
text-decoration: none;
letter-spacing: 1px;
text-transform: capitalize;
}
.woocommerce.single-product div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce.single-product div.product .woocommerce-tabs ul.tabs .description_tab a:hover {
color: #222222;
text-decoration: none;
}
.woocommerce.single-product div.product .woocommerce-tabs ul.tabs li a:focus,
.woocommerce.single-product div.product .woocommerce-tabs ul.tabs li a:active,
.woocommerce.single-product div.product .woocommerce-tabs ul.tabs .description_tab a:focus,
.woocommerce.single-product div.product .woocommerce-tabs ul.tabs .description_tab a:active {
outline: none;
}
.woocommerce.single-product div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce.single-product div.product .woocommerce-tabs ul.tabs .description_tab.active {
background: none;
}
.woocommerce.single-product div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce.single-product div.product .woocommerce-tabs ul.tabs .description_tab.active a {
color: #222222;
text-shadow: inherit;
}
.woocommerce.single-product div.product .woocommerce-tabs .panel {
margin: 0;
padding: 0;
border-radius: 0;
box-shadow: none;
}
.woocommerce.single-product div.product .woocommerce-tabs .panel h2 {
margin: 0 0 30px;
font-size: 24px;
line-height: 1;
} .woocommerce #reviews #comments ol.commentlist {
margin: 0 0 20px;
padding: 0;
}
.woocommerce #reviews #review_form #respond .comment-reply-title {
margin: 0 0 20px;
color: #222222;
font-size: 24px;
}
.woocommerce #reviews #review_form #respond #commentform:before,
.woocommerce #reviews #review_form #respond #commentform:after {
display: table;
content: " ";
}
.woocommerce #reviews #review_form #respond #commentform:after {
clear: both;
}
.woocommerce #reviews #review_form #respond #commentform p {
position: relative;
margin: 0 0 20px;
}
.woocommerce #reviews #review_form #respond #commentform p:before,
.woocommerce #reviews #review_form #respond #commentform p:after {
display: table;
content: " ";
}
.woocommerce #reviews #review_form #respond #commentform p:after {
clear: both;
}
.woocommerce #reviews #review_form #respond #commentform .stars {
margin: 0;
}
.woocommerce #reviews #review_form #respond #commentform label {
display: block;
}
.woocommerce #reviews #review_form #respond #commentform input[type="text"],
.woocommerce #reviews #review_form #respond #commentform input[type="email"],
.woocommerce #reviews #review_form #respond #commentform textarea {
display: block;
width: 100%;
padding: 7px 10px;
border: none;
border-radius: 3px;
background: #edf3f4;
font-size: 12px;
line-height: 12px;
}
@media (min-width: 992px) {
.woocommerce #reviews #review_form #respond #commentform label {
float: left;
width: 25%;
}
.woocommerce #reviews #review_form #respond #commentform input[type="text"],
.woocommerce #reviews #review_form #respond #commentform input[type="email"] {
float: right;
width: 75%;
}
.woocommerce #reviews #review_form #respond #commentform textarea {
float: right;
width: 75%;
}
.woocommerce #reviews #review_form #respond #commentform .form-submit {
float: right;
width: 75%;
}
}
.section-book-details {
clear: both;
margin: 30px 0 0;
padding: 40px 0 0;
border-top: 1px dashed #e5e5e5;
}
.section-book-details .book-details h3 {
display: inline-block;
position: relative;
margin-top: 0;
font-size: 26px;
}
.section-book-details .book-authors h3 {
display: inline-block;
position: relative;
margin-top: 0;
font-size: 26px;
}
.section-book-details .book-authors h4 {
margin-bottom: 5px;
}
.section-book-details .book-authors img {
width: 120px;
height: 120px;
} .woocommerce .section-products-list,
.woocommerce-page .section-products-list {
padding: 60px 0;
background: #2f2b35;
}
@media (max-width: 768px) {
.woocommerce .section-products-list,
.woocommerce-page .section-products-list {
padding-top: 30px;
padding-bottom: 30px;
}
}
.woocommerce .section-products-list .products > h2,
.woocommerce-page .section-products-list .products > h2 {
display: inline-block;
position: relative;
margin-top: 0;
color: #ffffff;
font-size: 26px;
line-height: 50px;
}
.woocommerce .section-products-list .products ul,
.woocommerce-page .section-products-list .products ul {
margin: 0 -10px;
}
.woocommerce .section-products-list:nth-child(even),
.woocommerce-page .section-products-list:nth-child(even) {
background: #f8f8f8;
}
.woocommerce .section-products-list:nth-child(even) h2,
.woocommerce-page .section-products-list:nth-child(even) h2 {
color: #222222;
} .woocommerce-cart .cart-empty {
text-align: center;
}
.woocommerce-cart .return-to-shop {
text-align: center;
}
.woocommerce-cart table.shop_table .cart_item .product-thumbnail a img {
width: 50px;
}
.woocommerce-cart table.cart td.actions input.input-text {
min-width: 110px;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
border-radius: 50px;
}
.woocommerce .cart-collaterals h2,
.woocommerce-page .cart-collaterals h2 {
display: inline-block;
position: relative;
margin-top: 0;
margin-top: 0;
font-size: 26px;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
margin: 35px 0 30px;
}
.woocommerce .cart-collaterals .cart_totals table,
.woocommerce-page .cart-collaterals .cart_totals table {
width: 100%;
}
.woocommerce .cart-collaterals .cart_totals table tbody tr,
.woocommerce-page .cart-collaterals .cart_totals table tbody tr {
border-bottom: 1px solid #eeeeee;
}
.woocommerce .cart-collaterals .cart_totals table tbody tr td,
.woocommerce-page .cart-collaterals .cart_totals table tbody tr td {
padding: 10px 0;
}
.woocommerce .cart-collaterals .cart_totals tr th,
.woocommerce-page .cart-collaterals .cart_totals tr th {
width: auto;
padding-left: 0;
color: #222222;
}
.woocommerce .cart-collaterals .cart_totals tr.shipping td .woocommerce-shipping-calculator,
.woocommerce-page .cart-collaterals .cart_totals tr.shipping td .woocommerce-shipping-calculator {
margin-bottom: 5px;
}
.woocommerce .cart-collaterals .cart_totals tr.shipping td .woocommerce-shipping-calculator p,
.woocommerce-page .cart-collaterals .cart_totals tr.shipping td .woocommerce-shipping-calculator p {
margin: 0;
}
.woocommerce .cart-collaterals .cart_totals tr.shipping td .woocommerce-shipping-calculator .shipping-calculator-form .form-row,
.woocommerce-page .cart-collaterals .cart_totals tr.shipping td .woocommerce-shipping-calculator .shipping-calculator-form .form-row {
margin: 10px 0;
padding: 0;
}
.woocommerce .cart-collaterals .cart_totals tr.shipping td .woocommerce-shipping-calculator .shipping-calculator-form select,
.woocommerce-page .cart-collaterals .cart_totals tr.shipping td .woocommerce-shipping-calculator .shipping-calculator-form select {
position: relative;
height: 36px;
padding: 0 10px 0 0;
border: none;
border-radius: 0 !important;
color: #a9a9a9;
background: none;
box-shadow: none;
font-size: 12px;
font-weight: 300;
line-height: 32px;
text-transform: capitalize;
}
.woocommerce .cart-collaterals .cart_totals tr.shipping td .woocommerce-shipping-calculator .shipping-calculator-form input,
.woocommerce-page .cart-collaterals .cart_totals tr.shipping td .woocommerce-shipping-calculator .shipping-calculator-form input {
height: 36px;
padding: 0 10px;
border: 2px solid #a7a7a7;
border-radius: 0;
font-size: 12px;
}
.woocommerce .cart-collaterals .cross-sells,
.woocommerce-page .cart-collaterals .cross-sells {
margin: 20px 0 30px;
padding: 15px 20px 0;
background: #f8f8f8;
}
.woocommerce .cart-collaterals .cross-sells ul.products li,
.woocommerce-page .cart-collaterals .cross-sells ul.products li {
width: 100%;
}
@media (max-width: 768px) {
.woocommerce .cart-collaterals .cross-sells ul.products li,
.woocommerce-page .cart-collaterals .cross-sells ul.products li {
width: 50%;
}
}
@media (max-width: 500px) {
.woocommerce .cart-collaterals .cross-sells ul.products li,
.woocommerce-page .cart-collaterals .cross-sells ul.products li {
width: 100% !important;
}
}
@media (min-width: 992px) {
.woocommerce.page-template-page_fullwidth .cart-collaterals .cross-sells ul.products li,
.woocommerce.page-template-page_fullwidth_notitle .cart-collaterals .cross-sells ul.products li,
.woocommerce.page-template-page_visual_composer .cart-collaterals .cross-sells ul.products li,
.woocommerce-page.page-template-page_fullwidth .cart-collaterals .cross-sells ul.products li,
.woocommerce-page.page-template-page_fullwidth_notitle .cart-collaterals .cross-sells ul.products li,
.woocommerce-page.page-template-page_visual_composer .cart-collaterals .cross-sells ul.products li {
width: 50%;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.woocommerce.page-template-page_fullwidth .cart-collaterals .cross-sells,
.woocommerce.page-template-page_fullwidth_notitle .cart-collaterals .cross-sells,
.woocommerce.page-template-page_visual_composer .cart-collaterals .cross-sells,
.woocommerce-page.page-template-page_fullwidth .cart-collaterals .cross-sells,
.woocommerce-page.page-template-page_fullwidth_notitle .cart-collaterals .cross-sells,
.woocommerce-page.page-template-page_visual_composer .cart-collaterals .cross-sells {
width: 54%;
}
.woocommerce.page-template-page_fullwidth .cart-collaterals .cart_totals,
.woocommerce.page-template-page_fullwidth_notitle .cart-collaterals .cart_totals,
.woocommerce.page-template-page_visual_composer .cart-collaterals .cart_totals,
.woocommerce-page.page-template-page_fullwidth .cart-collaterals .cart_totals,
.woocommerce-page.page-template-page_fullwidth_notitle .cart-collaterals .cart_totals,
.woocommerce-page.page-template-page_visual_composer .cart-collaterals .cart_totals {
width: 42%;
}
} .woocommerce-checkout .woocommerce h3 {
color: #222222;
}
.woocommerce-checkout .woocommerce form.checkout_coupon .form-row input.button,
.woocommerce-checkout .woocommerce form.login .form-row input.button {
padding-top: 9px;
padding-bottom: 9px;
}
.woocommerce-checkout .woocommerce form.checkout #customer_details .woocommerce-shipping-fields h3 {
position: relative;
padding-left: 30px;
}
.woocommerce-checkout .woocommerce form.checkout #customer_details .woocommerce-shipping-fields h3 label {
margin: 0;
font-weight: normal;
}
.woocommerce-checkout .woocommerce form.checkout #customer_details .woocommerce-shipping-fields h3 .input-checkbox {
position: absolute;
top: 11px;
left: 0;
}
.woocommerce-checkout .woocommerce form.checkout .woocommerce-terms-and-conditions-wrapper .checkbox input[type="checkbox"] {
position: relative;
margin: 0 1em 0 0;
}
.woocommerce-checkout .woocommerce form.checkout .woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions-checkbox-text {
color: #aa0000;
}
.woocommerce-checkout .woocommerce form.checkout #payment ul.payment_methods li.payment_method_paypal img {
margin: -2px 0.5em 0 0.5em;
}
.woocommerce #payment label {
color: #222222;
}
.woocommerce #payment #place_order {
padding: 13px 25px;
font-size: 15px;
}
@media (max-width: 500px) {
.woocommerce-billing-fields p {
float: none;
width: 100% !important;
}
}
.woocommerce form .form-row .input-checkbox {
position: inherit;
}
.woocommerce-checkout #payment .payment_method_paypal .about_paypal {
float: none;
} .woocommerce-account h2 {
margin-top: 0;
font-size: 24px;
line-height: 1;
}
.woocommerce form.login .lost_password {
margin: 0 0 6px;
}
.woocommerce table.my_account_orders {
border-bottom: 1px solid #a7a7a7;
border-radius: 0;
}
.woocommerce table.my_account_orders td,
.woocommerce table.my_account_orders th {
padding: 9px 12px;
}
.woocommerce table.my_account_orders .order-actions {
padding: 2px 12px;
}
.woocommerce table.my_account_orders .order-actions .button {
margin: 0;
padding: 0 20px;
font-size: 11px;
line-height: 22px;
}
.woocommerce-account .addresses > div {
margin: 0 0 30px;
padding: 20px;
border: 1px solid #dddddd;
border-radius: 4px;
}
.woocommerce-account .addresses address {
margin: 0;
}
.woocommerce-account .addresses .title h3 {
margin-top: 0;
line-height: 1;
}
.woocommerce-account form h3 {
margin-top: 0;
font-size: 20px;
font-weight: normal;
line-height: 1em;
}
.woocommerce-edit-address input.button {
margin: 20px 0 10px;
} .woocommerce-account .woocommerce-MyAccount-navigation {
width: 28%;
margin-bottom: 40px;
}
.woocommerce-account .woocommerce-MyAccount-content {
width: 68%;
}
.woocommerce-MyAccount-navigation ul {
margin: 0;
padding: 0;
border-top: 1px solid #f2f0f0;
}
.woocommerce-MyAccount-navigation ul li {
position: relative;
border-bottom: 1px solid #f2f0f0;
list-style: none;
}
.woocommerce-MyAccount-navigation ul li.is-active a:before {
opacity: 1;
}
.woocommerce-MyAccount-navigation ul li a {
display: block;
padding: 0.857em 0;
}
.woocommerce-MyAccount-navigation ul li a:before {
display: inline-block;
float: right;
width: 1.387em;
margin-left: 0.53em;
opacity: 0.25;
font-family: FontAwesome;
font-size: inherit;
line-height: 1.618;
text-align: right;
content: "\f0f6";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: auto;
}
.woocommerce-MyAccount-navigation ul li a:hover:before {
opacity: 1;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before {
content: "\f0e4";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before {
content: "\f291";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before {
content: "\f1c6";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before {
content: "\f015";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a:before {
content: "\f09d";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before {
content: "\f007";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before {
content: "\f08b";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--subscriptions a:before {
content: "\f021";
}
@media only screen and (max-width: 767px) {
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
float: none;
width: 100%;
}
} .woocommerce ul.product_list_widget {
margin: 0;
}
.woocommerce ul.product_list_widget li {
position: relative;
margin-bottom: 25px;
padding: 0 0 15px 70px;
font-family: "Montserrat", sans-serif;
}
.woocommerce ul.product_list_widget li:before,
.woocommerce ul.product_list_widget li:after {
display: table;
content: " ";
}
.woocommerce ul.product_list_widget li:after {
clear: both;
}
.woocommerce ul.product_list_widget li img {
position: absolute;
top: 0;
left: 0;
width: 50px;
max-width: 50px;
margin: 0 15px 0 0;
}
.woocommerce ul.product_list_widget li .star-rating {
margin: 5px 0 0;
}
.woocommerce ul.product_list_widget li .star-rating span {
color: #2f2b35;
}
.woocommerce ul.product_list_widget li .product-title {
display: block;
overflow: hidden;
padding-top: 3px;
color: #222222;
font-size: 13px;
font-weight: normal;
line-height: 20px;
white-space: nowrap;
text-transform: capitalize;
text-overflow: ellipsis;
}
.woocommerce ul.product_list_widget li span.amount {
color: #222222;
font-size: 13px;
font-weight: 600;
}
.woocommerce ul.product_list_widget li del {
color: #9a9a9a;
}
.woocommerce ul.product_list_widget li del span.amount {
color: #9a9a9a;
}
.woocommerce .widget_shopping_cart .cart_list,
.woocommerce.widget_shopping_cart .cart_list {
margin: 0;
padding-left: 14px;
}
.woocommerce .widget_shopping_cart .cart_list li,
.woocommerce.widget_shopping_cart .cart_list li {
padding: 0 0 15px 60px;
}
.woocommerce .widget_shopping_cart .cart_list li a,
.woocommerce.widget_shopping_cart .cart_list li a {
color: #222222;
font-weight: normal;
}
.woocommerce .widget_shopping_cart .cart_list li .quantity,
.woocommerce.widget_shopping_cart .cart_list li .quantity {
display: block;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove,
.woocommerce.widget_shopping_cart .cart_list li a.remove {
left: -20px;
}
.woocommerce .widget_shopping_cart .cart_list li.empty,
.woocommerce.widget_shopping_cart .cart_list li.empty {
padding: 0;
}
.woocommerce .widget_shopping_cart .total,
.woocommerce.widget_shopping_cart .total {
margin: 0 0 20px;
padding: 10px 0;
border-top: 1px dashed #e5e5e5;
border-bottom: 1px dashed #e5e5e5;
}
.woocommerce .widget_shopping_cart .total .amount,
.woocommerce.widget_shopping_cart .total .amount {
float: right;
color: #222222;
font-weight: bold;
}
.woocommerce .widget_shopping_cart .buttons .button.wc-forward,
.woocommerce.widget_shopping_cart .buttons .button.wc-forward {
float: left;
}
.woocommerce .widget_shopping_cart .buttons .button.wc-forward.checkout,
.woocommerce.widget_shopping_cart .buttons .button.wc-forward.checkout {
float: right;
}
.woocommerce ul.cart_list li dl dt,
.woocommerce ul.cart_list li dl dd,
.woocommerce ul.product_list_widget li dl dt,
.woocommerce ul.product_list_widget li dl dd {
margin: 0 5px 0 0;
line-height: 20px;
}
.woocommerce ul.cart_list li dl dt p,
.woocommerce ul.cart_list li dl dd p,
.woocommerce ul.product_list_widget li dl dt p,
.woocommerce ul.product_list_widget li dl dd p {
line-height: inherit;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
background-color: #28cdf0;
}.toko-banner {
overflow: hidden;
position: relative;
min-height: 200px;
margin: 30px 0;
background: #ffffff;
background-repeat: no-repeat;
background-size: cover;
}
.toko-banner:after {
display: block;
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(53, 43, 80, 0.7);
content: "";
}
.toko-banner .toko-banner-detail {
position: absolute;
z-index: 5;
top: 50%;
width: 100%;
padding: 10px 20px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.toko-banner .toko-banner-detail p.paragraf1 {
margin: 0;
color: #ffffff;
font-size: 14px;
line-height: 25px;
}
.toko-banner .toko-banner-detail a.button {
display: inline-block;
margin-bottom: 0;
padding: 6px 20px;
line-height: 20px;
}
.toko-banner .toko-banner-detail h2 {
margin-top: 0;
}
.toko-banner .toko-banner-detail h3 {
display: block;
margin: 0;
color: #ffffff;
font-size: 24px;
line-height: 30px;
text-transform: capitalize;
}
.toko-banner .toko-banner-detail h3.text-big {
font-size: 36px;
font-weight: normal;
line-height: 45px;
}
.toko-banner .toko-banner-detail .paragraf2 {
margin: 0;
color: #ffffff;
font-size: 13px;
font-style: italic;
line-height: 30px;
text-transform: capitalize;
}
.toko-banner.toko-banner-center {
background-position: center center;
}
.toko-banner.toko-banner-center .toko-banner-detail {
text-align: center;
}
.toko-banner.toko-banner-left {
background-position: right center;
}
.toko-banner.toko-banner-left .toko-banner-detail {
left: 0;
text-align: left;
}
.toko-banner.toko-banner-right {
background-position: left center;
}
.toko-banner.toko-banner-right .toko-banner-detail {
right: 0;
text-align: right;
} .toko-cta {
padding: 100px 0;
}
.toko-cta h2.title-home {
color: #222222;
font-size: 36px;
line-height: 40px;
}
.toko-cta .toko-cta-description {
margin: 0;
color: #ffffff;
font-size: 18px;
font-weight: lighter;
line-height: 30px;
}
.toko-cta .toko-cta-title {
position: relative;
z-index: 9;
margin: 0;
color: #ffffff;
font-size: 36px;
line-height: 40px;
}
.toko-cta .toko-cta-title span {
font-weight: bold;
}
.toko-cta.text-center .toko-cta-title {
margin: 0 auto;
}
@media (max-width: 992px) {
.toko-cta.text-center .toko-cta-title {
width: 70%;
}
}
.toko-cta a.toko-cta-link {
display: block;
position: relative;
margin-top: 20px;
color: #ffffff;
font-size: 14px;
letter-spacing: 1px;
text-transform: uppercase;
}
.toko-cta a.toko-cta-link:after {
margin-left: 10px;
font-family: "FontAwesome";
content: "\f178";
}
.toko-cta a.toko-cta-link:hover {
color: #2a2a2a;
text-decoration: none;
}
.toko-cta a.toko-cta-button {
display: inline-block;
margin: 30px 0 0;
padding: 0 40px;
border: 2px solid #28cdf0;
border: none;
border-radius: 40px;
color: #ffffff;
background: #2f2b35;
font-size: 14px;
font-weight: 400;
line-height: 40px;
text-align: center;
}
.toko-cta a.toko-cta-button:hover {
color: #ffffff !important;
background: #5a5462;
} .toko-divider {
position: relative;
}
.toko-divider h2.toko-section-title {
color: #222222;
}
.toko-divider .toko-section-title {
margin: 0;
}
.toko-divider .toko-section-title span {
margin: 0 10px 0 0;
}
.toko-divider.line-yes .divider-inner:after {
display: none;
}
.toko-divider .divider-inner {
margin: 0;
padding: 10px 0;
}
.toko-divider .divider-inner h3 {
display: inline-block;
position: relative;
margin-top: 0;
font-size: 26px;
}
.toko-divider .divider-inner p.paragraf {
margin: 0;
color: #969595;
font-size: 12px;
font-weight: 400;
}
.toko-divider.line-no {
padding: 10px 0;
}
.toko-divider.line-yes:before {
position: absolute;
z-index: 1;
top: 50%;
left: 0;
width: 100%;
height: 2px;
background: #28cdf0;
content: " ";
}
.toko-divider.line-yes .divider-inner {
display: inline-block;
position: relative;
z-index: 10;
padding: 0 30px;
}
.toko-divider.line-yes .divider-inner span {
font-size: 24px;
}
.toko-divider.line-yes.text-left.icon-left .divider-inner,
.toko-divider.line-yes.text-left.icon-right .divider-inner,
.toko-divider.line-yes.text-left.icon-no .divider-inner,
.toko-divider.line-yes.text-no.icon-left .divider-inner {
padding-left: 2px;
}
.toko-divider.line-yes.text-left.icon-left .toko-section-title span,
.toko-divider.line-yes.text-left.icon-right .toko-section-title span,
.toko-divider.line-yes.text-left.icon-no .toko-section-title span,
.toko-divider.line-yes.text-no.icon-left .toko-section-title span {
margin-left: 0;
}
.toko-divider.line-yes.text-right.icon-right .divider-inner,
.toko-divider.line-yes.text-right.icon-left .divider-inner,
.toko-divider.line-yes.text-right.icon-no .divider-inner,
.toko-divider.line-yes.text-no.icon-right .divider-inner {
padding-right: 2px;
}
.toko-divider.line-yes.text-right.icon-right .toko-section-title span,
.toko-divider.line-yes.text-right.icon-left .toko-section-title span,
.toko-divider.line-yes.text-right.icon-no .toko-section-title span,
.toko-divider.line-yes.text-no.icon-right .toko-section-title span {
margin-left: 0;
}
.toko-divider.line-yes.text-no.icon-no {
padding: 20px 0;
} .toko-brands-wrap.toko-no-carousel .toko-brand {
float: left;
margin: 0 0 10px;
text-align: center;
}
.toko-brands-wrap.toko-no-carousel.columns-5 .toko-brand {
width: 20%;
}
.toko-brands-wrap.toko-no-carousel.columns-4 .toko-brand {
width: 25%;
}
.toko-brands-wrap.toko-no-carousel.columns-3 .toko-brand {
width: 33.33333%;
}
.toko-brands-wrap.toko-no-carousel.columns-2 .toko-brand {
width: 50%;
}
.toko-brands-wrap.toko-no-carousel.columns-1 .toko-brand {
width: 100%;
}
@media (max-width: 991px) {
.toko-brands-wrap.toko-no-carousel .toko-brand {
width: 50% !important;
}
}
@media (max-width: 500px) {
.toko-brands-wrap.toko-no-carousel .toko-brand {
width: 100% !important;
}
}
.toko-brands-wrap .owl-carousel .owl-item {
text-align: center;
}
.toko-brands-wrap .owl-carousel .owl-item img {
display: inline-block;
width: auto;
max-width: 100%;
}
.toko-brands-wrap .owl-carousel .owl-controls {
padding: 20px 0;
text-align: center;
}
.toko-brands-wrap .owl-carousel .owl-nav {
padding: 20px 0;
text-align: center;
}
.toko-brands-wrap .owl-carousel .owl-nav .owl-prev,
.toko-brands-wrap .owl-carousel .owl-nav .owl-next {
display: inline-block;
width: 20px;
width: 30px;
height: 30px;
margin: 0 2px;
padding: 4px;
border: 1px solid #dddddd;
background: transparent;
line-height: 22px;
-webkit-transition: background 1s;
-moz-transition: background 1s;
transition: background 1s;
}
.toko-brands-wrap .owl-carousel .owl-nav .owl-prev:hover,
.toko-brands-wrap .owl-carousel .owl-nav .owl-next:hover {
border-color: #28cdf0;
background: #28cdf0;
}
.toko-brands-wrap .owl-carousel .owl-nav .owl-prev:hover i,
.toko-brands-wrap .owl-carousel .owl-nav .owl-next:hover i {
color: #ffffff;
} .toko-posts-grid .toko-post {
margin: 0 0 20px;
}
.toko-posts-grid .toko-post-image {
margin: 0 0 20px;
}
.toko-posts-grid .toko-post-image a img {
width: 100%;
}
.toko-posts-grid .toko-post-detail .post-title {
overflow: hidden;
margin: 0 0 10px;
padding: 0;
font-size: 18px;
line-height: 1.2em;
white-space: nowrap;
text-overflow: ellipsis;
}
.toko-posts-grid .toko-post-detail .post-date {
display: block;
margin: 0 0 20px;
padding: 0;
font-family: "PT Serif", serif;
font-size: 12px;
font-weight: normal;
text-transform: uppercase;
}
.toko-posts-grid .toko-post-detail p {
margin: 0 0 20px;
padding: 0;
font-size: 12px;
font-weight: normal;
} @media (min-width: 768px) {
.woocommerce.toko-carousel {
margin-right: -20px;
}
}
.woocommerce.toko-carousel ul.products.owl-loaded li.product {
width: 100% !important;
padding-top: 10px;
}
.woocommerce.toko-carousel .owl-carousel .owl-controls {
padding: 20px 0;
text-align: center;
}
.woocommerce.toko-carousel .owl-carousel .owl-nav {
text-align: center;
}
.woocommerce.toko-carousel .owl-carousel .owl-nav .owl-prev,
.woocommerce.toko-carousel .owl-carousel .owl-nav .owl-next {
display: inline-block;
width: 20px;
width: 30px;
height: 30px;
margin: 0 2px;
padding: 4px;
border: 1px solid #dddddd;
background: transparent;
line-height: 22px;
-webkit-transition: background 1s;
-moz-transition: background 1s;
transition: background 1s;
}
.woocommerce.toko-carousel .owl-carousel .owl-nav .owl-prev:hover,
.woocommerce.toko-carousel .owl-carousel .owl-nav .owl-next:hover {
border-color: #28cdf0;
background: #28cdf0;
}
.woocommerce.toko-carousel .owl-carousel .owl-nav .owl-prev:hover i,
.woocommerce.toko-carousel .owl-carousel .owl-nav .owl-next:hover i {
color: #ffffff;
}
.woocommerce .product-category li:hover a img {
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
-webkit-filter: none !important;
} .toko-slider-wrap {
background: #2f2b35;
}
.toko-slider-wrap .toko-slides .toko-slide {
display: none;
background-position: center left !important;
background-size: cover;
}
.toko-slider-wrap .toko-slides .toko-slide:first-of-type {
display: block;
}
.toko-slider-wrap .toko-slides .toko-slide .toko-slide-inner {
margin: 0 auto;
padding: 200px 50px;
}
@media (max-width: 991px) {
.toko-slider-wrap .toko-slides .toko-slide .toko-slide-inner {
text-align: center;
}
}
.toko-slider-wrap .toko-slides .toko-slide .toko-slide-inner .toko-slide-detail {
display: inline-block;
}
.toko-slider-wrap .toko-slides .toko-slide .toko-slide-inner .toko-slide-detail .toko-slide-desc {
margin: 0;
color: #ffffff;
font-family: "PT Serif", serif;
font-size: 21px;
font-style: italic;
line-height: 1;
}
.toko-slider-wrap .toko-slides .toko-slide .toko-slide-inner .toko-slide-detail .toko-slide-title {
margin: 0;
padding: 4px 0 18px;
color: #ffffff;
font-size: 80px;
font-weight: normal;
line-height: 1;
text-transform: capitalize;
}
@media (max-width: 992px) {
.toko-slider-wrap .toko-slides .toko-slide .toko-slide-inner .toko-slide-detail .toko-slide-title {
font-size: 60px;
}
}
.toko-slider-wrap .toko-slides .toko-slide .toko-slide-inner .toko-slide-detail a.toko-slide-button {
display: inline-block;
margin: 20px 0;
padding: 10px 30px;
border-radius: 24px;
color: #ffffff;
background: #2f2b35;
font-family: "Montserrat", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 25px;
text-transform: capitalize;
}
.toko-slider-wrap .toko-slides .toko-slide .toko-slide-inner .toko-slide-detail a.toko-slide-button:hover {
color: #ffffff !important;
background: #5a5462;
}
.toko-slider-wrap .toko-slides .owl-dots {
position: absolute;
bottom: 20px;
width: 100%;
text-align: center;
}
.toko-slider-wrap .toko-slides .owl-dots .owl-dot {
display: inline-block;
margin: 0 5px;
}
.toko-slider-wrap .toko-slides .owl-dots .owl-dot span {
display: block;
width: 10px;
height: 10px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #cccccc;
-ms-border-radius: 50%;
}
.toko-slider-wrap .toko-slides .owl-dots .owl-dot span:hover {
background: #ffffff;
}
.toko-slider-wrap .toko-slides .owl-dots .owl-dot.active span {
background: #28cdf0;
}
.toko-slider-wrap .toko-slides .owl-nav [class*=owl-],
.toko-slider-wrap .toko-slides .owl-prev,
.toko-slider-wrap .toko-slides .owl-next {
position: absolute !important;
top: 50% !important;
width: 30px !important;
height: 80px !important;
margin: -40px 0 0 0 !important;
opacity: 0 !important;
color: #ffffff !important;
background: rgba(0, 0, 0, 0.5) !important;
font-size: 18px !important;
line-height: 80px !important;
text-align: center !important;
}
.toko-slider-wrap .toko-slides .owl-prev {
left: 0 !important;
}
.toko-slider-wrap .toko-slides .owl-next {
right: 0 !important;
}
.toko-slider-wrap .toko-slides:hover .owl-nav [class*=owl-],
.toko-slider-wrap .toko-slides:hover .owl-prev,
.toko-slider-wrap .toko-slides:hover .owl-next {
opacity: 1 !important;
}
body.has_slider .toko-slider-wrap .toko-slides .toko-slide .toko-slide-inner {
padding: 250px 50px 150px;
}
@media (min-width: 992px) {
body.has_slider .toko-slider-wrap .toko-slides .toko-slide .toko-slide-inner {
width: 970px;
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 1200px) {
body.has_slider .toko-slider-wrap .toko-slides .toko-slide .toko-slide-inner {
width: 1170px;
padding-right: 15px;
padding-left: 15px;
}
} .toko-featured-book .book-label {
margin: 0;
color: #a7a7a7;
font-size: 18px;
}
.toko-featured-book .book-title {
margin: 20px 0 0;
color: #222222;
font-size: 24px;
line-height: 30px;
}
.toko-featured-book .book-author-name {
font-family: "PT Serif", serif;
font-size: 13px;
font-style: italic;
}
.toko-featured-book .inside-book-cover {
position: relative;
text-align: center;
}
.toko-featured-book .inside-book-cover .book-button-wrap {
position: absolute;
top: 50%;
left: 0;
width: 100%;
}
.toko-featured-book .inside-book-cover .btn.btn-primary {
padding-right: 30px;
padding-left: 30px;
border-color: #2f2b35;
border-radius: 20px;
color: #ffffff;
background: #2f2b35;
font-size: 12px;
line-height: 20px;
text-transform: uppercase;
}
.toko-featured-book .inside-book-cover .btn.btn-primary:hover {
border-color: #5a5462;
color: #ffffff;
background: #5a5462;
}
.toko-featured-book .inside-book-description {
font-family: "PT Serif", serif;
font-size: 15px;
}
.toko-featured-book-category > .inside {
position: relative;
}
.toko-featured-book-category > .inside img {
width: 100%;
border-radius: 8px;
}
.toko-featured-book-category > .inside .inside-detail {
position: absolute;
left: 0;
width: 100%;
padding: 20px;
}
.toko-featured-book-category > .inside .inside-detail .book-badge {
padding: 2px 10px;
border-radius: 6px;
font-size: 10px;
letter-spacing: 2px;
text-transform: uppercase;
}
.toko-featured-book-category > .inside .inside-detail .book-title {
margin: 10px 0 0;
margin: 10px 0;
color: #ffffff;
font-size: 18px;
line-height: 24px;
}
.toko-featured-book-category > .inside .inside-detail .inside-book-description {
margin: 0;
color: #ffffff;
font-family: "PT Serif", serif;
font-size: 14px;
}
.toko-featured-book-category > .inside .inside-detail .book-button-wrap a {
padding: 2px 20px;
font-size: 13px;
line-height: 20px;
}
.toko-featured-book-category.style-1 > .inside .inside-detail {
bottom: -50px;
text-align: center;
}
.toko-featured-book-category.style-1 > .inside .inside-detail .book-title {
letter-spacing: 4px;
}
.toko-featured-book-category.style-2 > .inside .inside-detail {
bottom: 10px;
text-align: left;
}
.toko-featured-book-category.style-3 > .inside img {
margin-bottom: 20px;
}
.toko-featured-book-category.style-3 > .inside .inside-detail {
position: static;
padding: 0;
}
.toko-featured-book-category.style-3 > .inside .inside-detail .book-title {
color: #2f2b35;
}
.toko-featured-book-category.style-3 > .inside .inside-detail .inside-book-description {
color: #757575;
}
.toko-featured-book-category.style-3 > .inside .inside-detail .book-button-wrap a {
padding: 4px 20px;
border: 1px solid #cdcdcd;
color: #2f2b35;
background: none;
font-size: 10px;
letter-spacing: 2px;
text-transform: uppercase;
}
.toko-featured-book-category.style-3 > .inside .inside-detail .book-button-wrap a:hover {
border: 1px solid #2f2b35;
color: #ffffff;
background: #2f2b35;
}
.home-subscribe-form {
padding: 40px 0;
}
.home-subscribe-form .subscribe-icon {
display: inline-block;
margin-right: 30px;
vertical-align: middle;
}
@media (max-width: 992px) {
.home-subscribe-form .subscribe-icon {
width: 100%;
margin: 0;
text-align: center;
}
}
.home-subscribe-form .subscribe-icon i {
color: #ffffff;
font-size: 80px;
}
@media (max-width: 1200px) {
.home-subscribe-form .subscribe-icon i {
font-size: 30px;
}
}
.home-subscribe-form .subscribe-heading {
display: inline-block;
vertical-align: middle;
}
@media (max-width: 992px) {
.home-subscribe-form .subscribe-heading {
width: 100%;
text-align: center;
}
}
.home-subscribe-form .subscribe-heading h2 {
margin: 0;
color: #ffffff;
font-size: 26px;
line-height: 26px;
}
.home-subscribe-form .subscribe-heading p {
margin-bottom: 0;
color: #d2eff5;
font-family: "PT Serif", serif;
font-size: 18px;
font-style: italic;
line-height: 20px;
}
.home-subscribe-form form {
margin: 0;
padding: 25px 0;
}
@media (max-width: 1200px) {
.home-subscribe-form form {
padding: 0;
}
}
@media (max-width: 992px) {
.home-subscribe-form form {
margin: 20px 0;
text-align: center;
}
}
.home-subscribe-form form div p {
display: inline-block;
margin: 0;
}
@media (min-width: 768px) {
.home-subscribe-form form div p:first-child {
width: 50%;
}
}
@media (max-width: 500px) {
.home-subscribe-form form div p:first-child {
display: block;
margin: 20px 0;
}
}
.home-subscribe-form form div p input {
width: 100%;
padding: 2px 10px;
border: 1px solid #ffffff;
font-family: "Montserrat", sans-serif;
font-size: 14px;
}
.home-subscribe-form form div p input[type="submit"] {
margin-left: 10px;
padding: 2px 20px;
border: none;
border-radius: 15px;
color: #ffffff;
background: #2f2b35;
}
.home-subscribe-form form div p input[type="submit"]:hover {
background: #5a5462;
}
@media (max-width: 500px) {
.home-subscribe-form form div p input[type="submit"] {
margin: 0;
}
}
.home-subscribe-form form div p ::-webkit-input-placeholder {
color: #8f9394;
font-size: 12px;
}
.home-subscribe-form form div p :-moz-placeholder {
color: #8f9394;
font-size: 12px;
}
.home-subscribe-form form div p ::-moz-placeholder {
color: #8f9394;
font-size: 12px;
}
.home-subscribe-form form div p :-ms-input-placeholder {
color: #8f9394;
font-size: 12px;
}
.home-subscribe-form form .mc4wp-response {
color: #ffffff;
font-size: 11px;
}
.home-subscribe-form form .mc4wp-response .mc4wp-alert p {
width: 100%;
} .toko-author-lists .author-box {
width: 100%;
padding: 10px 10px;
}
.toko-author-lists .author-box-inner {
background: rgba(0, 0, 0, 0.1);
}
.toko-author-lists .author-thumbnail {
padding: 20px;
}
.toko-author-lists .author-thumbnail img {
width: 100%;
}
.toko-author-lists .author-details {
padding: 20px;
}
.toko-author-lists .author-details h3 {
margin: 0 0 15px 0;
}
.toko-author-lists .author-details .count {
background: transparent;
font-weight: bold;
}
.toko-author-lists .author-details .author-bio.truncate-yes p {
display: block;
display: -webkit-box;
overflow: hidden;
max-width: 100%;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
@media (max-width: 768px) {
.toko-author-lists .author-details .button.alt {
display: block;
text-align: center;
}
}
.toko-author-lists ul.author-lists {
margin: 0;
padding: 0;
list-style: none;
}
.toko-author-lists.list .author-box-inner {
overflow: hidden;
}
.toko-author-lists.list .author-thumbnail {
float: left;
width: 20%;
}
@media (max-width: 480px) {
.toko-author-lists.list .author-thumbnail {
width: 100%;
}
}
.toko-author-lists.list .author-details {
float: left;
width: 80%;
}
@media (max-width: 480px) {
.toko-author-lists.list .author-details {
width: 100%;
}
}
.toko-author-lists.grid .author-box {
float: left;
}
@media (min-width: 769px) {
.toko-author-lists.grid.column-4 .author-box {
width: 25%;
}
.toko-author-lists.grid.column-3 .author-box {
width: 33.33%;
}
.toko-author-lists.grid.column-2 .author-box {
width: 50%;
}
.toko-author-lists.grid.column-1 .author-box {
width: 100%;
}
}
@media (max-width: 768px) {
.toko-author-lists.grid.column-4 .author-box,
.toko-author-lists.grid.column-3 .author-box,
.toko-author-lists.grid.column-2 .author-box {
width: 50%;
}
}
@media (max-width: 480px) {
.toko-author-lists.grid.column-4 .author-box,
.toko-author-lists.grid.column-3 .author-box,
.toko-author-lists.grid.column-2 .author-box {
width: 100%;
}
}