File: D:/HostingSpaces/jwitte/rednails.studio/wwwroot/wp-content/themes/glow/css/sass/style.scss
/*
Theme Name: Glow
Version: 1.0.6
Theme URI: https://famethemes.com/themes/glow
Author: FameThemes
Author URI: https://famethemes.com
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: glow
Tags: custom-background, custom-colors, custom-menu, featured-images, full-width-template, right-sidebar, sticky-post, threaded-comments, translation-ready, two-columns, theme-options
Description: Glow is a massage center, beauty spa salon parlor responsive WordPress theme built with Bootstrap and is fully responsive for all the screen sizes. It can be used for Beauty, Salon, barber, Spa, Fitness, Wellness, Health, Blogging, Business, Agency, Corporate, Hospital, Massage parlor, Medicals, Doctors, Clinic or any other types of site. Glow theme comes with built-in widgets and widgets positions, customizer, drop-down menus, sliders, testimonials. Glow is one of very beautifully designed theme by DaisyThemes in mind to create stunning website quickly and easily. You can find preview demo at http://demos.famethemes.com/glow/
This theme, like WordPress, is licensed under the GPL.
Glow is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
*/
@import "mixins";
@import "reset";
@import "utilities";
/*--------------------------------------------------------------
# Topbar
--------------------------------------------------------------*/
.header-topbar {
background: #000;
color: #fff;
font-size: 12px;
}
.header-topbar:after{
clear: both;
content: "";
display: block;
}
.header-topbar .widget.widget_glow_topbar {
margin: 0px;
}
.header-topbar a {
color: inherit;
}
.header-topbar .left {
float: left;
}
.header-topbar .right {
float: right;
text-align: right;
}
.topbar-items .topbar-item{
display: inline-block;
}
.topbar-items .topbar-item i {
margin-right: 5px;
}
.topar-left .topbar-item, .topar-right .topbar-item {
border-right: 1px solid #333;
padding-right: 10px;
margin-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
}
.topar-left .topbar-item:last-child {
border-right: 0px;
margin-right: 0px;
padding-right: 0px;
}
.topar-right .topbar-item:first-child {
border-left: 1px solid #333;
padding-left: 10px;
margin-left: 10px;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.dt-header-sep {
height: 100px;
}
/*
* Logo
-----------------------------------*/
.dt-logo {
padding: 20px 0 15px;
position: relative;
}
.dt-logo .site-title {
font-size: 36px;
margin: 0;
font-family: 'Bad Script', cursive;
}
.site-title a,
.site-title span {
color: #fa7921;
}
.site-title span {
font-size: 18px;
font-weight: 400;
margin: 4px 0 0;
color: rgba(39, 48, 57, 0.85);
font-family: 'Roboto', sans-serif;
}
.dt-main-menu-scroll .site-title span {
color: #fff;
}
/*--------------------------------------------------------------
# Menu
--------------------------------------------------------------*/
.dt-main-menu-wrap {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
background: #fff;
box-shadow: 0 0 6px rgba(39, 48, 57, 0.07);
padding: 0;
font-weight: 400;
}
.dt-menu-md {
display: none;
position: absolute;
top: 8px;
right: 0;
width: 48px;
height: 48px;
text-align: center;
font-size: 24px;
padding: 10px 0;
cursor: pointer;
}
.dt-main-menu-scroll .dt-menu-md {
color: #fff;
}
.dt-main-menu ul {
margin: 0;
padding: 0;
text-align: right;
}
.dt-main-menu li {
position: relative;
display: inline-block;
margin-left: -9px;
font-size: 15px;
}
.dt-main-menu .menu > li {
padding: 29px 0;
}
.dt-main-menu li a {
display: block;
text-decoration: none;
color: rgba(39, 48, 57, 0.85);
}
.dt-main-menu li:hover > a {
color: #fa7921;
}
.dt-main-menu .menu > li > a {
display: block;
margin-left: 2px;
padding: 6px 18px;
text-transform: uppercase;
}
.dt-main-menu .menu > li > a:hover,
.dt-main-menu .menu .current-menu-item > a,
.dt-main-menu .menu .current_page_item > a {
color: #fa7921;
}
.dt-main-menu .menu > li.nav-btn-li {
margin-left: 10px ;
}
.dt-main-menu .menu > li > a.btn-book {
background: #42caad;;
border: 0px none !important;
font-size: 11px;
color: #ffffff;
padding: 8px 12px;
border-radius: 2px;
opacity: 1 !important;
}
.dt-main-menu .menu > li > a.btn-book:hover {
background: #757575;;
color: #fff;
}
.dt-main-menu.dt-main-menu-scroll .menu > li > a.btn-book:hover {
background: #ffffff;
color: #fff;
}
.dt-main-menu li ul {
position: absolute;
z-index: 99999;
top: 120%;
display: block;
visibility: hidden;
text-align: left;
width: 240px;
max-width: 500%;
opacity: 0;
padding: 0;
}
.dt-main-menu li li ul {
top: 50%;
left: 100%;
}
.dt-main-menu li li a {
position: relative;
text-transform: capitalize;
padding: 12px 20px;
}
.dt-main-menu li li a:hover {
background: #fa7921;
color: #fff;
}
.dt-main-menu li li.current_page_item > a:hover {
color : #fff !important;
}
.dt-main-menu li li.page_item_has_children > a:after,
.dt-main-menu li li.menu-item-has-children > a:after {
font-family: 'FontAwesome';
position: absolute;
top: 8px;
right: 5px;
width: 16px;
height: 24px;
content: '\f105';
text-align: center;
}
.dt-main-menu li:hover > ul {
top: 100%;
visibility: visible;
opacity: 1;
background: #fff;
}
.dt-main-menu li li:hover > ul {
top: 0px;
}
.dt-main-menu li ul li {
display: block;
margin-left: 0;
font-size: 15px;
}
.dt-main-menu-scroll {
padding: 0px 0;
background: transparent;
box-shadow: none;
}
.dt-main-menu-scroll .dt-main-menu .menu > li > a {
color: #fff;
opacity: 0.7;
}
.dt-main-menu-scroll .dt-main-menu .menu > li > a:hover {
opacity: 1;
color: #fff;
}
/*
* BreadCrumbs
-----------------------------------*/
.dt-breadcrumbs {
font-size: 13px;
padding: 12px 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
background: #fcfcfc;
}
.dt-breadcrumbs span {
display: inline-block;
padding: 0 2px;
opacity: .8;
}
/*--------------------------------------------------------------
# Front Slider
--------------------------------------------------------------*/
.dt-front-slider {
width: 100%;
overflow: hidden;
text-align: center;
padding: 0;
}
.dt-featured-post-slider {
position: relative;
}
.dt-featured-post .entry-header {
position: absolute;
top: 0;
left: 0;
z-index: 99;
width: 100%;
height: 100%;
text-align: center;
color: #fff;
padding-top: 0;
}
.dt-featured-post-meta h2,
.dt-featured-post-meta h2 a {
color: #fff;
font-size: 50px;
font-weight: 500;
}
.dt-featured-post-meta p {
font-size: 20px;
line-height: 1.5em;
font-weight: 300;
margin-top: 0;
padding: 0 80px;
animation-delay: .3s;
}
.dt-featured-post-slider .swiper-button-next,
.dt-featured-post-slider .swiper-button-prev {
z-index: 999;
top: 50% !important;
right: 15px;
margin-top: -30px;
width: 60px;
height: 60px;
border-radius: 50%;
padding-top: 10px;
padding-left: 4px;
text-align: center;
background: rgba(39, 48, 57, 0.35);
}
.dt-featured-post-slider .swiper-button-prev {
left: 15px;
padding-right: 6px;
}
.dt-featured-post-slider .swiper-button-next:hover,
.dt-featured-post-slider .swiper-button-prev:hover {
background: #fa7921;
color: #fff;
}
.dt-featured-post-slider .swiper-button-next .fa,
.dt-featured-post-slider .swiper-button-prev .fa {
font-size: 36px;
color: rgba(255, 255, 255, 0.85);
}
.btn-theme-primary {
background: #fa7921;
color: #fff;
}
.btn-theme-primary:hover {
background: #e2813e;
color: #fff;
}
@media all and (max-width: 992px) {
body .dt-front-slider .swiper-slide .dt-featured-post {
padding-top: 0px;
}
}
/* Paging slider */
.dt-front-slider.s-padding .swiper-slide .dt-featured-post {
position: relative;
overflow: hidden;
}
.dt-front-slider.s-padding .swiper-slide .dt-featured-post-meta {
/* Change padding here */
padding: 15% 0px;
}
.dt-front-slider.s-padding .dt-featured-post figure {
width: 100%;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background-repeat: no-repeat;
background-position: center center;
background-attachment: inherit;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.dt-front-slider.s-padding .dt-featured-post figure:before {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background: rgba(39, 48, 57, 0.45) none repeat scroll 0 0;
content: "";
display: block;
z-index: 10;
}
.dt-front-slider.s-padding .dt-featured-post figure a {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
display: block;
object-fit: cover;
}
.dt-front-slider.s-padding .dt-featured-post figure a img {
display: none;
}
.dt-front-slider.s-padding .dt-featured-post .entry-header {
background: none;
position: relative;
padding: 0px;
height: auto;
}
/* Full slider */
.dt-front-slider.s-full .swiper-wrapper {
height: 600px;
}
.dt-front-slider.s-full .swiper-slide .dt-featured-post {
position: relative;
overflow: hidden;
height: 100%;
display: block;
}
.dt-front-slider.s-full .dt-featured-post .entry-header {
padding: 0px;
display: flex;
flex-direction: column;
justify-content: center;
}
.dt-front-slider.s-full .dt-featured-post img {
display: none;
}
.dt-front-slider.s-full .dt-featured-post figure {
width: 100%;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background-repeat: no-repeat;
background-position: center center;
background-attachment: inherit;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.dt-front-slider.s-full .dt-featured-post figure:before {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background: rgba(39, 48, 57, 0.45) none repeat scroll 0 0;
content: "";
display: block;
z-index: 10;
}
.dt-front-slider.s-full .dt-featured-post figure a {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
display: block;
object-fit: cover;
}
/*--------------------------------------------------------------
# Front Page widgets
--------------------------------------------------------------*/
.dt-home-widgets {
margin-top: 60px;
}
.widget-padding {
margin-top: 40px;
padding: 30px 0;
}
/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.dt-entry-header h2,
.dt-call-to-action-meta h2,
.dt-widget-header h2{
text-align: center;
font-size: 36px;
font-weight: 400;
position: relative;
padding-bottom: 30px;
margin-bottom: 60px;
}
.dt-services .dt-entry-header h2:after,
.dt-testimonial-wrap .dt-entry-header h2:after,
.dt-news-layout-wrap .dt-entry-header h2:after,
.dt-widget-header h2:after{
content: '';
width: 600px;
height: 1px;
background: rgba(39, 48, 57, 0.15);
position: absolute;
left: 50%;
margin-left: -300px;
bottom: 0;
z-index: 99;
}
.dt-entry-header h2 span,
.dt-widget-header h2 span{
position: absolute;
left: 50%;
z-index: 999;
bottom: -21px;
margin-left: -21px;
display: block;
width: 42px;
height: 42px;
text-align: center;
background: #fff;
border-radius: 50%;
border: 1px solid rgba(39, 48, 57, 0.1);
font-size: 20px;
line-height: 1em;
padding-top: 10px;
padding-left: 2px;
color: #fa7921;
box-shadow: 0 0 0 8px #f3f4f6;
}
.dt-entry-header p,
.dt-widget-header p,
.dt-widget-header .description{
text-align: center;
font-size: 18px;
line-height: 1.8em;
font-weight: 400;
padding: 0 80px;
color: rgba(39, 48, 57, 0.7);
@include for-screen( phone-max ) {
padding: 0 20px;
}
}
/* services layout */
.dt-services-holder {
padding-left: 0px;
padding-right: 0px;
background: #fff;
position: relative;
padding-bottom: 70px;
margin-top: 30px;
box-shadow: 0 0 6px rgba(39, 48, 57, 0.07);
}
.dt-services-holder figure {
position: relative;
overflow: hidden;
}
.dt-services-holder figure img {
width: 100%;
height: auto;
}
.dt-services-holder span {
display: block;
position: absolute;
z-index: 999;
top: 109px;
right: -48px;
width: 48px;
height: 48px;
background: #fa7921;
text-align: center;
color: #fff;
font-size: 18px;
padding-top: 11px;
border-radius: 50%;
opacity: 0;
visibility: hidden;
}
.dt-services-holder:hover span {
opacity: 1;
visibility: visible;
right: 20px;
-webkit-transition-delay: .35s;
transition-delay: .35s;
}
.dt-services-header {
position: absolute;
bottom: 0;
left: 0;
z-index: 99;
width: 100%;
height: 70px;
padding: 18px 20px;
background: #fff;
overflow: hidden;
}
.dt-services-holder:hover .dt-services-header {
height: 162px;
}
.dt-services-header h3 {
margin: 0;
font-size: 22px;
font-weight: 400;
}
.dt-services-header h3 a {
color: #273039;
}
.dt-services-header:hover h3 a {
color: #fa7921;
}
.dt-services-header p {
margin-top: 20px;
font-size: 15px;
line-height: 1.6em;
}
/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
.dt-testimonial-slider {
position: relative;
overflow: hidden;
width: 100%;
text-align: center;
box-shadow: 0 0 6px rgba(39, 48, 57, 0.07);
padding: 80px 0;
background: #fff;
}
.dt-testimonial-desc {
font-size: 18px;
font-weight: 400;
line-height: 1.7em;
padding: 10px 100px;
@include for-screen( phone-max ) {
padding: 10px 20px;
}
}
.dt-testimonial-desc p {
color: rgba(39, 48, 57, 0.7);
}
.dt-testimonial-meta figure {
position: relative;
overflow: hidden;
width: 96px;
height: 96px;
margin: 10px auto;
border-radius: 50%;
}
.dt-testimonial-meta figure img {
position: absolute;
top: -9999px;
right: -9999px;
bottom: -9999px;
left: -9999px;
width: auto;
min-width: 100%;
max-width: 500%;
height: 100%;
margin: auto;
}
.dt-testimonial-meta h5 {
font-size: 16px;
margin: 15px 0 5px;
text-transform: capitalize;
}
.dt-testimonial-meta span {
font-size: 16px;
}
.dt-testimonial-slider .swiper-button-next,
.dt-testimonial-slider .swiper-button-prev {
z-index: 999;
right: 20px;
width: 48px;
height: 60px;
margin-top: -24px;
padding-top: 10px;
text-align: center;
background: transparent;
opacity: .4;
filter: alpha(opacity=40);
}
.dt-testimonial-slider .swiper-button-prev {
left: 20px;
}
.dt-testimonial-slider .swiper-button-next:hover,
.dt-testimonial-slider .swiper-button-prev:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.dt-testimonial-slider .swiper-button-next .fa,
.dt-testimonial-slider .swiper-button-prev .fa {
font-size: 42px;
color: rgba(39, 48, 57, 0.6);
}
/*--------------------------------------------------------------
# Call to Action
--------------------------------------------------------------*/
.dt-call-to-action {
margin-top: 40px;
}
.dt-call-to-action-meta h2 {
text-align: left;
margin: 0;
}
.dt-call-to-action-wrap {
padding: 40px 25px;
background: #fff;
box-shadow: 0 1px 6px rgba(39, 48, 57, 0.07);
}
.dt-call-to-action-meta {
float: left;
width: 70%;
padding-left: 15px;
}
@media all and (max-width: 600px) {
.dt-call-to-action-meta {
float: none;
width: 100%;
padding-right: 15px;
}
.dt-call-to-action-meta h2 {
text-align: center;
}
}
.dt-call-to-action-meta p {
font-size: 18px;
line-height: 1.8em;
font-weight: 400;
margin: 0;
color: rgba(39, 48, 57, 0.7);
}
.dt-call-to-action-btn {
float: right;
width: 30%;
text-align: center;
}
@media all and (max-width: 600px) {
.dt-call-to-action-btn {
float: none;
width: 100%;
}
}
.dt-call-to-action-btn a {
font-size: 18px;
display: inline-block;
margin-top: 95px;
padding: 10px 30px;
color: #fa7921;
border: 2px solid #fa7921;
}
@media all and (max-width: 600px) {
.dt-call-to-action-btn a {
margin-top: 15px;
}
}
.dt-call-to-action-btn a:hover {
opacity: 1;
color: #fff !important;
background: #fa7921;
}
/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/
.dt-recent-post-holder {
background: #fff;
margin-bottom: 30px;
box-shadow: 0 1px 6px rgba(39, 48, 57, 0.07);
}
.dt-recent-post-holder img {
width: 100%;
height: auto;
}
.dt-recent-post-holder figure:hover {
opacity: .7;
}
.dt-recent-post-content {
padding: 0 20px 1px;
}
.dt-recent-post-content h3 {
font-size: 18px;
line-height: 1.6em;
margin: 35px 0 20px;
}
.dt-recent-post-content p {
font-size: 15px;
margin-bottom: 25px;
}
/*
* Social Icons
-----------------------------------*/
.dt-social-icons {
position: relative;
}
.dt-social-icons [id*='dt_social_icons'] {
display: inline-block;
}
.dt-social-icons ul {
display: inline-block;
padding: 0;
margin: 0;
}
.dt-social-icons li {
display: inline-block;
padding: 0;
margin: 0 6px 0 0 !important;
text-align: center;
outline: none !important;
}
.dt-social-icons li a {
font-size: 18px;
line-height: 1em;
display: block;
text-decoration: none;
outline: none !important;
}
.dt-social-icons li .fa {
display: block;
width: 32px;
height: 32px;
padding-top: 8px;
border-radius: 3px;
color: #fff;
}
.dt-social-icons li .fa:hover {
opacity: .7;
}
.dt-social-icons .fa-facebook {
background: #325c94;
}
.dt-social-icons .fa-twitter {
background: #00abdc;
}
.dt-social-icons .fa-google-plus {
background: #dd4b38;
}
.dt-social-icons .fa-instagram {
background: #4480b1;
}
.dt-social-icons .fa-github {
background: #3f91cb;
}
.dt-social-icons .fa-flickr {
background: #ff0084;
}
.dt-social-icons .fa-pinterest {
background: #cb2027;
}
.dt-social-icons .fa-wordpress {
background: #0090c5;
}
.dt-social-icons .fa-youtube {
background: #d32323;
}
.dt-social-icons .fa-vimeo {
background: #1ab7ea;
}
.dt-social-icons .fa-linkedin {
background: #007bb6;
}
.dt-social-icons .fa-behance {
background: #2d9ad2;
}
.dt-social-icons .fa-dribbble {
background: #f26798;
}
/*--------------------------------------------------------------
# Tag Cloud
--------------------------------------------------------------*/
.tagcloud a {
margin: 0 4px 8px 0;
padding: 1px 15px 0;
background: rgba(39, 48, 57, 0.6);
border-radius: 30px;
display: inline-block;
color: #fff;
font-size: 13px !important;
font-weight: 400;
}
.tagcloud a:hover {
background: #fa7921;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.dt-footer {
background: #fff;
padding: 20px 0 0;
margin-top: 60px;
border-top: 1px solid rgba(39, 48, 57, 0.07);
color: rgba(39, 48, 57, 0.7);
}
.dt-footer-cont,
.dt-right-sidebar h2 {
margin-top: 30px;
}
.dt-footer-cont ul,
.dt-right-sidebar ul {
padding: 0;
margin: 0;
list-style: none;
}
.dt-footer-cont li,
.dt-right-sidebar li {
padding-bottom: 15px;
line-height: 1.4em;
}
.dt-footer h2,
.dt-about-header h2,
.dt-opening-hours h2,
.dt-right-sidebar h2,
.dt-right-sidebar h2,
.dt-right-sidebar .dt-recent-posts h2,
.dt-opening-hours .widget-title label {
position: relative;
font-size: 18px;
padding-bottom: 15px;
margin-top: 0;
margin-bottom: 20px;
font-weight: 500;
}
.dt-footer h2:after,
.dt-about-header h2:after,
.dt-right-sidebar h2:after,
.dt-right-sidebar h2:after,
.dt-right-sidebar .dt-recent-posts h2:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 90%;
height: 1px;
background: rgba(39, 48, 57, 0.15);
}
.dt-right-sidebar h2:after,
.dt-right-sidebar h2:after {
width: 100%;
}
.dt-footer h2 span,
.dt-about-header h2 span,
.dt-right-sidebar h2 span,
.dt-right-sidebar h2 span,
.dt-right-sidebar .dt-recent-posts h2 span {
position: absolute;
bottom: 0;
left: 0;
width: 60px;
height: 1px;
background: #fa7921;
}
/*
* Footer About
-----------------------------------*/
.dt-about-holder p {
font-size: 15px;
line-height: 1.8em;
margin: 0;
}
.dt-about-holder figure {
margin-bottom: 18px;
}
/*
* Opening Hours
-----------------------------------*/
.dt-opening-hours {
border: 2px solid #fa7921;
padding: 17px 20px 0;
margin-top: 34px;
background: #fff;
}
.dt-opening-hours .widget-title {
margin-top: -32px;
padding: 0;
margin-bottom: 30px;
}
.dt-opening-hours .widget-title:after {
display: none;
}
.dt-opening-hours .widget-title label {
padding: 0 12px;
background: #fff;
display: inline-block;
}
.dt-opening-hours ul {
padding: 0;
list-style: none;
font-size: 13px;
}
.dt-opening-hours li label {
display: inline-block;
width: 94px;
text-transform: uppercase;
}
/*
* Footer Bar
-----------------------------------*/
.dt-footer-bar {
padding: 20px 0 18px;
margin-top: 30px;
background: rgba(39, 48, 57, 0.95);
color: rgba(255, 255, 255, 0.8);
font-size: 15px;
font-weight: 300;
}
.dt-footer-bar a {
color: rgba(255, 255, 255, 0.8);
}
.dt-footer-bar a:hover {
color: #fa7921;
}
.dt-footer-bar a:hover {
opacity: 1;
}
.dt-footer-designer {
text-align: right;
}
/*--------------------------------------------------------------
# Archive Page Posts
--------------------------------------------------------------*/
.dt-archive-wrap {
background: transparent !important;
border: 0 !important;
padding: 0 !important;
}
.dt-archive-post {
text-align: center;
margin-bottom: 60px;
background: #fff;
border: 1px solid rgba(39, 48, 57, 0.08);
box-shadow: 0 0 5px rgba(39, 48, 57, 0.05);
}
.dt-recent-post figure {
text-align: center;
}
.dt-archive-post img {
width: 100%;
height: auto;
}
.dt-archive-post article {
padding: 50px 40px 80px;
}
.dt-archive-post-content {
margin: 50px 0;
font-size: 17px;
line-height: 2em;
color: rgba(39, 48, 57, 0.7);
}
.dt-archive-post .entry-footer {
padding-top: 20px;
text-transform: capitalize;
}
.dt-archive-post .entry-footer a {
display: inline-block;
padding: 12px 30px 10px;
border: 2px solid rgba(39, 48, 57, 0.25);
color: rgba(39, 48, 57, 0.6);
font-weight: 500;
text-transform: uppercase;
letter-spacing: .1em;
}
.dt-archive-post .entry-footer a:hover {
background: #fa7921;
border-color: transparent;
color: #fff;
}
/*--------------------------------------------------------------
# Pagination
--------------------------------------------------------------*/
.dt-pagination-nav a,
.dt-pagination-nav .current {
display: inline-block;
margin: 0 2px 15px;
padding: 2px 12px;
border: 1px solid rgba(39, 48, 57, 0.1);
border-radius: 2px;
background: #fff;
color: rgba(39, 48, 57, 0.8);
}
.dt-pagination-nav a:hover,
.dt-pagination-nav .current:hover,
.dt-pagination-nav .current {
color: #fa7921;
border-color: #fa7921;
}
/*--------------------------------------------------------------
# Post Navigation
--------------------------------------------------------------*/
.post-navigation {
margin: 30px 0 60px;
padding: 30px 0;
border-top: 1px solid rgba(39, 48, 57, 0.05);
}
.post-navigation .nav-previous,
.post-navigation .nav-next {
font-size: 0;
position: relative;
display: inline-block;
width: 50%;
}
.post-navigation .nav-previous a:before,
.post-navigation .nav-previous a:after,
.post-navigation .nav-next a:before,
.post-navigation .nav-next a:after {
position: absolute;
top: 0;
font-size: 22px;
}
.post-navigation .nav-previous a:before,
.post-navigation .nav-next a:before {
content: '';
width: 24px;
height: 32px;
font-family: 'FontAwesome';
left: 0;
font-size: 36px;
}
.post-navigation .nav-previous a:after,
.post-navigation .nav-next a:after {
content: 'Previous Post';
width: calc(100% - 32px);
left: 32px;
padding-top: 2px;
font-weight: 500;
}
.post-navigation .nav-next a:before {
content: '';
right: 0;
left: auto;
text-align: right;
}
.post-navigation .nav-next a:after {
content: 'Next Post';
right: 32px;
left: auto;
text-align: right;
}
/*--------------------------------------------------------------
# Recent Posts Sidebar
--------------------------------------------------------------*/
.dt-right-sidebar .dt-news-layout-wrap {
margin-top: 0;
padding: 0;
}
.dt-right-sidebar .dt-recent-posts h2 {
text-align: left;
}
.dt-right-sidebar .dt-recent-posts h2:after {
left: 0;
margin-left: 0;
}
.dt-right-sidebar .dt-recent-posts h2 span {
margin-left: 0;
padding-top: 0;
border-radius: 0;
border: 0;
}
.dt-right-sidebar .dt-recent-posts h2 .fa {
display: none;
}
.dt-right-sidebar .dt-recent-post-holder {
float: none;
width: 100%;
margin-right: 0;
margin-top: 30px;
background: #fff;
padding: 8px;
border: 1px solid rgba(39, 48, 57, 0.1);
}
.dt-right-sidebar .dt-recent-post-content h3 {
font-size: 18px;
}
/*--------------------------------------------------------------
# Back to top
--------------------------------------------------------------*/
#back-to-top {
font-size: 32px;
position: fixed;
z-index: 9999;
right: 20px;
bottom: 60px;
width: 48px;
height: 48px;
padding-top: 6px;
cursor: pointer;
text-align: center;
text-decoration: none;
opacity: 0;
color: #fff !important;
border-radius: 50%;
background: rgba(39, 48, 57, 0.35);
filter: alpha(opacity=0);
}
#back-to-top:hover {
background: #fa7921;
}
#back-to-top.show {
opacity: 1;
filter: alpha(opacity=100);
}
/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/
@media all and (max-width: 1200px) and (min-width: 992px) {
.dt-main-menu li {
font-size: 14px;
}
.dt-main-menu .menu > li > a {
padding: 6px 15px;
}
}
@media all and (max-width: 1200px) {
.dt-featured-post-meta h2,
.dt-featured-post-meta h2 a {
font-size: 48px;
}
.dt-featured-post-meta p {
margin-top: 40px;
font-size: 20px;
padding: 0 50px;
}
}
@media all and (max-width: 1270px) {
#dt-header-nav .col-lg-3{
width: 100%;
}
.dt-logo .site-description {
display: none;
}
.dt-main-menu-scroll {
text-align: left;
padding: 0;
box-shadow: 0 0 6px rgba(39, 48, 57, 0.07);
background: #fff;
}
.dt-logo {
padding: 10px 0;
}
.dt-logo .site-title {
font-size: 24px;
}
.dt-main-menu-scroll .dt-menu-md {
color: inherit;
}
.dt-front-slider {
margin-top: 58px;
}
.dt-menu-md {
display: block;
}
.dt-main-menu .menu {
text-align: left;
}
.primary-menu-container {
max-height: 0px;
overflow-x: hidden;
overflow-y: scroll;
opacity: 1;
transition: max-height .8s, opacity .8s;
background: #fff;
}
.dt-main-menu-wrapper {
width: 100%;
}
.dt-main-menu .menu-show {
padding: 20px 40px 20px 0;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.dt-main-menu li {
display: block;
margin-left: 0;
}
.dt-main-menu li:hover > ul {
top: auto;
}
.dt-main-menu li li:hover > ul {
top: 0px;
}
.dt-main-menu .menu > li {
padding: 0;
}
.dt-main-menu .menu > li > a {
border: 0;
border-bottom: 1px solid rgba(39, 48, 57, 0.1);
padding: 8px 0;
}
.dt-main-menu-scroll .dt-main-menu .menu > li > a {
color: inherit;
}
.dt-main-menu li a {
border-bottom: 1px solid rgba(39, 48, 57, 0.1);
}
.dt-main-menu li ul {
position: relative;
z-index: 99999;
top: 0;
visibility: visible;
width: 100%;
max-width: 100%;
opacity: 1;
border: 0;
padding-left: 15px;
}
.dt-main-menu li li ul {
top: 0;
left: 24px;
}
.dt-main-menu li li a:hover {
color: #fa7921;
background: transparent;
}
.dt-main-menu li li a {
padding: 8px 0;
}
.dt-main-menu li li.page_item_has_children > a:after,
.dt-main-menu li li.menu-item-has-children > a:after {
display: none;
}
.dt-main-menu li ul li {
border-top: 0;
}
.dt-main-menu li ul li:last-child {
border-bottom: 0;
}
.dt-featured-post .entry-header {
padding-top: 14%;
}
.dt-header-sep {
height: 48px;
}
#primary,
#secondary {
margin-top: 40px;
}
.dt-footer-bar,
.dt-footer-designer {
text-align: center;
}
}
@media all and (max-width: 968px) {
.header-topbar .widget {
padding: 5px 0px;
}
.header-topbar .left, .header-topbar .right {
float: none;
text-align: center;
display: block;
}
.topar-left .topbar-item, .topar-right .topbar-item, topar-right .topbar-item:first-child {
border: 0px none !important;
}
}
@media all and (max-width: 768px) {
.dt-featured-post .entry-header {
padding-top: 12%;
}
.dt-featured-post-meta h2,
.dt-featured-post-meta h2 a {
font-size: 32px;
}
.dt-featured-post-meta p {
margin-top: 40px;
font-size: 18px;
padding: 0 50px;
}
.dt-featured-post-slider .swiper-button-next,
.dt-featured-post-slider .swiper-button-prev,
.dt-featured-post-slider .swiper-button-next:hover,
.dt-featured-post-slider .swiper-button-prev:hover {
background: transparent;
opacity: .75;
right: 0;
}
.dt-featured-post-slider .swiper-button-prev {
left: 0;
}
#primary,
#secondary {
margin-top: 40px;
}
.dt-home-widgets {
margin-top: 0;
}
.widget-padding {
margin-top: 0;
padding: 0;
}
}
@media all and (max-width: 600px) {
.dt-featured-post .entry-header {
padding-top: 15%;
}
.dt-featured-post-meta h2,
.dt-featured-post-meta h2 a {
font-size: 24px;
}
.dt-featured-post-meta p {
margin-top: 20px;
padding: 0 20px;
line-height: 25px;
}
.dt-featured-post-slider .swiper-button-next,
.dt-featured-post-slider .swiper-button-prev {
display: none;
}
.dt-entry-header h2, .dt-call-to-action-meta h2, .dt-widget-header h2 {
font-size: 30px;
}
}
@media all and (max-width: 320px) {
.dt-featured-post .entry-header {
display: none;
}
.dt-menu-md {
right: 30px;
}
}
/* Selective refresh */
.customize_preview_full_width .customize-partial-edit-shortcut {
margin: -15px 0 0 30px;
}
/* Widget: Gallery
------------------------------*/
.clearfix::after {
content: "";
display: block;
clear: both;
}
.gallery-grid:after {
clear: both;
content: "";
display: block;
}
.gallery-grid {
margin-left: -10px;
margin-right: -10px;
}
.gallery-content.full-width .gallery-grid {
margin-left: 10px;
margin-right: 10px;
}
.gallery-grid .g-item {
padding: 10px;
float: left;
}
.g-item {
display: block;
float: left;
}
.g-item img {
width: 100%;
height: auto;
}
.gallery-masonry .inner {
padding: 10px;
}
.all-gallery {
text-align: center;
margin-top: 40px;
display: block;
}
.g-zoom-in .g-item {
display: block;
overflow: hidden;
}
.g-zoom-in .g-item .inner-content {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
.g-zoom-in .g-item img {
display: block;
overflow: hidden;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.g-zoom-in .g-item:hover img {
-ms-transform: scale(1.5, 1.5);
/* IE 9 */
-webkit-transform: scale(1.5, 1.5);
/* Safari */
transform: scale(1.5, 1.5);
}
.g-layout-full-width.container {
width: 100%;
max-width: none;
padding: 0px;
}
.gallery-content .swiper-button-prev i
.gallery-content .swiper-button-next i{
line-height: 1;
}
.gallery-content .swiper-button-prev,
.gallery-content .swiper-button-next{
font-size: 26px;
color: #333;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
border-radius: 3px;
background-image: none;
background-color: rgb(255, 255, 255);
border: 0px none;
border-radius: 50%;
cursor: pointer;
line-height: 1;
transition: color 400ms ease 0s, box-shadow 400ms ease 0s;
box-shadow: 0px 0.222222em 0.888889em rgba(0, 0, 0, 0.1);
height: 36px;
width: 36px;
margin-bottom: auto;
margin-top: -18px;
}
.gallery-swiper {
position: relative;
}
.swiper-wrapper-sliders {
display: block;
overflow: hidden;
}
.gallery-content.default .swiper-button-prev {
left: -18px;
}
.gallery-content.default .swiper-button-next {
right: -18px;
}
@media screen and (min-width: 720px) {
.g-col-1 .g-item {
width: 100%;
}
.g-col-1 .g-item:nth-child(1n+1) {
clear: left;
}
.g-col-2 .g-item {
width: 50%;
}
.g-col-2 .g-item:nth-child(2n+1) {
clear: left;
}
.g-col-3 .g-item {
width: 33.33333%;
}
.g-col-3 .g-item:nth-child(3n+1) {
clear: left;
}
.g-col-4 .g-item {
width: 25%;
}
.g-col-4 .g-item:nth-child(4n+1) {
clear: left;
}
.g-col-5 .g-item {
width: 20%;
}
.g-col-5 .g-item:nth-child(5n+1) {
clear: left;
}
.g-col-6 .g-item {
width: 16.66667%;
}
.g-col-6 .g-item:nth-child(6n+1) {
clear: left;
}
}
@media screen and (min-width: 576px) and (max-width: 720px) {
.g-col-1 .g-item {
width: 100%;
}
.g-col-1 .g-item:nth-child(1n+1) {
clear: left;
}
.g-col-2 .g-item {
width: 50%;
}
.g-col-2 .g-item:nth-child(2n+1) {
clear: left;
}
.g-col-3 .g-item {
width: 33.33333%;
}
.g-col-3 .g-item:nth-child(3n+1) {
clear: left;
}
.g-col-4 .g-item {
width: 25%;
}
.g-col-4 .g-item:nth-child(4n+1) {
clear: left;
}
.g-col-5 .g-item {
width: 20%;
}
.g-col-5 .g-item:nth-child(5n+1) {
clear: left;
}
.g-col-6 .g-item {
width: 16.66667%;
}
.g-col-6 .g-item:nth-child(6n+1) {
clear: left;
}
}
@media screen and (max-width: 576px) {
.g-col-1 .g-item {
width: 100%;
}
.g-col-1 .g-item:nth-child(1n+1) {
clear: left;
}
.g-col-2 .g-item {
width: 50%;
}
.g-col-2 .g-item:nth-child(2n+1) {
clear: left;
}
.g-col-3 .g-item {
width: 33.33333%;
}
.g-col-3 .g-item:nth-child(3n+1) {
clear: left;
}
.g-col-4 .g-item {
width: 25%;
}
.g-col-4 .g-item:nth-child(4n+1) {
clear: left;
}
.g-col-5 .g-item {
width: 20%;
}
.g-col-5 .g-item:nth-child(5n+1) {
clear: left;
}
.g-col-6 .g-item {
width: 16.66667%;
}
.g-col-6 .g-item:nth-child(6n+1) {
clear: left;
}
}
.gallery-justified {
width: 100%;
position: relative;
overflow: hidden;
}
.gallery-justified img {
max-width: none;
position: absolute;
top: 50%;
left: 50%;
margin: 0;
padding: 0;
border: none;
}
.gallery-justified > a,
.gallery-justified > div {
position: absolute;
display: inline-block;
overflow: hidden;
float: left;
}
.gallery-masonry {
width: 100%;
position: relative;
display: block;
}
.gallery-masonry:affter {
clear: both;
}
.gallery-masonry .inner {
display: block;
}
.gallery-content .swiper-pagination-bullet-active {
background: #000;
}