/*
Theme Name: Car Service
Theme URI: https://theclassictemplates.com/products/free-car-service-wordpress-theme
Author: classictemplate
Author URI: https://www.theclassictemplates.com/
Description: Car Service theme is suitable for small businesses like car services, auto parts, auto rental, auto dealer, jets rental, yachts rental, limousine, tyres, brakes hire, car rental. Also ideal for auto service applications, ranging from car repair shops, automobile showroom, car hire, wedding limo, driver hiring, car wash, Antitheft Locking Devices, Dashboard Figurines & Idols, Steering Wheel Covers, car washes, off road vehicle, ATV, bike mechanic, limousine hire, mountain biking, mechanics shops, brakes shops, wheel shop, car dealers, garages and car rental agencies websites. It has a very eye-catching, elegant and modern design that you will definitely like. It is SEO-friendly as well as mobile-friendly theme. The responsive design fits well with all devices screen sizes. You have the option of adding shortcodes to improve the functionality of your website. Also, the Car service theme is translation ready with RTL layout support. You get alot of customization and personalization features with this theme to help you create exactly the website you want. It is implemented on bootstrap framework and has optimized codes. It also has faster page load times. The social media option let’s you integrate all your social pages to your website. This Car Service WordPress theme is tailored to be comapatible with popular plugins such as Woocommerce, Contact Form7, Elementor, Gutenberg, Dokan and etc. also the theme comes with one click demo importer with which you can make your website in no time.
Version: 6.3.1
Tested up to: 6.8
Requires PHP: 5.6
Requires at least: 5.0
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: car-service
Tags: blog, e-commerce, one-column, two-columns, three-columns, four-columns, grid-layout, left-sidebar, right-sidebar, custom-logo, post-formats, full-width-template, footer-widgets, featured-images, custom-colors, editor-style, wide-blocks, block-styles, translation-ready, custom-header, custom-background, custom-menu, sticky-post, threaded-comments, theme-options, rtl-language-support

Car Service WordPress Theme has been created by classictemplate (theclassictemplates.com), 2020.
Car Service WordPress Theme is released under the terms of GNU GPL
*/

