/*
Theme Name: Zodiac Astrology
Theme URI: https://www.theclassictemplates.com/themes/free-astrology-wordpress-theme
Author: classictemplate
Author URI: https://www.theclassictemplates.com/
Description: Zodiac Astrology is a WordPress theme specially designed for astrologers, priests, religious gurus, astrological firms, Horoscope, Tarot Card Reader, Numerology etc. It is a perfect theme to showcase your astrological and devotional services over the internet. The theme is built using the latest HTML5 and awesome CSS3 that makes the website look clean, sophisticated and attractive. With it being a user-friendly and customizable theme, anyone can create a professional horoscope and astrology website on their own using the customization options available with the theme. You don't need any professional coding knowledge to build a website using this theme. You are ready to go with basic computing skills. The Zodiac Astrology WordPress Theme is purely designed according to the horoscope masterminds and astrologers so they don't face any issues or feel anything missing on their website and easily create a stunning astrological website of their own. This WordPress theme is also designed using the Bootstrap Framework that makes the website responsive, light-weight and loads pages faster. It also makes the website SEO friendly that attracts more visitors by showing your website in the top results of any search engines. This theme is also compatible with all types of devices and screens irrespective of their sizes and ratios for the visitors to have a better experience on your website.
Version: 0.1.1
Tested up to: 6.0
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zodiac-astrology
Tags: blog, e-commerce, photography, one-column, two-columns, left-sidebar, right-sidebar, custom-logo, featured-images, full-width-template, custom-colors, editor-style, wide-blocks, custom-header, custom-background, custom-menu, sticky-post, threaded-comments, theme-options

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Zodiac Astrology WordPress Theme has been created by classictemplate (theclassictemplates.com), 2021.
Zodiac Astrology WordPress Theme is released under the terms of GNU GPL
*/

*{
  margin:0;
  padding:0;
  outline:none;
}
body{
  margin:0;
  padding:0;
  font-size:15px;
  color: #8c8c8c;
  font-family: 'Poppins', sans-serif;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}
img{
  border:none;
  margin:0;
  padding:0;
  height:auto;
  max-width:100%;
}
a{
  color: #262626;
}
a:hover{
  color:#333;
  text-decoration:none;
}
ol,ul{
  margin:0;
  padding:0;
}
.wp-caption,
.wp-caption-text,
.sticky,
.gallery-caption,
.aligncenter{
  margin:0;
  padding:0;
  max-width:100% !important;
}
.sticky{
  background: #ededed;
}
.entry-content ol li,
.entry-content ul li{
  margin-left:15px;
}
ul li ul,
ul li ul li ul,
ol li ol, ol li ol li ol{
  margin-left:10px;
}
h1,h2,h3,h4,h5,h6{
  color:#1b1b1b;
  line-height:1.1;
  font-weight:bold;
}
h1{
  font-size:32px;
}
h2{
  font-size:30px;
}
h3{
  font-size:24px;
}
h4{
  font-size:20px;
}
h5{
  font-size:18px;
}
h6{
  font-size:14px;
}
.clear{
  clear:both;
}
.alignnone{
  width:100% !important;
}
img.alignleft, .alignleft{
  float:left;
  margin:0 15px 0 0;
  padding:5px;
  border:1px solid #cccccc;
}
img.alignright, .alignright{
  float:right;
  margin:0 0 0 15px;
  padding:5px;
  border:1px solid #cccccc;
}
.left{
  float:left;
}
.right{
  float:right;
}
#comment-nav-above .nav-previous,
#comment-nav-below .nav-previous{
  float:none !important;
  margin:10px 0;
}
ol.comment-list li{
  list-style:none;
  margin-bottom:5px;
}
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
a:focus,input[type='submit']:focus,input[type='search']:focus,textarea:focus,input[type='name']:focus,input[type='email']:focus,.toggle-nav button:focus,a.close-button:focus,#commentform input#email:focus, #commentform input#url:focus,#commentform input#author:focus, #commentform textarea:focus, #commentform input#eazycfc_captcha:focus,.main-nav a:focus,.main-nav ul ul a:focus{
	outline: -webkit-focus-ring-color auto 1px;
}
.textwidget p a,.entry-content a,.entry-summary p a,ol.comment-list p a {
  text-decoration: underline;
}

/* = wide block css
-------------------------------------- */
.alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
}

/* = pre loader css
-------------------------------------- */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 999999;
}
#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-image: url(images/status.gif);
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
}

