/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* DOGSTER LIVE */

/* Opportunity Window */
.hustle-ui div.hustle-popup-content {
  overflow: hidden !important;
}

.hustle-ui .hustle-layout .hustle-content div.hustle-content-wrap {
  padding: 0 !important;
}

.hustle-ui .hustle-layout div.hustle-group-content a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

div.hustle-ui button.hustle-button-close {
  top: 20px !important;
  right: -7px !important;
  width: 32px !important;
  height: 32px !important;
}

div.hustle-ui button.hustle-button-close .hustle-icon-close {
  font-size: 15px !important;
}

div.hustle-ui .hustle-layout,
div.hustle-ui .hustle-layout .hustle-layout-content {
  background: transparent !important;
}




    /* FONTS */

    @import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;700&display=swap');
	
	/* hide header */
	header#masthead
	{
	    display:none;		
	}
	
	/* header menu */
	
    .header-menu-class 
    {
        margin-left: 10px;
    }

	.header-menu-class ul
	{
		margin-right: auto;
		justify-content: flex-start;
		display: flex;
		flex-wrap: wrap;
	}
	
	.header-menu-class a
	{
		color: #07020d;
		fill: #07020d;
		font-family: roboto,Sans-serif;
		font-size: 16px;
		font-weight: 400;
		text-transform: uppercase;
		letter-spacing: 1px;
		transition: .4s;
		padding: 13px 20px;
		padding-left: 0;
		padding-right: 0;
		margin: 0 12.5px;
        line-height: 24px;
	}
    .current-menu-item a {
        color: #2575BB;
    }
	
	.header-menu-class li:first-child a
	{

		margin-left: 0;
	}
	
	
		.header-menu-class a:hover
	{
    color: #2575BB;
    fill: #2575BB;
	}
	
	.header-menu-class li
	{
		display: flex;
		list-style: none;	
	}
	
	.header-menu-class ul#menu-main 
	{
		margin: 0;
	}
	
	.cart
	{
		font-family: Roboto, Sans-serif; 
		font-size: 16px; 
		font-weight: 400; 
		text-transform: uppercase; 
		letter-spacing: 1px; 
		color: #07020D; 
		fill: #07020D;
	}	
	.ast-search-icon 
	{
		display: block;
		top: 50%;
		transform: translateY(-50%);
		transition: all .2s;
		position: absolute;
		right: -1em;
		top: 50%;
		transform: translateY(-50%);
	}

	html .ast-search-menu-icon.ast-dropdown-active .search-field 
	{
		width: 235px;
	}
	/* Search Page */

    .search.ast-separate-container .ast-archive-description, 
    .search.ast-separate-container .ast-author-box
    {
        padding: 40px 0;
    }

    .search.ast-separate-container .ast-article-post, 
    .search.ast-separate-container .ast-article-single 
    {
        padding: 0;
    }

    /* Tag Pages */
	
	/* sidebar */

   
    .article-author a 
	{
		font-size: 16px;
		line-height: 24px;
		display: inline-block;
		color: #39cccc;
	}
	
	.article-author a:hover 
	{
		color: #287777;
	}

    #secondary 
    {
        padding-left: 20px !important;
        padding-right: 20px;
    }
	
	.sidebar-main .black-box,
    #single-posts  .black-box
	{
	margin: 50px 10px 0 0;
    padding: 10px 15px;
    background-color: #07020d;
	}
	
	.sidebar-main .black-box h2,
    #single-posts .black-box h2

	{
        color: #fff;
        font-family: "roboto slab",Sans-serif;
        font-size: 20px;
        font-weight: 400;
        margin-bottom: 0;
	}
	
	.sidebar-main .p,
    #single-posts .p
	{
		padding: 5px 10px 15px 0;
    	margin-bottom: 1.75em;
	}

    .sign-up 
    {
        padding-right: 10px;
    }

    div.wpforms-container-full input[type=submit]:focus:after, 
    div.wpforms-container-full button[type=submit]:focus:after, 
    div.wpforms-container-full .wpforms-page-button:focus:after 
    {
    border: 0 !important;
    }

    .sign-up button[type=submit] 
    {
        height: 43px !important;
        border-radius: 0 !important;
        width: 100%;
        background-color: #39cccc !important;
        font-family: roboto,Sans-serif;
        font-size: 16px;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .sign-up button[type=submit]:hover
    {
        background-color: #2575BB !important;
    }   

    .sign-up .wpforms-submit-container 
    {
        width: 40% !important;
    }

    .sign-up .wpforms-field-container 
    {
        width: 60% !important;
    }

    

    .sign-up .wpforms-form 
    {
        display: flex;
        align-items: center;
        flex-direction: row;
        justify-content: space-between;
    }

    .sign-up input.wpforms-field-small,
    .sign-up input.wpforms-field-medium
    {
        max-width: 100% !important;
        border: 1px solid black !important;
        border-radius: 0 !important;
    }

    .sign-up input.wpforms-field-small:focus,
    .sign-up input.wpforms-field-medium:focus
    {
        box-shadow: initial !important;
    }    

    sign-up  input[type=submit]
    {
        border-radius: 0 !important;
        background-color: #39cccc !important;
    }

    .wpforms-container .wpforms-submit-container 
    {
        padding: 0 !important;
        margin: 0 !important;
    }

    .follow-us
    {
        position: relative;
        font-family: roboto,Sans-serif;
        font-size: 20px;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: .5px;
        margin-bottom: 40px;
    }

    .follow-us:after
    {
        content: "";
        height: 2px;
        width: 110px;
        background-color: #39cccc;
        position :absolute;
        bottom: -12px;
        left: 0;
    }

    /* Sidebar Social Icons */
  .social-icons-wrapper {
        margin-bottom: 30px;
        float: left;
    }
    .social-icons-wrapper a {
        height: 50px;
        width: 50px;
        background: black;
        border-radius: 50%;
        transition: all .3s;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        float: left;
        margin-right: 15px;
	margin-bottom: 15px;
        }

    .social-icons-wrapper a:hover 
    {
        background-color: #2575BB;
    }

    .social-icons-wrapper a i
    {
        color: #fff;
        font-size: 25px;
    }
	
	.entry-meta-category
	{
        margin: 10px 0;
        padding: 0 10px;
        background-color: #aaaaaa;
        display: inline-block;
	}
	
	
	html .smush-detected-img 
    {
        border-radius: initial;
        transition: initial;
        box-shadow: initial;
    }
	
    .page .entry-content 
    {
        margin: 50px auto;
        max-width: 1400px;
    }

	.container
	{
		max-width: 1400px;
	}

	.flex
	{		
		display: flex;
        margin-right: auto;
        margin-left: auto;
        position: relative;
	}
	
	.valign
	{
        align-items: center;
	}
	
	.col
	{
    position: relative;
    min-height: 1px;
    display: flex;		
	}
	
	.col-33
	{
	width: 33.333%;
	}
	
	.col-66
	{
	width: 33.333%;
	}
	
	.col-9
	{
	width: 9%;
	}

    .header-menu .col.col-9 
    {
        padding-right: 20px;
    }
	
	.col-91
	{
	width: 91%;
	}
	
	.header-menu
	{
	    border-style: solid;
		border-width: 1px 0;
		border-color: #000;
		transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
		padding: 0;
		z-index: 10;	
	}
	
	.logo img 
	{
		width: 350px;
	}
	.logo .col 
	{
	    margin: 0 0 10px 5px;
	}
	
	/* footer */

    footer.site-footer
    {
        display: none;
    }

    footer
    {
        background-color: #07020d;
        padding-top: 60px;
        padding-bottom: 30px;
    }

    footer .col-20
    {
        width: 20%;
    }

    footer .col-40
    {
        width: 40%;
    }

    footer .image 
    {
        margin: -20px 0 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    footer .image img 
    {
        width: 100%;
        max-width: 150px;
        box-shadow: 0 3px 6px 0 rgba(0,0,0,.5);
    }

    footer h4
    {
        font-family: "roboto slab",Sans-serif;
        font-size: 20px;
        font-weight: 400;
        line-height: 1.2em;
        color: #39cccc;

    }

    footer a 
    {
        color: #fff;
        transition: color .3s;
        font-size: 15px;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: .5px;
    }

    footer a:hover 
    {
        color: #39cccc;
    }

    footer .container 
    {
        display: flex;
        margin-right: auto;
        margin-left: auto;
        position: relative;	
        max-width: 1400px;
    }

    footer .button 
    {
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 160px;
    }

    footer .button:hover 
    {
        background-color: #2575BB;
    }

    footer .button a
    {
        padding: 12px 24px;
    }

    footer .button a:hover 
    {
        color: #fff;
    }

    footer input#form-field-email 
    {
        min-width: 220px;
    }

    footer h6 
    {
        color: #fff;
    }

    footer ol, 
    footer ul 
    {
        margin: 0 10px 30px 0;
    }

    footer .sign-up input.wpforms-field-small,
    footer .sign-up input.wpforms-field-medium 
    {
        border: 1px solid white !important;
    }

    footer .sign-up button[type=submit] 
    {
        font-family: roboto,Sans-serif;
        font-size: 16px;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    footer .sign-up 
    {
        padding-right: 10px;
        max-width: 400px;
    }

    .cat-lover
    {
        padding: 20px 0;
    }

    .animation-buzz-out:hover 
    {
        animation-name: animation-buzz-out;
        animation-duration: .75s;
        animation-timing-function: linear;
        animation-iteration-count: 1;
    }

    @keyframes animation-buzz-out
    {
        10%
        {
            transform:translateX(3px) rotate(2deg)
        }
        20%
        {
            transform:translateX(-3px) rotate(-2deg)
        }
        30%
        {
            transform:translateX(3px) rotate(2deg)
        }
        40%
        {
            transform:translateX(-3px) rotate(-2deg)
        }
        50%
        {
            transform:translateX(2px) rotate(1deg)
        }
        60%
        {
            transform:translateX(-2px) rotate(-1deg)
        }
        70%
        {
            transform:translateX(2px) rotate(1deg)
        }
        80%
        {
            transform:translateX(-2px) rotate(-1deg)
        }
        90%
        {
            transform:translateX(1px) rotate(0)
        }
        100%
        {
            transform:translateX(-1px) rotate(0)
        }
    }
    
    

	.bottom
	{
		background-color: #39cccc;
	}
    .bottom .container
    {
        margin: 0 auto;        
        padding: 20px 10px 0 10px;
        display: flex;
        justify-content: space-between;
    }
    .bottom .left p
    {
        color: white;
        font-size: 16px;
        font-family: roboto,Sans-serif;
    }

    .bottom .right h4
    {
        color: white;
        font-size: 16px;
        font-family: roboto,Sans-serif;
    }

h1.entry-title
{
    color: #07020d;
    font-family: "roboto slab",Sans-serif;
    font-size: 45px;
    font-weight: 700;
    line-height: 1.4em;	
}

/* Category Page */

.archive .entry-title, 
.blog .entry-title, 
.search .entry-title 
{
    font-family: "roboto slab",Sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.4em;
}

html .ast-archive-description .ast-archive-title
{
    color: #07020d;
    font-family: roboto,Sans-serif;
    font-size: 20px !important;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .5px;
    position: relative;
}

html .ast-archive-description .ast-archive-title:after
{
    content: "";
    height: 2px;
    width: 110px;
    background-color: #39cccc;
    position :absolute;
    bottom: -24px;
    left: 0;
}

html .ast-archive-description .ast-author-bio .ast-archive-title:after
{
    bottom: -8px;
    width: 167px;
}

body.archive .ast-archive-description 
{
    padding-top: 0;
    padding-left: 0;
}

.ast-separate-container .ast-article-post, 
.ast-separate-container .ast-article-single 
{
    border-bottom: initial;
}

.archive.category .entry-meta 
{
    font-size: 0;
}

.archive.category article .entry-meta span.cat-links 
{
    font-size: 14px;
    padding: 2px 10px;
    background-color: #aaaaaa;
    margin-right: 6px;
    transform: translateY(-1px);
    display: inline-block;
}

.archive.category article:nth-child(1) .entry-meta span.cat-links,
.archive.category article:nth-child(2) .entry-meta span.cat-links 
{
    display: none;  
}

.archive.category article:nth-child(1) .entry-meta .author,
.archive.category article:nth-child(2) .entry-meta .author 
{
    padding: 0;
}
 

.archive.category article .entry-meta span.cat-links a 
{
    color: white;
}

.archive.category .entry-meta span.author-name, 
.archive.category .entry-meta a.url.fn.n 
{
    font-size: 14px;
}

.archive.category article
{
    padding: 0;
}

.archive.category article:nth-child(1)
{
    width: 46%;
    margin-right: 4%;
    display: flex;
    flex-direction: column;
}

.archive.category article:nth-child(2)
{
    width: 46%;
    margin-right: 4%;
    display: flex;
    flex-direction: column;
}

.archive.category article:nth-child(3) 
{
    padding-top: 70px;
}

.archive.category article:nth-child(3):before 
{
    content: "ARCHIVES";
    padding-bottom: 10px;
    width: 110px;
    position: absolute;
    top: 0;
    left: 0;
    font-family: roboto,Sans-serif;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .5px;
    border-bottom: 2px solid #39cccc;
}


.archive.category article:nth-child(1) .post-content,
.archive.category article:nth-child(2) .post-content
{
    display: flex;
    flex-direction: column;
}

.archive.category article .post-content header.entry-header .entry-title a
{
    transition: all ease .3s;
}



.archive.category article:nth-child(1) .post-content header.entry-header,
.archive.category article:nth-child(2) .post-content header.entry-header
{
    order: 1;
    width: 100%;
    padding-left: 0;
}

.archive.category article:nth-child(1) .post-content header.entry-header .entry-title a,
.archive.category article:nth-child(2) .post-content header.entry-header .entry-title a
{
    color: rgb(7, 2, 13);
    font-family: ""roboto slab"", sans-serif;
    font-size: 20px;
    line-height: 28px !important;
    display: block;
}

.archive.category article .post-content header.entry-header .entry-title a:hover
{
    color: #39CCCC;
    transition: all ease .3s;
}

.archive.category article:nth-child(1) .post-content .ast-blog-featured-section,
.archive.category article:nth-child(2) .post-content .ast-blog-featured-section
{
    order: 2;
    width: 100%;
}

.archive.category article:nth-child(1) .post-content .ast-blog-featured-section img,
.archive.category article:nth-child(2) .post-content .ast-blog-featured-section img 
{
    height: 300px;
    object-fit: cover;
}

.archive.category article:nth-child(1) .entry-content,
.archive.category article:nth-child(2) .entry-content
{
    display: none;
    width: 100%;
    padding-left: 0;
}

.archive.category article .entry-content p 
{
    font-family: roboto,Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4em;
}

.archive.category article .post-content .ast-blog-featured-section
{
    width: 30%;
    float: left;
}
.archive.category article .post-content header.entry-header,
.archive.category article .entry-content
{
    width: 70%;
    float: left;
    padding-left: 20px;
    clear: none;
}

.article-author .text picture.avatar.avatar-256.photo 
{
    margin-right: 25px;
}

/* Single Posts */

.single #content #main a 
{
    box-shadow: none;
    transition: box-shadow .5s ease-in-out;
    /*color: #07020D;*/
    line-height: 1.4em;
}

#single-posts 
{
    width: 30%;
    padding-left: 20px;
    float: left;
}

.single #content #main a:hover
{
    box-shadow: none;
    transition: box-shadow .5s ease-in-out;
    color: #07020D;
}

.single .related-posts 
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2%;
}

.single .related-posts article 
{
    width: 32%;
}

.single .related-posts article .feature-image 
{
    width: 100%;
}

.single .related-posts article .article-text 
{
    width: 100%;
    padding: 10px 0 0 0;
}

.single nav.navigation.post-navigation
{
    display: none;
}

.single .featured-image
{
    width: 80%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.thumbnail-caption
{
    font-family: roboto,Sans-serif;
    font-size: 12px;
    font-weight: 400;
}


.elementor-form-fields-wrapper.elementor-labels- {
    display: flex;
}

.related-articles 
{
    margin-bottom: 50px;
}

.related-articles .article-author a
{
    color: #39cccc;
}

.related-articles article 
{
    padding-bottom: 20px;
}

.related-articles .feature-image 
{
    width: 100%;
}

.related-articles .feature-image img
{
    width: 200px;
    height: 150px;
    object-fit: cover;
    object-position: center center;
}

.related-articles .article-text 
{
    width: 100%;
    padding: 0;
    padding-right: 20px;
}

.related-articles .article-text h3
{
    font-family: ""roboto slab"", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
}


.article-author h3 
{
    color: #3a4848;
    font-family: 'roboto';
    font-size: 30px;
    font-weight: 600;
    line-height: 1.5em;
}

.article-author h4 
{
    font-size: 24px;
    margin-bottom: 5px;
    color: #aaa;
    font-weight: 700;
}

.article-author img
{
    height: 100px;
    width: 100px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 25px;
    
}

.article-author .text 
{
    display: flex;
}

.entry-content p:not(.authority-box p) 
{
    font-size: 18px;
}

#primary 
{
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
    margin: 20px 50px 0 0;
    padding: 0 50px 0 15px;
	padding-left: 10px !important;
}

.primary-space 
{
    padding-right: 100px;
}

.home .primary-space
{
    padding-top: 30px;
}

.trail-items
{
    font-size: 12px;
}

.trail-items a
{
    color: #39cccc;
}

.entry-meta-category * 
{
    font-family: roboto,Sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #fff;
}

.entry-meta-category:hover
{
    background-color: #2575BB;
}
.entry-meta-category a:hover
{
    color: #fff;
}

.single h1 
{
    font-family: "roboto slab",Sans-serif;
    font-size: 45px;
    font-weight: 700;
    line-height: 1.4em;
}

.single h1 ~ h2 
{
    color: #07020d;
    font-family: roboto,Sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6em;
}

.single .article-excerpt h2 
{
    font-family: roboto,Sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6em;
}

.share-bar
{
   display: flex;  
	flex-wrap: wrap;
   margin: 20px 0 20px 0;
}

.share-btn 
{
    overflow: hidden;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    transition-duration: .2s;
    transition-property: filter,background-color,border-color;
    height: 4.5em;
    cursor: pointer;
    border: 1px solid #000;
    margin-right: 12px;
    margin-bottom: 12px;
}
.share-btn a
{
    display: flex;
}

.share-btn:hover,
.share-btn:hover *
{
    color: #2575BB;
    border-color: #2575BB;
     outline: none;
}
.share-btn a:focus-visible
{
    outline: none !important; 
}

.share-btn__icon 
{
    display: flex;
    align-self: stretch;
    justify-content: center;
    align-items: center;
    width: 4.5em;
    position: relative;
}

.share-btn__text 
{
    font-size: 1.5em;
    padding-right: 1em;
    align-self: stretch;
    flex-grow: 1;
    align-items: center;
    display: flex;
    font-weight: 100;
}

span.share-btn__icon i 
{
    font-size: 17px;
}

span.share-btn__title 
{
    font-family: roboto,Sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 15px;
}


/* Homepage */

.home article 
{
    display: flex;
    margin-bottom: 35px;
}

.home #primary 
{
    width: 70%;
}

.home #secondary 
{
    width: 30%;
}

.feature-image
{
    width: 30%;
}

.article-text
{
    width: 70%;
    padding: 0 0 0 20px;
}

.must-read 
{
    float: left;
    width: 100%;
    position: relative;
    clear: both;
    padding-bottom: 10px;
}

.latest-articles {
    float: left;
    width: 100%;
    position: relative;
    clear: both;
}

.latest-articles h3 
{
    font-family: "Roboto Slab", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
}

.must-read article
{
    float: left;
    flex-direction: column;
}

.must-read article .article-excerpt
{
    display: none;
}

.must-read article  .article-text 
{
    width: 100%;
    padding: 0;
}

.must-read article .article-text h3
{
    font-family: "roboto slab", sans-serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
}

.must-read article .feature-image 
{
    width: 100%;
    order: 2;
}

.must-read article .feature-image img
{
    max-height: 25vw;   
    object-fit: cover;
}

.must-read article:nth-child(1) 
{
    width: 65%;
    margin-right: 3%;
}

.must-read article:nth-child(2)
{
    width: 32%
}

.must-read article:nth-child(3)
{
    width: 32%
}



/* General */

h2, 
.entry-content h2
{
    font-size: 32px;
}

.bold 
{
    font-weight: 700;
}

span.underline 
{
    text-decoration: underline;
}

.wpforms-container em.wpforms-error 
{
    position: absolute !important;
}

.ast-site-title-wrap
{
    display:none;
}

.post-modified-info a
{
    color: #39cccc;  
}

.entry-meta
{
    font-size: 0;
}

.entry-meta span.author-name,
.entry-meta a.url.fn.n
{
    font-size: 16px;
}

span.posted-by.vcard.author 
{
    padding: 0;
}

.shop-selected .related-posts 
{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 2%;
}

.shop-selected .related-posts article 
{
    width: 32%;
    margin: 0;
    flex-direction: column;
}

.shop-selected .related-posts article  .feature-image 
{
    width: 100%;
}

.shop-selected .related-posts article .feature-image img 
{
    height: 300px;
    object-fit: contain;
}

.shop-selected .related-posts article .article-text 
{
    width: 100%;
    padding: 0;
}

.shop-selected .related-posts article .article-text h3 
{
    font-size: 16px;   
    padding: 20px 0 10px 0;
}

.archive.author span.posted-by.vcard.author 
{
    padding: 0 10px;
}

html .archive.author section.ast-author-box.ast-archive-description .ast-author-avatar 
{
    display: flex;
    align-items: center;
}

html .archive.author section.ast-author-box.ast-archive-description .ast-author-avatar img 
{
    margin: 0;
    min-width: 100px;
    min-height: 100px;
    border-radius: 0;
    margin-right: 20px;
}

html .archive.author section.ast-author-box.ast-archive-description 
{
    display: flex;
    flex-direction: row-reverse;
}

html .archive.author section.ast-author-box.ast-archive-description a 
{
    color: #39cccc;
}

.comments-link
{
    display: none;
}

.hide-on-desktop
{
    display: none;
}

body, 
p 
{
    font-family: roboto, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

h2 
{
    font-family: "roboto slab";
    font-weight: 400;
}

h3 
{
    font-family: "roboto slab",Sans-serif;
    font-size: 30px;
}

.ast-page-builder-template .site-content #primary 
{
    padding-left: 10px;
}

#smush-image-bar-toggle
{
    display: none;
}

button.elementor-button.elementor-size-md 
{
    height: 44.5px;
}

.ast-container 
{
    max-width: 1400px;
}

.authority-box-container
{
    margin-top: 50px;
}
@media (min-width: 1201px)
{
    .ast-container 
    {
        display: flex;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        padding-right: 0;
        padding-left: 0;
    }
}


    .ast-pagination
    {
        display: none;
    }
    
    .archive .ast-container 
    {
        max-width: 1400px;
    }

	.woocommerce-shop.archive .ast-container 
    {
        max-width: 1400px !important;
    }

    .woocommerce-shop.ast-page-builder-template .site-content #primary 
    {
        padding-top: 30px;
    }
    .home .ast-container 
    {
        max-width: 1400px;
    }

    .single .ast-container 
    {
        max-width: 1400px;
        margin-top: 20px;
    }

    .single.ast-separate-container #primary, 
    .single.ast-separate-container.ast-left-sidebar #primary, 
    .single.ast-separate-container.ast-right-sidebar #primary, 
    .single.ast-plain-container.ast-no-sidebar #primary 
    {
        margin-top: 0;
    }

    h2.blog-title
    {
        font-family: roboto,Sans-serif;
        font-size: 20px;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: .5px;
        position: relative;
        display: inline-block;
        float: left;
        margin-bottom: 30px;
    }

    h2.blog-title:after 
    {
        content: "";
        height: 2px;
        background-color: #39cccc;
        position: absolute;
        bottom: -12px;
        left: 0;
        right: 0;
    }

    p.read-more
    {
        display: none;
    }




.menu-toggle, button, 
.ast-button, 
.ast-custom-button, 
.button, 
input#submit, 
input[type="button"], 
input[type="submit"], 
input[type="reset"] 
{
    border-style: solid;
    border-top-width: 0;
    border-right-width: 0;
    border-left-width: 0;
    border-bottom-width: 0;
    padding-top: 12px;
    padding-right: 24px;
    padding-bottom: 12px;
    padding-left: 24px;
    font-family: 'Roboto',sans-serif;
    line-height: 1em;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    transition: all .3s;
}

button:focus, 
.menu-toggle:hover, 
button:hover, 
.ast-button:hover, 
.ast-custom-button:hover .button:hover, 
.ast-custom-button:hover, 
input[type=reset]:hover, 
input[type=reset]:focus, 
input#submit:hover, 
input#submit:focus, 
input[type="button"]:hover, 
input[type="button"]:focus, 
input[type="submit"]:hover, 
input[type="submit"]:focus 
{
    color: #ffffff;
    background-color: #2575BB;
    border-color: #2575BB;
}

section.logo 
{
    margin-top: 20px;
}

.the-date
{
    font-size: 14px;
    color: #aaa;
    display: inline-block;
}

body .author
{
    padding: 0 10px;
}

body .must-read .author
{
    padding: 0;
}

.single .author
{
    padding: 0;
    clear: both;
    display: block;
}

.single .author i.far.fa-user-circle 
{
    color: #39cccc;
    margin-right: 6px;
}

.last-updated 
{
    display: flex;
    align-items: center;
    height: 30px;
    margin-bottom: 10px;
}

.last-updated p {

    margin: 0;
    margin-top: 3px;
    margin-left: 6px;
}

.last-updated ~ .follow-us 
{
    margin-bottom: 50px;
}

.single #main .post-thumb-img-content.post-thumb 
{
    display: none;
}

.single #main h1.entry-title:not(.product_title)
{
    display: none;
}

.single #main .entry-meta
{
    display: none;
}

.single #main .ast-article-single 
{
    padding: 0;
}

.single #main div h3, 
.single #main div h3 span 
{
    color: #07020d;
    font-family: "roboto slab",Sans-serif;
    font-size: 26px;
    line-height: 1.5em;
}

#page
{
    margin-bottom: 20px;
}

/* archive author page */


html .archive.author .ast-archive-description .ast-archive-title 
{
    margin-bottom: 30px;
}

.archive.author .ast-container 
{
    padding: 0 10px;
}

html .archive.author p
{
    font-family: roboto, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

section.ast-author-box.ast-archive-description 
{
    border-style: solid;
    border-width: 1px;
    border-color: #07020d;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
    margin-top: 0;
    margin-bottom: 80px;
    padding: 15px;
    position: relative;
}

section.ast-author-box.ast-archive-description:after {
    content: "Latest Posts";
    position: absolute;
    bottom: -60px;
    left: 0;
    font-size: 22px;
    font-weight: 700;
}

section.ast-author-box.ast-archive-description .ast-author-avatar
{
    display: none;
}

html body.archive .ast-archive-description > *:not(:last-child) 
{
    margin-bottom: 0;
}

.archive.author .ast-article-post 
{
    padding: 0 !important;
}

.archive.author .ast-blog-featured-section.post-thumb 
{
    width: 30%;
    float: left;
}

.archive.author .sidebar-main .black-box
{
    margin: 18px 10px 0 0;
}

.archive.author .entry-content,
.archive.author header.entry-header,
.archive.author p.ast-blog-single-element.ast-read-more-container.read-more,
.archive.author .ast-excerpt-container.ast-blog-single-element,
.archive.author h2.entry-title 
{
    width: 70%;
    padding-left: 20px;
    float: left;
    margin-bottom: 0;
    display: inline;
    position: relative;
    clear: none;
}

@media ( max-width: 768px )
{


html .authority-box 
{
    margin-left: 10px;
    padding-left: 10px;
    width: initial;
}

    .archive.author .entry-content,
.archive.author header.entry-header,
.archive.author p.ast-blog-single-element.ast-read-more-container.read-more,
.archive.author .ast-excerpt-container.ast-blog-single-element,
.archive.author h2.entry-title 
{
    width: 100%;
    padding-left: 0;
}
}

.archive.author #secondary {
    padding-left: 40px !important;
    padding-right: 0;
}

.archive.author .entry-meta {
    font-size: 0;
}

.archive.author .entry-meta span.cat-links {
    
    margin: 10px 0;
    padding: 3px 10px;
    background-color: #aaaaaa;
    display: inline-block;
    
}

.archive.author .entry-meta span.cat-links a{
    font-size: 12px;
    color: #fff;
    
}

@media ( max-width:768px )
{
    .archive.author .ast-blog-featured-section.post-thumb 
    {
        width: 100%;
    }

    .archive.author header.entry-header {
        width: 100%;
        padding-left: 0;
    }

    .archive.author header.entry-header h2 {
        margin-bottom: 0;
    }

.archive.author .entry-content {
        width: 100%;
        padding-left: 0;
    }
    .archive.author .entry-meta {
    font-size: 0;
    display: flex;
    align-items: center;
}

.archive.author .entry-meta span.cat-links {
    margin-right: 8px;
}

.archive.author #secondary {
    padding-left: 10px !important;
    padding-right: 0;
    margin-top: -20px;
}


}




.archive.author .entry-meta span.posted-by.author {
    font-size: 16px;
}

/* WooCommerce pages */

ul.products li.product a.ast-loop-product__link 
{
    box-shadow: none !important;
}


.su-row.two-buttons .su-column-inner
{
	text-align:center;
}

.su-row.two-buttons .su-column-size-1-2 .su-button-style-default
{
	padding: 0 !important;
	width: 100%;
}
.single-post .su-button-style-default span
{
	font-size: 20px !important;
	font-weight: 600 !important;
	line-height: 50px !important;
	padding: 0 30px !important;
}

#main .su-row
{
	margin-bottom: 3em;
	margin-top: 2rem;
	display: flex;
}

.su-row.two-buttons
{
	display: flex;
	gap: 1.25rem;
}

a.su-button.su-button-style-default
{
	margin: auto !important;
}

.su-row::after
{
	display: none !important;
}

.su-button-center
{
	margin-bottom: 1.25rem;
}

@media ( max-width:768px )
{
	.su-row .su-column+.su-column
	{
		/**margin: 0 !important;**/
	}

 	a.su-button.su-button-style-default 
    {
        margin: 20px auto;
        display: block !important;
        max-width: fit-content;
    }
	article .right-aligned-header-image, 
    article img.alignright,
    .single .entry-content img.size-full 
    {
        clear: both;
        display: block !important;
        float: none !important;
	margin: auto !important;
    }

    .su-row.two-buttons
    {
        flex-direction: column;
    }

    header#masthead
	{
	    display: block;		
	}

    footer 
    {
        padding: 20px;
    }

    footer .container
    {
        flex-direction: column;
    }

    footer .col-20,
    footer .col-40 
    {
        width: 100%;
    }

    footer .image 
    {
       margin: 0;
    }

    .sign-up .wpforms-field-container 
    {
        width: 100% !important;
    }

    .sign-up .wpforms-submit-container 
    {
        width: 100% !important;
    }

    .sign-up .wpforms-form 
    {
        flex-direction: column;
    }

    .bottom .right h4 
    {
        max-width: 80%;
        float: right;
    }

    #primary 
    {
        width: 100% !important;
        padding-left: 0 !important;    }

    #secondary 
    {
        width: 100% !important;
        padding-left: 10px !important;
        padding-right: 0;
    }

    .primary-space 
    {
        padding-right: 0;
    }

    .home article 
    {
        flex-direction: column;
    }

    .feature-image {
    width: 100%;
}

.article-text {
    width: 100%;
    padding: 0;
}

.hide-on-desktop
{
    display: block;
}

.article-text h3 {
    display: none;
}

.related-posts .article-text h3 {
    display: block !important;
}

.must-read .article-text h3 {
    display: block;
}

.entry-meta-category {
    margin: 0;
}

.ast-page-builder-template .site-content #primary {
    padding-left: 0;
}

#single-posts 
{
    display: none;
}

.share-bar
{
    display: none;
}

.single .author {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    line-height: 24px;
}
.last-updated
{
    line-height: 24px;
}

.single h1 {
    font-size: 35px;
}

section.logo {
    display: none;
}

section.header-menu {
    display: none;
}

.header-menu 
{
    border-width: 0;
}

.header-menu-class li 
{
    width: 100%;
}

.header-menu-class li:first-child a 
{
    margin: 0 12.5px;
}

.header-menu-class 
{
    position: absolute;
    z-index: 99999;
    background: white;
    width: 100vw;
    margin-left: 0;
}

.ast-search-icon 
{
    right: 0;
}

header .custom-logo-link img, 
.ast-header-break-point .site-branding img, 
.ast-header-break-point .custom-logo-link img 
{
    max-width: 200px;
}

.must-read article:nth-child(1) 
{
    width: 100%;
    margin-right: 0;
}

.must-read article .feature-image img 
{
    max-height: initial;
}

.must-read article:nth-child(2) {
    width: 100%;
}

.must-read article:nth-child(3) {
    width: 100%;
}

.ast-header-break-point .ast-primary-header-bar {
    border-bottom-width: 0;
}
.archive.category article:nth-child(1) 
{
    width: 100%;
    margin-right: 0;
}

.archive.category article:nth-child(2) 
{
    width: 100%;
    margin-right: 0;
}

.archive.category article .post-content .ast-blog-featured-section {
    width: 100%;
}

.archive.category article .post-content header.entry-header, 
.archive.category article .entry-content 
{
    width: 100%;
    padding-left: 0;
}

article header.entry-header .entry-meta 
{
    font-size: 0;
}

article header.entry-header .entry-meta .author {
    padding: 0;
    font-size: 14px;
}

[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg 
{
    width: 25px;
    height: 25px;
}

}



@media (max-width: 1025px) and (min-width: 767px)
{
    html .ast-right-sidebar #primary 
    {
        width: 68%;
    }
}

@media ( max-width:480px )
{
    .single .related-posts article 
    {
        width: 100%;
    }

    .single .related-posts article .article-text h3 
    {
        display: block;
    }     

    .shop-selected .related-posts article 
    {
        width: 100%;
        padding-bottom: 40px;
    }

    .shop-selected .related-posts article:last-child 
    {
        padding-bottom: 0;
    }
}

.reader-supported-disclaimer {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
    margin: 10px 0;
}

.reader-supported-disclaimer a {
    text-decoration: underline;
}

.instagram-container {
	background: #fafafa;
	border-radius: 30px;
	display: block !important;
	margin-bottom: 20px;
	padding: 1px
}

.instagram-container .instagram-media.instagram-media-rendered,
blockquote.instagram-media-registered {
	border: 1px solid #dbe7e5 !important;
	border-radius: 20px !important;
	box-shadow: 0 4px 0 rgba(179, 195, 192, .2) !important;
	display: block !important;
	margin: 30px auto !important;
	max-width: 480px !important
}

@media (max-width:640px) {
	.instagram-media.instagram-media-rendered {
		border-radius: 20px !important;
		box-shadow: 0 10px 20px rgba(0, 0, 0, .1) !important
	}

	.instagram-container {
		background: transparent;
		border-radius: 0;
		padding: 0;
		margin-top: -25px;
	}
}

.sbi-embed-wrap {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: .75rem
}

.comparison-table a {
	color: #fff !important;
}

.entry-content a:not(.wctable .wctable-col-link .wctable-link, .authority-box *, .pangolia-jump-links *, .button, .aawp-button, .ictable-item-link a) {
	color: #39cccc !important;
	box-shadow: none;
}

.entry-content a:hover:not(.wctable .wctable-col-link .wctable-link, .authority-box *, .pangolia-jump-links *, .button, .aawp-button, .ictable-item-link a) {
    color: #2575BB !important;
    box-shadow: none;
}

a {
    transition: all .2s linear !important;
}

.entry-content h2,.entry-content h3,.entry-content h4,.html-content h3 {
    margin-bottom: 30px;
}

.entry-content>h3:not(:first-child) {
    margin-top: 20px;
}

.wctable,.wctable .wctable-row,.wctable th,.wctable td {
    border-color: #dcdcdc !important;
}

.wctable tr.wctable-row > td:last-child, .wctable tr.wctable-row {
    border-right: 1px solid #dcdcdc;
}

#main .su-box.su-box-style-default {
    border: 1px solid #d0d7d6;
    border-radius: 10px !important;
    margin-bottom: 20px;
    overflow: hidden;
}

@media(max-width: 767px) {
	.wctable tr.wctable-row > td:last-child {
		border-right: none;
	}

	.su-row {
		display: block !important;
	}

	.su-row .su-column {
    		float: none;
    		width: 100%;
    		margin: 0;
	}
}

a.aawp-button {
    color: #07020D !important;
}

.archive.category article:not(:first-child, :nth-child(2)),
.archive.author article {
    margin-bottom: 1.7em;
    padding-right: 4%;
}

.archive.category article:not(:first-child, :nth-child(2)) .entry-title,
.archive.category article:not(:first-child, :nth-child(2)) .entry-header,
.archive.category article:not(:first-child, :nth-child(2)) .ast-excerpt-container,
.archive.category article:not(:first-child, :nth-child(2)) .read-more {
    width: 67% !important;
    float: right !important;
}

.archive.category article:not(:first-child, :nth-child(2)) .post-thumb {
    position: absolute;
}

.archive.category article:not(:first-child, :nth-child(2)) .entry-header {
    padding-left: 0 !important;
    margin: 0.5em 0 0.5em 0;
}

.archive.category .blog-layout-6 .post-content, .archive .blog-layout-6 .post-thumb {
    padding-left: 0;
    padding-right: 0;
}

.archive.category article:not(:first-child, :nth-child(2)) .read-more,
.archive.author .read-more {
    margin-bottom: 1.5em;
    margin-top: .8em;
}

.archive.category article:first-child .post-content .ast-blog-featured-section,
.archive.category article:nth-child(2) .post-content .ast-blog-featured-section {
    order: 0 !important;
}

.archive.category .read-more a,
.archive.author .read-more a {
    font-weight: bold;
}

.archive.author .read-more {
    float: right !important;
}

.archive .entry-title {
    font-size: 24px;
}

@media ( max-width:768px )
{
    .archive.category article {
        padding-left: 4%;
    }

    .archive.category article:not(:first-child, :nth-child(2)) .post-thumb {
        position: relative;
    }

    .archive.category article:not(:first-child, :nth-child(2)) .entry-title,
    .archive.category article:not(:first-child, :nth-child(2)) .entry-header,
    .archive.category article:not(:first-child, :nth-child(2)) .ast-excerpt-container,
    .archive.category article:not(:first-child, :nth-child(2)) .read-more {
        width: 100% !important;
    }
	.article-text h3 {
		margin: 15px 0 0 0;
	}
	.single .related-posts article .article-text h3 {
		margin-top: 0;
	}
}

@media ( min-width:768px )
{
	.search article {
		width: 83%;
	}


}

@media ( max-width:480px )
{
	.page-id-384711 picture {
		width: 100%;
		margin: auto;
	}
}

@media (max-width: 768x) {
    .pet-calc>div {
        padding: 10px;
    }

    .pet-calc form {
        gap: 25px;
    }

    .pet-calc form input {
        margin: 10px;
    }

    .pet-calc .pet-range {
        width: 100%;
        margin: auto;
        text-align: center;
    }

    .pet-calc .pet-range .pet-range-nums {
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 15px;
    }
}

.ast-comment-formwrap {
    display: flex;
    flex-direction: column;
    margin: 0;
}

.ast-comment-formwrap .comment-form-author,
.ast-comment-formwrap .comment-form-email {
    padding: 0;
    width: 100%;
}

.ast-comment-list li {
    padding: 10px 0 !important;
    margin-bottom: 0 !important;
}

.ast-comment-list li .ast-comment {
    border-bottom: 1px solid #ccc !important;
}

.ast-comment-content {
	padding-left: 50px;
    margin-left: 1.33333em;
}

.comments-count-wrapper {
	display: none;
}

.comment-reply-title {
	padding: 4em 0 0 0;
	margin-top: 40px;
}
	
.ast-separate-container .comment-respond {
	padding: 1em 0 !important;
}

@media (max-width: 921px) {
	
	.comment-reply-title {
		margin-top: 0;
	}
	
	.ast-separate-container .comment-respond {
		padding: 4em 6.67em;
	}
}

.single #main article header.entry-header {
    display: none;
}

.single #main article .entry-content .authority-box-container {
    margin-top: 0 !important;
}

.rmp-rating-widget .rmp-heading.rmp-heading--title {
    font-weight: bold;
    font-size: 1.5em;
}

.rmp-widgets-container {
    border: 1px solid #00285e;
    padding: 20px 0 10px 0;
    border-radius: 10px;
}

#ast-hf-mobile-menu {
    padding: 0 35px;
}