*{
  margin:0;
  padding:0;
  outline:none;
}
:root {
  --first-theme-color: #2a2a44;
  --second-theme-color: #ef851f;
  --third-theme-color: #48486a;
}
body{
  margin:0;
  padding:0;
  line-height:20px;
  font-size:13px;
  color:#6c6c6c;
  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%;
}
p{
  margin:0;
  padding:0;
  word-wrap: break-word;
}
a{
  text-decoration:none;
  color: var(--second-theme-color);
  word-wrap: break-word;
}
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:var(--first-theme-color);
  margin:0 0 20px;
  padding:0;
  line-height:1.1;
  font-weight:600;
  word-wrap: break-word;
}
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;
}
a.rsswidget.rss-widget-title{
  font-size: 9px;
}
input:focus{
  border: 2px solid #000;
}
/* 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;
}
.boxlayout{
	width: 1140px;
	margin: 0 auto;
	background-color: #fff;
	position: relative;
	box-shadow: 0 -8px 8px #8e8e8e;
}
.textwidget p a,.entry-content a,.entry-summary a,.comment-content a {
  text-decoration: underline;
}
.pagemore a, .posted_in a{
  text-decoration: none;
}
.boxlayout{
  width: 1140px;
  margin: 0 auto;
  background-color: #fff;
  position: relative;
  box-shadow: 0 -8px 8px #8e8e8e;
}
/* = 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;
}
*/
/*block css*/
.site-main .alignfull, .site-main .alignwide, .postsec-list .alignfull, .postsec-list .alignwide{
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 20px;
}
.site-main .alignfull img, .postsec-list .alignfull img{
  width: 100% !important
}
.site-main .alignnone, .site-main .aligncenter, .postsec-list .alignnone, .postsec-list .aligncenter{
  width: auto !important;
}
.site-main .alignleft, .postsec-list .alignleft{
  margin-right: 10px;
}
.site-main .wp-block-button a:hover, 
.site-main .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):hover,
.postsec-list .wp-block-button a:hover, 
.postsec-list .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):hover{
  background: var(--first-theme-color);
  color: #fff !important;
}
.site-main .wp-block-button.is-style-squared a, .postsec-list .wp-block-button.is-style-squared a{
  border-radius: 0px !important;
}
.site-main .wp-block-button__link, .postsec-list .wp-block-button__link{
  background-color: var(--second-theme-color);
  color:#fff;
  border-radius: 30px;
  margin-bottom: 10px;
}
.postsec-list .wp-block-button.is-style-outline a{
  background:none;
  border:1px solid var(--second-theme-color);
  color: var(--second-theme-color);
}
.site-main .wp-block-button.is-style-outline a{
  background:  var(--second-theme-color);
  color: #fff !important;
  outline: none !important;
  border:none !important;
}
.site-main .wp-block-button.is-style-outline a:hover{
  background:  var(--first-theme-color);
}
.site-main .wp-block-button__link{
  text-decoration: none;
}
.wc-block-cart__submit-button .wc-block-components-button__text{
  width: 100%;
}
.wc-block-cart__submit-container a{
  text-decoration: none;
}
.site-main img.alignleft, .site-main .alignleft, .site-main img.alignright, .site-main .alignright,
.postsec-list img.alignleft, .postsec-list .alignleft, .postsec-list img.alignright, .postsec-list .alignright{
  border:none;
}
p.site-title a:hover{
  color: var(--second-theme-color);
} 
/*scroll to top*/
#button{
  background: var(--second-theme-color);
  color: #fff;
  cursor: pointer;
  width: fit-content;
  padding: 5px;
  padding-top: 22px;
  height: 60px;
  aspect-ratio: 1;
  text-align: center;
  position: fixed;
  border-radius: 50%;
  bottom: 60px;
  right: 20px;
  z-index: 9999;
  -moz-border-radius: 0;
  font-size: 15px;
  display: none;
}
/*Clearing floats css*/
.page-links {
  float: unset !important;
  display: inline-flex;
  gap: 5px;
  align-items: center;
  margin:20px auto;
}
.page-links a, .page-links span{
  padding: 10px 15px;
  background-color: var(--second-theme-color);
  color: #fff;
}
.page-links .post-page-numbers.current, .page-links a:hover{
  background-color: var(--first-theme-color);
}
/* = 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;
}
.footer-block .widget-title{
  color: #fff;
}
/* = top header css
-------------------------------------- */
.logo {
  padding: 20px 0;
}
.logo img{
  width: 100px;
}
h1.site-title, p.site-title{
  font-size: 22px;
  margin: 0;
  text-transform: uppercase;
}
h1.site-title a,span.site-description, p.site-title a{
  color: #fff;
}
h1.site-title a:hover {
  text-decoration: unset;
}
.listarticle h2 a:hover,
#sidebar ul li a:hover,
.ftr-4-box ul li a:hover,
.ftr-4-box ul li.current_page_item a,
.main-nav ul ul a:hover{
  color: var(--second-theme-color);
}

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

.page-template-template-home-page .header.sticky-head,.sticky-head {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: var(--first-theme-color);
  box-shadow: 1px 1px 1px 0px #f5f4f4;
}
.admin-bar .sticky-head, .admin-bar .page-template-template-home-page .header.sticky-head{
  top: 32px !important;
  background: var(--first-theme-color);
}
.page-template-template-home-page .header{
  position: absolute;
  z-index: 9999;
  width: 100%;
  background: transparent;
}
.header {
  background: var(--first-theme-color);
}
.banner-btn a,.pagemore a,.serv-btn a,.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, .woocommerce a.added_to_cart, .woocommerce-account .addresses .title .edit {
  background: var(--second-theme-color);
  color: #fff;
  padding: 15px 30px;
  border-radius: 5px;
  display: inline-block;
  font-weight: 600;
  font-size: 15px;
}
.pagemore a{
  display: inline-block;
}
.pagemore a:hover,.serv-btn a:hover,
.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,
.woocommerce a.added_to_cart:hover,
.woocommerce-account .addresses .title .edit:hover {
  background: var(--first-theme-color);
  color: #fff;
}
.woocommerce-account .addresses .title .edit{
  text-decoration: none;
  padding: 10px 28px;
  float: left;
  margin: 20px 0px 25px 0px;
}
/* = menus css
-------------------------------------- */
#mySidenav nav#site-navigation {
  background: var(--third-theme-color);
  display: inline-block;
  float: right;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