/* = top header css
-------------------------------------- */
h1.site-title{
  font-size: 35px;
  margin: 0;
  text-transform: uppercase;
}
h1.site-title a{
  color: #fff;
  font-weight: bold;
}
h1.site-title a:hover {
  text-decoration: unset;
}
span.site-description{
  font-size: 16px;
  font-weight: 600;
  color: #222;
}
.listarticle h2 a:hover,#sidebar ul li a:hover{
  color: #262626;
}
.center-align{
  align-self: center;
}
.social-icons {
  text-align: right;
}
.social-icons i {
  color: #222;
  font-size: 20px;
}
.header-image{
  color: #fff;
  clear: both;
  padding: 12em 0 4em;
  background: none;
  position: relative;
  z-index: 1;
  clip-path: polygon(100% 0, 100% 90%, 39% 100%, 0 86%, 0 0);
}
.header-image:after{
  content: "";
  background-color: #000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  opacity: 0.6;
}
.page-header {
  position: relative;
  z-index: 999;
  margin-bottom: 6%;
}
.page-header h1{
  color: #fff;
  margin-bottom: 10px;
  font-family: 'cinzel_decorativeblack';
  font-size: 40px;
}
.page-header span,.page-header span a {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}

/* = header css
-------------------------------------- */

.header {
  background: transparent;
  position: absolute;
  width: 100%;
  z-index: 9999;
  padding: 0;
}
/*.header {
  background: #262626;
  padding-bottom: 15px;
}*/
.woocommerce ul.products li.product .button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce a.button, .woocommerce button.button, .woocommerce #respond input#submit, #commentform input#submit {
  background: linear-gradient(0deg,#086ad9,#00bcd4 80%) no-repeat;
  color: #fff;
  padding: 10px 25px;
  border-radius: 0;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
#commentform input#submit:hover {
  background: #262626;
  color: #fff;
}

/* = menus css
-------------------------------------- */
#mySidenav {
  display: inline;
}
.main-nav ul{
  margin: 0;
  padding: 0;
  /*display: flex;*/
  justify-content: space-between !important;
}
.main-nav li{
  display: inline-block;
  position: relative;
  margin-left: 30px;
}
.main-nav a {
  text-decoration: none !important;
  font-weight: 600 !important;
  font-size: 1.25rem !important;
  color: #fff;
}
.main-nav ul ul{
  display: none;
  position: absolute;
  background: #00b9d5;
  min-width: 250px;
  z-index: 9999;
  line-height: 30px;
  margin: 0;
  top: 100%;
}
.main-nav ul ul ul{
  left: 100%;
  top: 0%;
}
.main-nav ul ul a{
  color: #fff ;
  border: none;
  padding: 5px 10px;
}
.main-nav ul ul a:hover{
  background: #019ee2;
  color: #262626;
}
.main-nav ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-left: none;
  border-right: none !important;
  padding: 0;
  border-bottom: solid 1px #262626;
}
.main-nav ul li:hover > ul{
  display: block;
}
.main-nav .menu > ul > li.highlight{
  background-color: #006ccc;
}
.main-nav .menu > ul > li.highlight:hover{
  background: transparent;
}
.sf-arrows ul .sf-with-ul:after{
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #888;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after{
  border-left-color: #333;
}
.toggle-nav, a.close-button{
  display: none;
}
#header{
  z-index: 10;
}

/* = slider section css
-------------------------------------- */

#slider{
  z-index: 1;
}
#slider .content{
  width: 100%;
  height: 720px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #efebe5;
  clip-path: polygon(100% 0, 100% 90%, 39% 100%, 0 86%, 0 0);
}
#slider .title-slider{
  font-family: 'cinzel_decorativebold';
  font-size: 3rem;
  /* font-weight: bold; */
}
#slider .button-slider{
  border-radius: 25px;
}
#slider .overlayer{
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0.3;
  position: absolute;
  top: 0;
  left: 0;
}
/* = Services css
-------------------------------------- */

