/**
 * Theme Name:     Astra Child
 * Author:         soulpetrol
 * Template:       astra
 * Text Domain:	   astra-child
 * Description:    Astra soulpetrol child
 */
 

 
 body {
	-webkit-overflow-scrolling: touch;    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;   -o-font-smoothing: antialiased;
  	overflow-y: auto;   overflow-x: hidden;
	text-rendering: optimizespeed;
	-webkit-font-feature-settings:normal; 
    font-kerning: normal;
 }
 a {color: #f93d3d; font-family:Nunito; font-weight: bold; text-decoration:none !important;}
 a:hover {color: #a96dc9;}
 
 
 
 h1, h2, h3 { font-family:'Nunito', Lato, Roboto, sans;}
 h4, h5, h6 { font-family:'Roboto', Nunito, Lato, sans; font-weight:600;}

 .editor-styles-wrapper {padding: 4%;}
  
   .ast-builder-menu .main-navigation > ul {
         font-size:17px;
     font-family: Nunito, Roboto, sans;
     text-transform:uppercase;
     font-weight:700;
     color:#644300;
 }

.ast-builder-menu-1 .menu-item.current-menu-item > .menu-link, .ast-builder-menu-1 .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, .ast-builder-menu-1 .current-menu-ancestor > .menu-link { 
        color: #fc966B;
}


.ast-builder-menu-1 .main-header-menu > .menu-item > .sub-menu { 
   background: #ffffffcc; border-radius:5px; font-size: 15px; 
   backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(8px);
    }
    
    #ast-scroll-top {border-radius: 15px;}
    
    .entry-meta { display:none !important; }
  
  
  
 /* ------   Blog -------------- */
 
  .blogger {max-height:25vh; width: auto; height:auto;} /* all articles page */
  .grid-layout .post-content, .grid-layout .post-title .title {font-family: Nunito, Lato, Roboto, sans;}
 
 .featured {position: relative;}
 
 .overlay::before {
  content: '';
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(43 39 18 / 45%); /* Adjust the color and opacity */
}
 
 .outer .featured img {  /* featured image */
     max-height:80vh; 
     position: relative;
     display: inline-block; 
     object-fit: cover; 
     width:100%;   
     background-color:#fdf5e7;
 }
 
 .featured h1{    /* header title */
     width:78%;
     position:absolute;
     font-size:4.25em;
     font-weight:800;
     color:#fff;
     line-height:1.3 !important;
     text-transform:Capitalize;
     margin: 0 auto;
     top: 47%; 
     left:50%;
     transform: translate(-50%, -50%);
    padding: 3%;
    text-align: center;
    backdrop-filter:blur(3px);
    /*border:0.5px solid #76707042;*/
    border-radius:5px;
    font-family: Sahitya, Cambria, Times new roman, Nunito, serif;
 }

.single-layout-1 .entry-content { width:67%; margin:0 auto; max-width:1080px; }
 
.single-layout-1 .entry-content ul{font-size: 1.15em; padding:0; margin:0; font-family:'Nunito', Lato, Sans; padding-left:8%;}
 
 .single-layout-1 .entry-content p {font-size: 1.2em; color:#444; 
    line-height:1.7;  
   font-family:'Lato', Roboto, Nunito, sans;  font-weight: 400;
    margin-left:auto; margin-right:auto; 
  }
  
.single-layout-1 .entry-content p.highlight { font-size:1.65rem !important; color:#e76800 !important; font-weight: 300 !important; font-family: Sahitya !important; margin-top:-2%;}

.single .post-navigation a p {color: #f93d3d;}
 
 .wp-block-image img {margin:5% auto; object-fit:fill; border-radius:5px;}
 .wp-block-list {font-family: Lato, Roboto, nunito, sans-serif; 
 font-size:1.15em; line-height:1.54;}
 
 .ast-separate-container #primary {margin:3% auto;}
 
 .single .entry-header {display:none;} /* double header display*/
 
.single-layout-1 .entry-content h2 { font-size: 2.5em; font-family: 'Sahitya', Nunito, Lato, Sans; font-weigt:800; }
.single-layout-1 .entry-content h3 { font-size: 2.25em; font-family: 'Sahitya', Nunito, Lato, Sans; font-weigt:800; }
.single-layout-1 .entry-content h4 { font-size: 2em; font-family: 'Sahitya', Nunito, Lato, Sans; }
.single-layout-1 .entry-content h5, .entry-content h6 {font-family: 'Nunito', Lato, Sans; font-size: 1.35em;}
   
.single-layout-1 .entry-content a {color: #f93d3d;}
.single-layout-1 .entry-content a:hover {color: #a96dc9;}
  
 .related, .comment-respond {width:65%; margin:auto; align-items:center; }
 
 #poo { width:65%; margin:5% auto; font-weight:normal; font-size:1.05em;  color:#744c03; font-family:Nunito, roboto, sans-serif;}
 #poo img { border-radius: 70% !important; float:left; margin-right:4%;}

 
 .nav-links {width:67% !important; margin:auto; font-family: Roboto, Nunito, sans;}
 
.entry-content  blockquote p{font-family:Sahitya !important; font-weight:700 !important; font-style:normal; font-size:1.75rem; }

.wp-block-quote{border-left:5px solid #ffd702 !important; font-size:1.35rem; background:#fffade; border-bottom-right-radius:10px; border-top-right-radius:30px; margin-right:4% !important;}

 .comment-notes, .wp-comment-cookies-consent {font-size:12px !important; 
    color:#666 !important; font-family: Roboto, Nunito, sans;}
    .site .comments-area {border-bottom:1px solid #f0e3ad; border-top:1px solid #f0e3ad; background:#fef9f1;}
  
.related h3 {margin:3% 5%; }

  #grid-container {
   max-width: 1280px;
   display: flex;
   flex-wrap: wrap;
   margin: 20px 0;
   width: 100%;
   float:left;
   align-items:baseline;
       }
     
#grid-container h3 {
   font-size: 1.25em;
   margin: 3% 2% 5% 3%; 
   font-weight:700;
   font-family: 'Nunito', Lato, roboto, sans;
   text-transform:capitalize;
    }
    
#grid-container .grid-item {
   margin-bottom: 3%;
   width: 33.3%;
   padding:0 2%;
    }
    
#grid-container .post-image img {
   width: 100%;
   height:200px;
   object-fit:cover;
   border-radius:8px;
   margin-bottom:6px;
   margin:2%;
  }
    

.grid-layout .post-content { font-size: 1.15rem !important;}

.has-large-font-size {font-size: 20px !important; font-color:#333; font-family: Lato, sans-serif;}

.wep-chip {font-family:nunito, sans;}

/* --------  Custom Single post FOOTER --------------- */

footer {background: url('img/foot_bg.jpg'); background-size:cover; background-repeat:no-repeat; margin:8% 0 -5% 0; }

.olay {background-color:#121207e0; width:100%; height:auto; }

.container{ width:80%; margin:5% auto; font-family:Roboto, nunito, lato, sans; color:#fff;  font-weight:300; line-height:1.5; font-size:16px; }

.footin { width:100%; display:flex;  }

.foot-1, .foot-2 {width:50%; padding:5% 7% 10% 7%; float:left; overflow:hidden; }
.foot-2 {margin-left:10px;}

.foot-1 h2, .foot-2 h2 { color: #FEE570; font-family:'Nunito', Roboto, lato, sans; font-size:1.75em; font-weight:300;  display:block; border-bottom: 0.5px solid #FEE570; width:95%; margin: 30px 0 ; }

 .mylist{width:100%; display:flex; float:left; }
 .foot-2.mylist .link-1 {width:50%; }

.container a{color:#f0eeee;}
.container a:hover{color:#fecc93;}

.foot-logo img { width:12em; padding:8%;}
.zen {font-size:2em; font-family: "Archivo", lato, Sans-serif; color:#625751; padding:3%;}
.social img{width:46px;padding-right:8px;}

.zen .focus {font-family:"Playfair Display", Sans-serif; font-style: italic; font-weight:700; color: #dbbaef; padding:5% 0; }

.copyright {font-size:11px; font-family:Nunito; color: #BCB98B; padding:5% 0; font-weight:300; }

/* END  FOOTER */



  
 @media screen and (max-width: 768px) { /* ----- Mobile styles --------- */
 
 #masthead .ast-mobile-header-wrap .ast-above-header-bar {padding-left:10px ;}
 
 .ast-header-break-point .ast-builder-menu-mobile .main-navigation {
     position:absolute;   /* mobile menu */
     opacity:0.94;
     float: right;
     left:38%;
     transition: background 300ms ease-out;
     width:62%;
 }
 
 .ast-builder-menu-mobile .main-navigation .main-header-menu, .ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu {
     border-bottom-left-radius: 10px;
     border-bottom-right-radius: 10px;
 }
 
 .ast-header-break-point .main-navigation .sub-menu .menu-item .menu-link {
     font-size:15px; /* mobile sub-menu */
     color:#ff8c4b;
 }
 
 .outer .featured img {max-height:50vh; object-fit: cover; width:100%; height:330px; }
.single-layout-1  .entry-content {width:100%; padding:1%; max-width:798px;}


.single-layout-1  .entry-content p {font-size: 1.15em; padding:2% 0; width:100%; color:#444; line-height:1.6;}
 
 .related, .comment-respond {width:90%; margin:auto; align-items:center; }
 .nav-links {width:100%;}
  
 .featured h1 {font-size:1.75em; width:97%;}
 .single-layout-1 .entry-content p.highlight { margin-top:-12%; font-size:1.35em !important; }
 
.single-layout-1  .entry-content h2 { font-size: 2em;  padding: 0; }
.single-layout-1  .entry-content h3 { font-size: 1.55em;  padding: 0; }
.single-layout-1  .entry-content h4 { font-size: 1.2em;  padding: 0; }
.single-layout-1  .entry-content h4 { font-size: 1.15em;  padding:0; }
 
 
 #poo { width:85%; margin:12% auto 8% auto; font-size:1em; }
 
 .nav-links {width:100% !important ;}
 
 #grid-container .grid-item {
   display: inline-block;
   }
     #grid-container .grid-item {
   margin-bottom: 3%;
   width: 100%;
    }
    
#grid-container :nth-child(4n) {
   margin: 0 !important;
    }
    
 .wp-block-quote{border-left:3px solid #ffd702 !important; font-size:1.25rem; border-bottom-right-radius:25px; border-top-right-radius:10px; margin-right:2% !important;}
  
  
    .comment-notes, .wp-comment-cookies-consent { font-size:10px !important; color:#666 !important;}
    
    .container{width:100%;font-size:14px;}
    .foot-1, .foot-2 { padding:5% 2% 10% 2%; }
    .foot-1 h2, .foot-2 h2 {font-size:1.45em;}
    .foot-logo img { width:8em;}

     
 } /* END Mobile styles */