/* = menus css */
#mySidenav {
  display: inline;
}
.main-nav ul {
  margin: 0;
  padding: 0;
}
.main-nav li {
  display: inline-block;
  position: relative;
}
.main-nav a {
  color: #fff;
  padding: 15px 25px;
  font-size: 15px;
  display: block;
  font-weight: 500;
  text-transform: capitalize;
  position: relative;
}
.main-nav .menu-item-has-children > a::after {
  content: '\f107';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; 
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute;
  top: auto;
  right: auto;
  margin-left: 10px;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 12px;
}
.main-nav .menu-item-has-children.current-menu-parent > a::after,
.main-nav .menu-item-has-children.current-menu-ancestor > a::after,
.main-nav .menu-item-has-children.current_page_parent > a::after {
  transform: translateY(-50%) rotate(0deg);
}
.main-nav ul ul {
  position: absolute;
  background: #fff;
  min-width: 250px;
  z-index: 9999;
  top: 98%;
  line-height: 30px;
  opacity: 0;
}
.main-nav ul ul ul {
  left: 100%;
  top: 0%;
}
.main-nav ul ul a {
  color: #1f1f1f;
  border: none;
  padding: 10px;
  margin-top: 5px;
}
.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 #f1f1f1;
}
.main-nav li ul {
  border-top: 3px solid var(--second-theme-color);
  border: 1px solid #EEE;
  box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.4);
}
.main-nav .menu > ul > li.highlight {
  background-color: #006ccc;
}
.main-nav .menu > ul > li.highlight:hover {
  background: transparent;
}
.main-nav .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
.main-nav .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
.main-nav .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu,
.main-nav .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menum,
.main-nav .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
  opacity: 1;
}
.main-nav ul li:hover > ul {
  opacity: 1;
}
.main-nav li.menu-item-has-children:hover > ul,
.main-nav li.menu-item-has-children:focus > ul,
.main-nav li.menu-item-has-children.focus > ul {
  opacity: 1;
}
.main-nav .sub-menu {
  opacity: 0;
  left: -9999px;
  z-index: 99999;
  width: 200px !important;
}
ul.sub-menu ul.sub-menu {
  left: 200px !important;
}
.main-nav .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
.main-nav .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
.main-nav .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu,
.main-nav .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menum,
.main-nav .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
  display: block;
  left: 0;
  margin-top: 0;
  opacity: 1;
  width: auto;
  min-width: 100%;
}
ul.sub-menu ul.sub-menu {
  left: -9999px;
}
.toggle-nav,
a.close-button {
  display: none;
}

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

#head-banner {
  background: var(--first-theme-color);
  position: relative;
  margin-bottom: 10em;
}
.image-box {
  position: relative;
  top: 20%;
}
#head-banner img {
  border-top-right-radius: 70px;
  border-bottom-right-radius: 70px;
  width: 450px;
  height: 550px;
  z-index: 999;
  position: relative;
  object-fit: cover;
}
.circle-one {
  background: #fff;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  position: absolute;
  bottom: 80px;
  right: 40px;
  opacity: 0.4;
}
.circle-two {
  background: #fff;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  position: absolute;
  bottom: 80px;
  right: 0;
  opacity: 0.6;
}
.circle-three {
  background: #fff;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  position: absolute;
  top: -40px;
  left: 0;
  opacity: 0.6;
}
.content-inner-box {
  position: absolute;
  top: 55%;
  left: 50%;
  right: 10%;
  transform: translateY(-50%);
}
.content-inner-box h1 a {
  font-size: 40px;
  color: #fff;
}
.pagemore,
.serv-btn,.banner-btn {
  margin: 30px 0;
}
.content-inner-box p,
.content-inner-box span {
  color: #fff;
}
.banner-btn a:hover{
  background: #fff !important;
  color: var(--first-theme-color) !important;
}