#service .section-title{
  font-family: 'cinzel_decorativebold';
}
#service .services-box{
  height: 420px;
  background-image: url('/image/services.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: 0.7s;
  overflow: hidden;
  -webkit-box-shadow: inset 0 0 1px 1px #000;
  -moz-box-shadow: inset 0 0 1px 1px #000;
  box-shadow: inset 15px 21px 35px -8px #000;
}
#service .colume-row{
  transition: 0.7s;
  padding: 0 13px;
  margin: 13px 0px;
}
#service .services-box h4{
  /* transition: all 0.3s ease; */
  text-align: left;
  margin: 0;
  transition: 0.5s;
  
}
#service .services-box:hover h4{
  text-align: center;
  margin: auto;
}
#service .services-box p{
  color: transparent;
}
#service .services-box:hover p{
  color: #fff;
}
#service .services-box .content{
  width: 100%;
  height: auto;
  background-color: rgba(0, 0, 0, 0);
  align-items: center;
  display: flex;
  transition: 0.7s;
  position: relative;
    bottom: -54%;
}

#service .services-box:hover .content{
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.455);
  align-items: center;
  display: flex;
  transition: 0.7s;
  position: relative;
    bottom: 0%;
}

/* blog */

#blog .section-title{
  font-family: 'cinzel_decorativebold';
}
#blog .blog-image{
  height: 245px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#blog .blog-content{
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
#blog .blog-title{
  font-family: 'cinzel_decorativebold';
  font-weight: 600;
}
#blog .blog-description{
  font-size: 14px;
}
#blog .colume-row {
  padding: 0 35px;
  margin: 35px 0;
}
/* Footer */
#footer{
  padding: 7em 0 3em;
}
#footer h2{
  color: #fff;
} 
#footer ul li a{
  color: #fff;
} 
#footer .widget{
  color: #fff;
}
#footer aside.widget .textwidget p {
  font-size: 16px;
  color: #c9c9c9;
  font-weight: 400;
}
#footer .menu-item{
  margin: 10px 0;
}
#footer .menu-item a {
  color: #fff!important;
  text-decoration: none;
  font-size: 17px;
  font-weight: 300;
}
#footer .menu-item a::before{
  content: "\f005";
    font-family: 'Fontawesome';
    font-size: 11px;
  color:#fff;
  margin-right: 10px;
}
.footer-content{
  border-bottom: 1px solid rgb(185, 185, 185);
}
/* = Page lay out css
-------------------------------------- */
.postsec-list input.search-field,
.postsec-list input.search-submit {
  padding: 15px 10px;
}
.contentsecwrap{
  padding:25px 0;
  clear: both;
}
.contentsecwrap p{
  margin-bottom:20px;
}
.listarticle, #sidebar aside.widget{
  margin-bottom: 30px;
  padding: 20px;
  border-radius: 5px;
  border: solid #019ee2;
}
.listarticle h2 a{
  color: #262626;
}
.single_title{
  margin-bottom: 15px;
  font-size: 20px;
}
.post-thumb{
  margin:0 0 15px 0;
}
.nav-links .page-numbers{
  padding:5px 10px;
  color:#111;
}

/* = sidebar
---------------------------------------------- */
label{
  margin-bottom: 0;
}
aside.widget ul{
  list-style:none;
}
h3.widget-title{
}

#sidebar ul li{
  border-bottom:1px dashed #d0cfcf;
  padding:8px 0;
}
#sidebar ul li a{
  color:#6c6c6c;
  display:inline-block;
}
#sidebar ul li:last-child{
  border:none;
}
#sidebar.left{
  float:left;
}
#sidebar table{
  width:100%;
  text-align:center;
}
#calendar_wrap caption{
  font-weight:700;
  padding-bottom:10px;
  text-transform:uppercase;
}
#sidebar select {
  width: 100%;
  padding: 10px;
  background: transparent;
  border: solid 2px #262626;
}
#sidebar input[type="text"],
#sidebar input[type="search"],
#footer input[type="search"]{
  border: solid 2px #262626;
  padding: 10px;
  width: 100%;
  margin-bottom: 10px;
}
#sidebar input.search-submit,
form.woocommerce-product-search button {
  padding: 10px;
  width: 100%;
  border:none;
  background: #262626;
  font-size: 15px;
  text-transform: uppercase;
  color: #fff;
}
#recentcomments li{
  background-image:none !important;
}
#recentcomments li a{
  padding-left:0px !important;
}
.textwidget select,table{
  width:100%;
}
#sidebar .tagcloud a {
  border: solid 2px #262626;
  font-size: 12px !important;
  margin: 2px 0;
  display: inline-block;
  color: #262626;
  padding: 5px;
}

/* = Footer css
------------------------------------------- */
#footer input.search-submit {
  background: #019ee2;
  color: #262626;
  border: none;
  padding: 10px;
}
#footer{
  background-color: #262626;
  color: #ffffff;
  clip-path: polygon(33% 0, 100% 5%, 100% 100%, 0 100%, 0 5%);
}
.ftr-4-box h3,.ftr-4-box h2{
	font-size:25px;
	color:#fff;
	margin-bottom:25px;
	border-bottom:1px solid #303030;
	padding: 15px 0;
}
.ftr-4-box ul{
	margin:0;
	padding:0;
	list-style:inside disc;
}
.ftr-4-box ul li {
	display:block;
	padding:6px 0;
}
.ftr-4-box ul li a,.ftr-4-box a {
	color:#ffffff;
}
.ftr-4-box a:hover{
  color: #019ee2;
}
.ftr-4-box p{
	margin-bottom:15px;
}
#footer select{
  height: auto;
}
.copywrap {
  /*background-color: #262626;*/
  color: #fff;
  font-size: 18px;
  padding: 31px 0;
}
.copywrap a{
  color: #d4d4d4;
  text-decoration: none;
  font-weight: 300;
}
.copywrap a:hover {
    color: #ec7a00;
}

/* Mobile */
@media screen and (min-width: 320px) and (max-width: 520px) {
  .page-template-template-home-page .header{
    position: static !important;
    background: #262626 !important;
  }
  .social-icons{
    text-align: center;
  }
  .slider-box h3 {
    font-size: 20px;
  }
  .slider-box {
    right: 10%;
    left: 10%;
    text-align: center;
  }
  h1.site-title{
    font-size: 28px;
  }
}

/* Mobile Portrait View */
@media screen and (max-width: 767px) {
  .wpcf7 input[type="text"],
  .wpcf7 input[type="tel"],
  .wpcf7 input[type="email"],
  .wpcf7 textarea {
    width: 100%;
  }
  .slide-btn{
    display: none;
  }
  .page-header h1{
    text-align: center;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .slider-box h3 {
    font-size: 25px;
  }
  .page-template-template-home-page .header{
    position: static !important;
    background: linear-gradient(0deg,#086ad9,#00bcd4 80%) no-repeat;
  }
  .slider-box {
    left: 10%;
    right: 35%;
  }
}

@media screen and (max-width: 1000px) {
  #mySidenav nav#site-navigation {
    background: transparent;
    text-align: left;
  }
  .toggle-nav button {
    font-weight: bold;
    background: #fff;
    border: none;
    color: #262626;
    font-size: 15px;
    padding: 16px;
    line-height: 1;
  }
  .sidenav {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 99999;
    left: 0;
    top: -110%;
    overflow-x: hidden;
    transition: 0.5s top ease-in-out;
    overflow-y: scroll;
    background: #262626;
    opacity: 0.9;
    visibility: hidden;
  }
  body.show-main-menu .sidenav {
    visibility: visible;
    top: 0;
    transition: 0.5s top ease-in-out;
  }
  .sidenav .close-button {
    font-size: 36px;
    display: block !important;
    color: #fff;
  }
  .sidenav #site-navigation {
    width: 100%;
  }
  .toggle-nav span {
    font-size: 30px;
    cursor: pointer;
    text-align: right;
  }
  .main-nav ul ul li,
  .menubar .nav ul li,
  .toggle-nav {
    display: block;
  }
  .main-nav ul li a {
    padding: 8px;
    text-decoration: none;
    font-size: 15px;
    color: #fff;
    display: block;
    float: none;
    margin: 5px 0;
    border-right: none;
  }
  .main-nav ul li ul li a:before {
    content: "\00BB \00a0";
  }
  .main-nav ul.sub-menu a:hover {
    padding-left: 20px !important;
  }
  .main-nav ul ul {
    position: static;
    width: 100%;
    background: transparent;
    border-top-width: 0px;
    border-bottom-width: 0px;
    box-shadow: none;
  }
  .main-nav ul ul a {
    border-bottom: none;
    padding-left: 40px;
  }
  .main-nav ul ul ul.sub-menu a {
    padding-left: 40px;
  }
  .main-nav li {
    padding: 0 15px;
    display: block;
    border-bottom: solid 1px #565656;
  }
  .main-nav ul li:last-child {
    border-bottom: 1px #565656 solid;
  }
  .main-header-box {
    padding-bottom: 15px;
  }
  .main-menu {
    padding: 0em;
    background: transparent;
  }
  .main-nav ul.sub-menu > li > a:before {
    content: unset;
  }
  .main-nav ul.sub-menu > li > a:hover:before {
    opacity: 0;
    left: 0px;
    width: 0px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .slider-box {
    right: 30%;
  }
}