/* = Services css
-------------------------------------- */
#about_section {
  padding: 5em 0;
}
.text-inner-box h2 a{
  font-size: 30px;
  color: #000;
}
.text-inner-box h2 a:hover, .content-inner-box h1 a:hover{
  color: var(--second-theme-color);
}
.text-inner-box p {
  line-height: 2;
  color: #b2b2b2;
}
.thumbbx img {
  border-radius: 15px;
}
/* = 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,aside.widget{
  margin-bottom: 30px;
  padding: 20px;
  border-radius: 5px;
}
.listarticle{
  margin-bottom: 0;
}
.listarticle h2 a{
  color:var(--second-theme-color);
}
.blog-meta{
  font-style:italic;
  margin-bottom:8px;
}
.post-date,
.post-comment{
  display:inline;
  color: #000000;
}
.single_title{
  margin-bottom: 15px;
  font-size: 25px;
}
.post-thumb{
  margin:0 0 15px 0;
}
.postmeta{
  margin-bottom:10px;
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
}
.nav-links .page-numbers{
  padding:10px 18px;
  color:#fff;
  background-color: var(--second-theme-color);
}
.nav-links{
  margin: 20px 0;
}
span.page-numbers.current, .nav-links .page-numbers:hover{
  background-color: var(--first-theme-color);
}
.postsec-list .search-form input.search-submit{
  background-color: var(--second-theme-color);
  color: #fff;
  border: 2px solid var(--second-theme-color);
}
select{ border:1px solid #ccc; width:100%;}

/*post formate*/
.format-gallery .wp-block-gallery, .format-video figure{
  margin-bottom: 15px;
}
/* label css
---------------------------------------------- */
label{
  margin-bottom: 0;
}
#footer .search-form label, #sidebar .search-form label{
  width: 100%;
}
aside.widget ul, .entry-summary li{
  list-style:none;
}
.listarticle .alignfull, .listarticle .alignwide{
  margin-left: 0;
  margin-right: 0;
}
#recentcomments li{
  background-image:none !important;
}
#recentcomments li a{
  padding-left:0px !important;
}
.textwidget select,table{
  width:100%;
}
nav.navigation.pagination {
    margin: 30px auto;
}
/*--------------------------------------------------------------
## Sidebar Style 
--------------------------------------------------------------*/
#sidebar input[type="text"],
#sidebar input[type="search"],
#footer input[type="search"]{
  border: solid 2px var(--second-theme-color);
  padding: 10px;
  width: 100%;
  margin-bottom: 10px;
}
#sidebar input.search-submit,
#footer input.search-submit,
form.woocommerce-product-search button {
  padding: 10px;
  width: 100%;
  border:none;
  background: var(--second-theme-color);
  font-size: 15px;
  text-transform: uppercase;
  color: #fff;
}
input.search-submit{
  background-color: var(--second-theme-color);
  color: #fff;
  border:none;
  padding: 16px 20px !important;
}
.widget-area .widget::after,
.widget-area .widget::before {
    clear: both;
    content: "";
    display: table;
}
 .entry-title h2:before{
 content: "\f185";
    display: inline-block;
    font-family: FontAwesome;
    margin-right: 5px;
}
#sidebar ul {
    list-style: outside none none;
    padding: 0;
    margin: 0;
}
#sidebar ul ul {
    border-bottom:none;
    padding-bottom: 0;
}
#sidebar ul li {
  padding: 5px;
  padding-left: 30px;
  padding-top: 5px;
  position: relative;
}
#sidebar ul li::before {
  color: var(--second-theme-color);
  content: "\f192";
  display: inline-block;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 7px;
  left: 0;
  position: absolute;
  top: 6px;
  margin-left: 2px;
}
#sidebar .widget a,
#sidebar .widget a:visited {
    color: #212529;
}
#sidebar .widget a:hover,
#sidebar .widget a:active {
   color: var(--second-theme-color);
}
#sidebar .widget {
    padding: 20px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0 4px #cfcfcf;
    border-bottom: 3px solid var(--second-theme-color);
}
#sidebar .widget:hover{
    box-shadow: 0 0 20px #cfcfcf;
}
#sidebar .widget_nav_menu ul li{
  padding: 3px 15px 5px 13px;
  margin-top: 5px;
}
#sidebar input[type="search"]{
  margin-bottom: 0px;
}
#sidebar .wp-block-search__button{
  background-color: var(--second-theme-color);
}
#sidebar .widget-title,
#sidebar .wp-block-search__label{
  font-size: 30px;
  color: var(--first-theme-color);
  margin: 0 0 20px;
  padding: 0;
  line-height: 1.1;
  font-weight: 600;
  word-wrap: break-word;
}
/*calendar widget*/
.widget_calendar {
    text-align: center;
}
.widget_calendar  h3{
  text-align: left;
}
.widget_calendar caption {
    background: var(--second-theme-color) none repeat scroll 0 0;
    color: #ffffff;
    padding: 5px;
}
.widget_calendar .pad {
    background: #eeeeee none repeat scroll 0 0;
}
.widget_calendar #today {
    background: var(--second-theme-color) none repeat scroll 0 0;
    color: #ffffff;
}
.widget .tagcloud a {
    border: 1px solid #dddddd;
    color: #001837;
    display: inline-block;
    font-size: 16px !important;
    line-height: 1.5;
    margin-bottom: 5px;
    padding: 5px 15px;
}
.widget .tagcloud a:hover {
    border: 1px solid var(--second-theme-color);
    color: var(--second-theme-color);
}
.widget_categories li > a,
.widget_archive li > a {
    display: inline-block;
    min-width: 85%;
}
.search-form .search-submit:focus {
    box-shadow: inherit;
    outline: none;
}
dt {
    font-weight: bold;
}
dd {
    margin: 0 1.5em 1.5em;
}
img {
    height: auto;
    max-width: 100%;
}
table {
    margin: 0 0 1.5em;
    width: 100%;
}
td, th {
  border: 1px solid #ddd;
  padding: 5px;
  color:#252525;
}
#footer td, #footer th{
  color: #fff;
}
select {
    width: 100%;
    padding: 5px;
}
#footer .tagcloud a {
  border: solid 1px #fff;
  font-size: 12px !important;
  margin: 2px 0;
  display: inline-block;
  color: #fff;
  padding: 5px;
}
.tagcloud a:hover{
  background-color: var(--second-theme-color);
  border-color: var(--second-theme-color) !important;
  color: #fff !important;
}
/*footer*/
#footer {
  background: #121212 none repeat scroll 0 0;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.75);
}
#footer ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
#footer ul li {
  font-size: 13px;
  letter-spacing: 0.5px;
  padding: 3px 15px 3px 13px;
  position: relative;
  color: #fff;
}
#footer ul li::before {
  color: rgba(255, 255, 255, 0.75);
  content: "\f105";
  display: inline-block;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 14px;
  left: 0;
  position: absolute;
  top: 3px;
}
#footer a .footer-widget-area {
  float: left;
  padding: 0 25px;
  width: 25%;
}
#footer a,
#footer p {
  color:#fff;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.postsec-list article.hentry {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 0 4px #cfcfcf;
    padding: 15px 15px;
    position: relative;
    border-radius: 12px;
    margin-bottom: 30px;
}
.postsec-list article.hentry:hover{
    box-shadow: 0 0 20px #cfcfcf;
}
/* = Footer css
------------------------------------------- */
#footer input.search-submit{
  background: var(--second-theme-color);
  color: #fff;
}
#footer{
	background-color: var(--first-theme-color);
	color: #ffffff;
}
.ftr-4-box{
	width:100%;
	float:left;
	margin:0 4% 2% 0;
	box-sizing:border-box;
	padding:20px;
}
#footer .copywrap a:hover, #footer a:hover{
  color: var(--second-theme-color);
}
.widget-column-4 {
	margin-right:0px !important;
}
.ftr-4-box h5{
	font-size:25px;
	color:#fff;
	margin-bottom:5px;
	border-bottom:1px solid #303030;
	padding-bottom:15px;
}
.ftr-4-box h5 span{
	font-weight:300;
	color:var(--second-theme-color);
}
.ftr-4-box ul{
	margin:0;
	padding:0;
	list-style:inside disc;
}
.ftr-4-box ul li {
	display:block;
	padding:6px 0;
	border-bottom:1px solid #303030;
}
.ftr-4-box ul li a {
	color:#ffffff;
}
.ftr-4-box a.readmore span{
	color:#fff;
}
.ftr-4-box p{
	margin-bottom:15px;
}
.copywrap {
	background-color: var(--third-theme-color);
	color: #fff;
	padding:15px 0;
  font-size: 18px;
}
.copywrap a:hover {
    color: #fff;
}