/*
Theme Name: Twenty Twenty-One Child theme of twentytwentyone
Theme URI: 
Description: Child theme of twentytwentyone theme for the Twenty Twenty-One theme
Author URI: https://artyesno.com/
Template: twentytwentyone
Version: 1.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

 
:root{
	/* Font Family */
	--global--font-primary-child: var(--font-headings, Ubuntu, -apple-system, BlinkMacSystemFont, "Segoe UI", Cantarell, Roboto, Oxygen-Sans,  "Helvetica Neue", sans-serif) !important;

	--global--font-family-child: var(--global--font-primary-child);

	
    --primary-nav--color-link-hover: #cb2696;
    --primary-nav--border-color: #ccc;
    --branding--color-link: #cb2696;
    --button--color-background: #000;
    --button--color-text-hover: #000;
	--global--color-primary: #333;
	--entry-header--color: #333;

		/* Font Size */
	--global--font-size-base: 1.25rem;
	--global--font-size-xs: 1rem;
	--global--font-size-sm: 1.125rem;
	--global--font-size-md: 1.25rem;
	--global--font-size-lg: 1.5rem;
	--global--font-size-xl: 2.25rem;
	--global--font-size-xxl: 3rem;
	--global--font-size-xxxl: 5rem;
	--global--font-size-page-title: var(--global--font-size-xxl);
	--global--letter-spacing: normal;
	
	
}


@media only screen and (min-width: 652px) {

	:root {
		--global--font-size-xl: 2.5rem;
		--global--font-size-xxl: 4rem;
		--global--font-size-xxxl: 9rem;
		--heading--font-size-h3: 1.5rem !important;
		--heading--font-size-h2: 2rem !important;
		
		--quote--font-size: var(--global--font-size-xs);
--quote--font-size-large: var(--global--font-size-xl);
--quote--font-style: italic;
--quote--font-weight: 400;
--quote--font-weight-strong: bolder;
--quote--font-style-large: normal;
--quote--font-style-cite: normal;
	}
}


h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	clear: both;
	font-family: var(--global--font-family-child) !important;
	font-weight: var(--heading--font-weight);
}




h1.page-title {
    line-height: var(--heading--line-height-h1);
    color: #cb2696;
	text-overflow: ellipsis;
overflow: hidden;
}

h2.entry-title a:hover {
    color: #cb2696;
}





/* Sections
   ========================================================================== */

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
	margin-top: 0px;
}

.site-main > * {
	margin-top: calc(1 * var(--global--spacing-vertical));
	margin-bottom: calc(1 * var(--global--spacing-vertical));
}

.page-header {
    border-bottom: 0px none var(--global--color-border);
    padding-bottom: calc(1 * var(--global--spacing-vertical));
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent;
    text-decoration: none;
}



/* Misc
   ========================================================================== */

input[type=text]:focus,
input[type=search]:focus,
.site textarea:focus,
.site .button:focus{
	color: var(--form--color-text);
	outline-offset: 2px;
	outline: 0px dotted var(--form--border-color);
}
input[type=text],
input[type=search],
.site textarea {
	border: 1px solid #ccc;
	border-radius: var(--form--border-radius);
	color: #535353;
	line-height: var(--global--line-height-body);
	padding: var(--form--spacing-unit);
	margin: 0 2px;
	max-width: 100%;
}
/**
 * Search-form
 */

.search-form {
	display: flex;
	flex-wrap: wrap;
	margin: auto;
	max-width: var(--responsive--aligndefault-width);
	margin-right: 0px;
	font-size: 0.8rem;
}

.search-form > label {
	width: 100%;
	margin-bottom: 0;
	font-weight: var(--form--label-weight);
}

.search-form .search-field {
	flex-grow: 1;
	max-width: inherit;
	margin-top: calc(var(--global--spacing-vertical) / 3);
	margin-right: 0px;
	margin-bottom: 10px;
	height: 25px;
}

.search-form .search-submit {
	margin-top: calc(var(--global--spacing-vertical) / 3);
	margin-left: 10px;
}

.widget_search > .search-form .search-field {
	margin-right: calc(-1 * var(--button--border-width));
	-webkit-appearance: none;
	margin-bottom: calc(0.5 * var(--global--spacing-vertical));
}

@media only screen and (max-width: 481px) {
.search-form .search-field {
    max-width: 70%;
    margin-top: 25px;
 }
	
}


.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
background-color: #cb2696;
}

/**
 * Root Media Query Variables
 */
:root {
	--responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
	--responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
	--responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
	--responsive--alignfull-width: 100%;
	--responsive--alignright-margin: var(--global--spacing-horizontal);
	--responsive--alignleft-margin: var(--global--spacing-horizontal);
}

@media only screen and (min-width: 482px) {

	:root {
		--responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px);
		--responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
		--responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
		--responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
	}
}
@media only screen and (min-width: 822px) {

	:root {
		--responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 810px);
		--responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1480px);
	}
	

}


/* Theme custom css
   ========================================================================== */

/**
 * Header
 */

.site-header{
min-width: 100%;
min-height: 120px;
z-index: 2;
padding-bottom: 0;

}

.site-header {
    padding-top: calc(0 * var(--global--spacing-vertical));
}


.site-branding {
    color: var(--branding--color-text);
    margin-right: 140px;
    background: #FFF;
    min-width: 100%;
	padding-left: 2.0rem;
position: absolute;
top: 0;
	margin-top: 0px;
}

.site-branding:last-child {
    text-align: left;
}

.site-title {
    font-size: 5.2rem;
    text-transform: none;
	margin-top:-15px;
	text-align: left;
	}

	.site-title a:hover {
		color: #CB2696;
        opacity:0.7;	
		text-decoration: none;
}



.site-description {
    color: currentColor;
    font-family: var(--branding--description--font-family);
    font-size: var(--branding--description--font-size);
	font-weight: 300;
    line-height: 1.0;
    margin-top: -10px;
    margin-bottom: 10px;
	text-align: left;
}

.site-18 {
float: right;
margin-right: 30px;
font-size: 0.8rem;
}

@media ( min-width: 482px ) {
	
.site-branding {
    background: url(https://snadgy.com/wp-content/uploads/2022/01/Alexa-Tomas-Lexie-Dona-sexart-top-920-120-1.jpg) no-repeat 0% 0% scroll white;
  }
}


@media ( min-width: 822px ) {
	
.site-branding {
    background: url(https://snadgy.com/wp-content/uploads/2022/01/Alexa-Tomas-Lexie-Dona-sexart-top-1920-120.jpg) no-repeat 0% 0% scroll white;
  }
}

@media ( min-width: 482px ) {
.site-main {
    padding-top: 10px;
}
}


h1.page-title {
    line-height: var(--heading--line-height-h1);
    color: #cb2696;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-bottom: 10px;
}

.archive-description {
    margin-top: 0;
    font-size: var(--global--font-size-xs);
    line-height: var(--global--line-height-heading);
}

/**
 * Archive styles.
 */
.archive-description {
    margin-top: var(--global--spacing-vertical);
    font-size: var(--global--font-size-xs);
    line-height: var(--global--line-height-heading);
}

.grid-item p,
.grid-item h2,
.grid-item h3 {
 padding:0 15px;
}
.more-link-container a,
.grid-item p a,
.grid-item h2 a,
.grid-item h3 a {
 border-bottom:#CB2696 1px solid;
}
.grid-item a:hover {
 color:#CB2696;
 border-bottom:#CB2696 0 none;
}



.archive .format-image .entry-content,
.archive .format-gallery .entry-content,
.archive .format-video .entry-content,
.search .format-image .entry-content,
.search .format-gallery .entry-content,
.search .format-video .entry-content,
.blog .format-image .entry-content,
.blog .format-gallery .entry-content,
.blog .format-video .entry-content {
	margin-top: calc(1 * var(--global--spacing-vertical));
}

/**
 * Metadata styles.
 */

.entry-header
{
	margin-top: 0;
	margin-right: auto;
	margin-bottom: var(--global--spacing-vertical);
	margin-left: auto;
}

.tags-links,.cat-links,.cat-links-top {
    font-weight: 300;
	padding: 0 10px;
}

.tags-links-single,.cat-links-single,.cat-links-top-single {
    font-weight: 400;
	padding: 0 10px;
}



.cat-links-top {
    margin-bottom: 0px;
    display: block;
    background: rgba(245,245,245,.9);
    z-index: 1;
    position: relative;
}

	

.cat-links-top a {
	padding: 0 5px;

}

.cat-links-top a:hover {
    color: #fff;
	background-color: #cb2696;

}




/**
 * Masonry styles.
 */

.masonry-container {
min-width:100%;
	padding: 1rem;
margin-left: -1rem;
	max-width:1600px;
}

.grid-item {
width: calc( 100% - 1rem );
background: rgba(235,235,235,.5);
	overflow: hidden;
	margin: 0 0 2rem 0rem;
 }

/**
 *Masonry media Query Variables
 */

@media ( min-width: 822px ) {

.grid-item {
margin: 0 0 4rem 2rem;
width: calc( 47% - 2rem );
	float: left;
 }
}

@media ( min-width: 1290px ) {

.grid-item {
margin: 0 0 6rem 3rem;
width: calc( 31% - 3rem );
 }
	
	.masonry-container {
min-width:fit-content;
margin-left: auto;
margin-right: auto;
	max-width:1600px;
 }
}

.entry-header .post-thumbnail {
	margin-left: auto;
	margin-right: auto;
	width: var(--responsive--alignwide-width);
	max-width: var(--responsive--alignfull-width);
	min-width: 100%;
}

/**
 *Masonry image hover zoom
 */

.grid-item img {
 image-rendering:optimizeQuality;
 -webkit-transform:scale(1,1);
 -webkit-transition-timing-function:ease-out;
 -webkit-transition-duration:1800ms !important;
 -moz-transform:scale(1,1);
 -moz-transition-duration:1800ms !important;
 -moz-transition-timing-function:ease-out;
 -ms-transform:scale(1,1);
 -ms-transition-duration:1800ms !important;
 -ms-transition-timing-function:ease-out
}
.grid-item img:hover {
 -webkit-transform:scale(1.1,1.1);
 -webkit-transition-timing-function:ease-out;
 -webkit-transition-duration:1800ms !important;
 -moz-transform:scale(1.1,1.1);
 -moz-transition-duration:1800ms !important;
 -moz-transition-timing-function:ease-out;
 -ms-transform:scale(1.1,1.1);
 -ms-transition-duration:1800ms !important;
 -ms-transition-timing-function:ease-out
}
.grid-item p img,
.grid-item img {
 margin-top:0;
 margin-bottom:40px;
 margin-left:0;
 max-width: 100% !important;
}


.wp-caption {
 margin-bottom:1.6em;
 max-width:100% !important;
}
.grid-item figcaption, .wp-caption, .grid-item .wp-caption-text,.grid-item .wp-block-embed figcaption {
    color: currentColor;
    font-size: var(--global--font-size-xs);
    line-height: var(--global--line-height-body);
    margin-top: -20px;
    margin-bottom: var(--global--spacing-unit);
    text-align: center;
}
/**
 *posts 
 */

.home-top {
    margin-top: 0;
}

.home-top h2.entry-title{
 margin-top: 0px;
max-width: 1200px;
width: var(--responsive--alignwide-width);
}

.home-top h2.entry-title a {
border-bottom: #CB2696 1px solid;
}


.home-top .entry-footer,
.home-top .entry-content p {
    max-width: 1200px !important;
    width: var(--responsive--alignwide-width);
}

.home-top .post-thumbnail-inner {
 margin-left: auto;
margin-right: auto;
max-width: 1476px;
background: #f5f5f5;
display: block;
}

.home-top .post-thumbnail img {
    height: 500px !important;
	object-fit: cover;
	object-position:center;
	width: 100% !important;
	max-width: var(--responsive--alignfull-width);
}

.post-thumbnail .wp-post-image {
    margin-top: 0;
}

.single-post .entry-content a, .single-post .entry-summary a {
border-bottom: #CB2696 1px solid;
}

.single-post .entry-content a:hover, .single-post .entry-summary a:hover {
color: #CB2696;
}

@media ( min-width: 1290px ) {
.single-post .entry-content, .single-post .entry-summary {

    max-width: 75%;
    margin-left: 24%;
}
	
	.single-post .entry-content h2, .single-post .entry-summary h2 {
    clear: inherit;

}
	}


/**
 *posts meta
 */

.credit {
    color: #333;
    font-size: 0.7rem;
    line-height: 1.1;
    text-decoration: none !important;
    display: none;
    width: 100%;
}

.single-post .credit {
    display: block;

}

.entry-footer .posted-on {
    display: none;
}


.perma_arrow {
 width:30px;
 padding-left:10px;
 margin-left: -10px;
 font-size:1.5rem;
 color:#ccc;
}
.perma_arrow a:hover {
 background:#ffa304;
 color:#fff;
}
.perma_arrow a {
 color:#ccc;
}


/**
 *posts format typo
 */



.archive .content-area .format-aside .entry-content,
.archive .content-area .format-status .entry-content,
.archive .content-area .format-link .entry-content,
.search .content-area .format-aside .entry-content,
.search .content-area .format-status .entry-content,
.search .content-area .format-link .entry-content,
.blog .content-area .format-aside .entry-content,
.blog .content-area .format-status .entry-content,
.blog .content-area .format-link .entry-content {
	font-size: var(--global--font-size-base);
}


/**
 * Stories
 */


.home-top .format-quote {
  box-shadow: 5px 5px 10px #797979;
  margin-right: 20px;
  padding: 20px 50px;
}


.format-quote .cat-links-top {
display:none;
}

.format-quote .entry-content {
font-style:italic;
	font-weight:300;
	font-size: 1.9rem;
	color:#cb2696;
		background:#fff;
	  box-shadow: 5px 5px 10px #797979;
  margin-right: 20px;
}


.format-quote .entry-content :hover {
	color:#fff;
		background:#cb2696;
}

.format-quote .entry-content a   {

	color:#333;
	border-bottom: 0 none;
}

.format-quote .entry-content a:hover {
	color:#FFF;

}



.single-post .format-quote .entry-content   {
font-style:normal;
	font-weight: 400;
	font-size: 1.6rem;
	color:#333;
	padding-bottom: 20px;
	  margin-right: 10px;
	box-shadow: 0px 0px 0px none;
	
}

.single-post .format-quote .entry-content :hover {
		background:#fff;
	color:#cb2696;

}



@media ( min-width: 422px ) {
.single-post .format-quote .entry-content {
	  margin-right: 20px;
	  box-shadow: 5px 5px 10px #797979;
  }
}


.single-post .format-quote .entry-title  {
	display:initial;

}

.single-post .format-quote h3   {
font-style:italic;
	font-weight: 300;
	font-size: 3.2rem;
	padding-bottom: 20px;
}


.single-post .format-quote .entry-content a   {

	border-bottom: 0 none;
	display: unset;
}

.format-quote .readmorelink {
font-size: var(--global--font-size-base);
font-weight: 400;
	color: #cb2696;
		border-bottom: 0 none;
	display: block;
}
.format-quote .readmorelink :hover {
font-size: var(--global--font-size-base);
font-weight: 400;
	color: #fff;
}


/**
 * Teaser posts
 */

.teaser-stripe
{
 font-size:1.8rem;
 color:#FFF;
 background:#CB2696;
 text-decoration:none;
 word-wrap:break-word;
 padding:0 10px;
 display:block;
 margin:-24px 0 15px 0;
min-width: 100%;
}

.teaser-stripe a, .teaser-stripe a:link, .teaser-stripe a:hover, .teaser-stripe a:visited {
 color:#FFF;
 text-decoration:none;
}
.teaser-stripe:hover {
 color:#FFF;
 background:#DD3F02;
 text-decoration:none;
}
@media ( min-width: 482px ) {
.teaser-stripe
{
 margin:-31px 0 15px 0;
}
	}

/**
 * fancybox
 */



div.fancybox-content p.caption-title {
  color: #333333;
  margin: 0;
  padding: 5px 0;
}

div.fancybox-content p.caption-title a {
border-bottom: #CB2696 1px solid;
}

div.fancybox-content p.caption-title a:hover {
color: #CB2696;
}

/**
 * sidebar
 */

.widget-side {
display:none;
     }
@media ( min-width: 1290px ) {
.widget-side {
    float: left;
    max-width: 15%;
	display:block;
	margin-left: 2rem;
margin-top: 4rem;
     }
	
	.widget-side .textwidget {
padding: 5px;
margin-bottom: 20px;
border: 1px solid #ccc;
		
     }
}

.tags-links-side,.cat-links-side {
	padding: 5px;
margin-bottom: 10px;
border: 1px solid #ccc;
}


	.widget-side .textwidget a {
border-bottom: #CB2696 1px solid;
		
     }


.widget-side .textwidget a:hover,.tags-links-side a:hover, .cat-links-side a:hover {
    color: #fff;
	background-color: #cb2696;

}
/**
 * blogroll
 */

.blogroll3 {
 font-size:1.3rem;
 color:#6a6a6a;
 padding:0 5px;
 margin-bottom:15px;
 margin-left:0;
 border-bottom:0!important;
 list-style: none;
}
.blogroll3 a {
 color:#333!important;
 text-decoration:none;
 white-space:nowrap;
 display:block;
padding: 6px 0 7px 7px;
 border-bottom:0!important;
}
.blogroll3 a:hover {
 color:#FFFFFF!important;
 background:#CB2696;
 text-decoration:none;
 border-bottom:0!important;
}


@media ( min-width: 422px ) {
.blogroll3{
font-size: 1.6rem;
padding: 3px 0 3px 7px;
  }
}

@media ( min-width: 822px ) {
.blogroll3{
font-size: 2.5rem;
  }
}

@media ( min-width: 1290px ) {
.single-post .blogroll3 {
max-width: var(--responsive--aligndefault-width);
margin-left: auto;
margin-right: auto;
}
	}

.blogroll2 {
 font-size:1.2rem;
 color:#6a6a6a;
 padding:0 5px;
 margin-bottom:15px;
 margin-left:0;
list-style: none;
}
.blogroll2 a {
 color:#333;
 text-decoration:none;
 white-space:nowrap;
 display:block;
}
.blogroll2 a:hover {
 color:#FFFFFF;
 background:#CB2696;
}
/**
 * bottom-banner
 */

.widget-below {
	max-width: var(--responsive--alignwide-width);
    font-size: 13px;
    margin: 0 auto;
    padding: 0 1%;
    overflow: hidden;
}

.bottom-ban, .bottom-ban img {

max-width: 1200px;
width: 100%;
	display: flex;
justify-content: center;
	font-size: 1.6rem;
    color: #FFF;
    text-decoration: none;
    word-wrap: break-word;
    display: block;
	max-width: 100%;
}

.bottom-ban img {
width:1200px;
aspect-ratio: 12 / 3;

}

.bottom-ban h1 {
    word-break: keep-all;
    display: block;
    position: absolute;
    margin-top: -20%;
    color: rgb(255,255,255);
    Font-size: 2.0rem;
}

.bottom-ban h1 a {
 background:rgba(203,38,150,.9) none repeat scroll 0% 0%!important;
 padding:0 20px;
 color:rgba(255,255,255,1);
 border-bottom:0 none!important;
}
.bottom-ban h1 a:hover {
 background:rgba(203,38,150,.8) none repeat scroll 0% 0%!important;
 color:rgba(255,255,255,.9);
 border-bottom:0 none!important;
}

.bottom-ban h3 {
    background: rgba(255,255,255,.4) none repeat scroll 0% 0% !important;
    word-break: keep-all;
    display: block;
    position: absolute;
    margin-top: -10%;
    padding: 10px 20px 4px;
    color: rgb(255,255,255);
    font-size: 0.8rem;
}

.bottom-ban h3 a {
 border-bottom:0 none!important
}
.bottom-ban h3 a:hover {
 border-bottom:0 none!important
}

@media ( min-width: 422px ) {
.bottom-ban h1 {
    margin-top: -16%;
    Font-size: 2.3rem;
  }

.bottom-ban h3 {
    margin-top: -6.4%;
    Font-size: 1.0rem;
  }
}

@media ( min-width: 822px ) {
.bottom-ban h1 {
    margin-top: -14%;
    Font-size: 3.0rem;
  }

.bottom-ban h3 {
    margin-top: -6.4%;
    Font-size: 1.6rem;
  }
}


@media ( min-width: 1000px ) {
.bottom-ban h1 {
    margin-top: -14%;
    Font-size: 4.5rem;
  }

.bottom-ban h3 {
    margin-top: -5.4%;
    Font-size: 2rem;
  }
}



/**
 * Widget footer
 */
.textwidget .footertext {
    margin-bottom: 0;
    padding: 5px 5px 10px;
}
.textwidget .footertext a {
text-decoration: none;
}
.textwidget .footertext a:hover {
color: #CB2696;;
}


.link-stripe-video {
 color:#333;
 font-size:1.0rem;
 font-weight:400;
 clear:none;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
 display:block;
 margin:0;
 opacity:1;
max-width: fit-content;
}
.link-stripe-video:hover {
	 background:#CB2696;
 opacity:0.8;
}
.link-stripe-video a {
 color:#cb2696;
 text-decoration:none;
 padding:0 10px 5px 10px;
}
.link-stripe-video a:hover {
 color:#FFFFFF;
 background:#CB2696;
}

.ad-stripe-2
{
 font-size:1.8rem;
 color:#FFF;
 background:#CB2696;
 text-decoration:none;
 word-wrap:break-word;
 padding:0 10px;
 display:block;
 margin:0px 0 15px 0;
}

.ad-stripe-2 a, .ad-stripe-2 a:link, .ad-stripe-2 a:hover, .ad-stripe-2 a:visited {
 color:#FFF !important;
 text-decoration:none;
}
.ad-stripe-2:hover {
 color:#FFF;
 background:#DD3F02;
 text-decoration:none;
}

.bad-stripe-2
{
 font-size:1.8rem;
 color:#cb2696;
 text-decoration:none;
 word-wrap:break-word;
 padding:0 10px;
 display:block;
 margin:0px 0 15px 0;
border-bottom: 1px solid #ccc;
}

.bad-stripe-2 a, .bad-stripe-2 a:link, .bad-stripe-2 a:hover, .bad-stripe-2 a:visited {
 color:#FFF;
	 background:#CB2696;
 text-decoration:none;
}
.bad-stripe-2 a:hover {
 color:#FFF;
 background:#CB2696;
 text-decoration:none;
}

.stripe-2
{
 font-size:1.5rem;
 color:#CB2696;
 text-decoration:none;
 word-wrap:break-word;
 padding:0 10px;
 display:block;
 margin:-31px 0 15px 0;
}


.pop-1
{
 font-size:1.5rem;
 color:#333;
 text-decoration:none;
 word-wrap:break-word;
 padding:0 10px;
 display:block;
 margin:0px 0 15px 0;
}

.pop-1 a {
	color:#333;
	white-space: nowrap;
	 text-decoration:none;
 border-bottom:1px solid #CB2696;	
	margin: 0 5px;
}

.pop-1 a:active {
 color:#CB2696;
 text-decoration:none;
}
.pop-1 a:hover {
 color:#FFF !important;
 background:#DD3F02;
 text-decoration:none;
}


/**
 * Widget above
 */

.widget-above {
margin-left: auto;
margin-right: auto;
max-width: 1600px;
padding: 0 3rem 0 2rem;
       }

@media ( min-width: 1290px ) {
.widget-above {
padding: 0 5rem 0 4rem;
       }
}

@media ( min-width: 1600px ) {
.widget-above {
padding: 0 6rem 0 4rem;
       }
}

.top-stripe-1, .top-stripe-2  {
 font-size:1.2rem;
 color:#FFF;
 text-decoration:none;
 word-wrap:break-word;
 padding:0 0;
 margin:0;
}
.top-stripe-1 a {
 color:#cb2696;
 background:#fff;
 text-decoration:none;
 padding:2px 10px;
}
.top-stripe-1 a:hover {
 color:#FFF;
 background:#DD3F02;
 text-decoration:none;
}
.top-stripe-2 {
 float:right;
}
.top-stripe-2 a {
 color:#FFF;
 background:#CB2696;
 text-decoration:none;
 padding:2px 10px
}
.top-stripe-2 a:hover {
 color:#FFF;
 background:#DD3F02;
 text-decoration:none;
}



.top-ban {
	font-size: 1.6rem;
        color:#FFFFFF;
	   display: none;
}

@media ( min-width: 1290px ) {
	
.top-ban {
	   display: block;
}

 }

.top-ban img{
width: 100%;
}

.top-ban a {
border-bottom: 0px none;
}

.top-ban h1 {

    word-break: keep-all;
    display: block;
    margin-top: 0;
    color: rgb(255, 255, 255);
    Font-size: 2.0rem;
    position: relative;
	top: -80px;
    
}

.top-ban h1 a {
    background: rgba(203, 38, 150, 1.0) none repeat scroll 0% 0% !important;
    padding: 0px 20px;
    color: rgba(255, 255, 255, 1.0);
border-bottom: 0px none !important;
}

.top-ban h1 a:hover {
    background: rgba(203, 38, 150, 1.0) none repeat scroll 0% 0% !important;
    color: rgba(255, 255, 255, 0.9);
border-bottom: 0px none !important;   
}


.top-ban h3 {
 
    word-break: keep-all;
    display: block;
    position: absolute;
    margin-top: 0;
    padding: 0px 20px 4px;
    color: rgb(255, 255, 255);
    font-size: 1.4rem;
	    position: relative;
	top: -70px;
}

.top-ban h3 a {
	  background: rgba(255, 255, 255, 0.4) none repeat scroll 0% 0% !important;
border-bottom: 0px none !important;
}
.top-ban h3 a:hover{
	    color: #cb2696;
	  background: rgba(255, 255, 255, 0.7) none repeat scroll 0% 0% !important;
border-bottom: 0px none !important;
}

/**
 * bread crumbs
 */
#breadcrumbs {
 margin:40px 0 10px 0;
 font-size:12px;
 font-weight:300;
 max-width:100%;
 text-transform:none;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
 padding:0;
}

@media ( min-width: 482px ) {
#breadcrumbs {
 margin:0px 0 10px 0;
       }
}


/**
 * Sticky navigation
 */
.sticky {
	background-color: #ffffff;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 2;
}




/**
 * Navigation.
 */

.menu-button-container {
	display: none;
	justify-content: space-between;
	position: absolute;
	right: 0;
	padding-top: calc(0.5 * var(--global--spacing-vertical));
	padding-bottom: calc(0.25 * var(--global--spacing-vertical));
}
@media only screen and (max-width: 481px) {

	.menu-button-container {
		display: flex;
	}
}

.menu-button-container #primary-mobile-menu {
	display: flex;
	margin-left: auto;
	padding: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit))) calc(0.5 * var(--button--padding-horizontal));
	font-size: var(--primary-nav--font-size-button);
	font-weight: var(--primary-nav--font-weight-button);
	background-color: transparent;
	border: none;
	color: var(--primary-nav--color-link);
}

.menu-button-container #primary-mobile-menu .dropdown-icon {
	display: flex;
	align-items: center;
}

.menu-button-container #primary-mobile-menu .dropdown-icon .svg-icon {
	margin-left: calc(0.25 * var(--global--spacing-unit));
}

.menu-button-container #primary-mobile-menu .dropdown-icon.open .svg-icon {
	position: relative;
	top: -1px;
}

.menu-button-container #primary-mobile-menu .dropdown-icon.close {
	display: none;
}

.menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.open {
	display: none;
}

.menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close {
	display: flex;
}

.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close {
	animation-name: twentytwentyone-close-button-transition;
	animation-duration: 0.3s;
}

.primary-navigation-open .menu-button-container {
	width: 100%;
	z-index: 500;
	background-color: var(--global--color-background);
}

.primary-navigation-open .menu-button-container #primary-mobile-menu {
	position: static;
}

.primary-navigation {
    position: absolute;
    top: var(--global--admin-bar--height);
    right: 0;
    color: var(--primary-nav--color-text);
    font-size: var(--primary-nav--font-size);
    line-height: 1.15;
    margin-bottom: 0;
    z-index: 5;
    padding-right: 2.0rem;
	background: #fff;
	min-width: 100%;
padding-left: 0.1rem;
	border-bottom: 0px none #ccc;
}

.primary-navigation > .primary-menu-container {
	position: fixed;
	visibility: hidden;
	opacity: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding-top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px);
	padding-left: var(--global--spacing-unit);
	padding-right: var(--global--spacing-unit);
	padding-bottom: var(--global--spacing-horizontal);
	background-color: var(--global--color-background);
	transition: all 0.15s ease-in-out;
	transform: translateY(var(--global--spacing-vertical));
}
@media only screen and (max-width: 481px) {

	.primary-navigation > .primary-menu-container {
		height: 100vh;
		z-index: 499;
		overflow-x: hidden;
		overflow-y: auto;
		border: 2px solid transparent;
	}

	.has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
		position: fixed;
		transform: translateY(0) translateX(100%);
	}

	.admin-bar .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
		top: var(--global--admin-bar--height);
	}

	.admin-bar .primary-navigation > .primary-menu-container {
		height: calc(100vh - var(--global--admin-bar--height));
	}

	.primary-navigation > .primary-menu-container:focus {
		border: 0px solid var(--global--color-primary);
	}
}
@media only screen and (max-width: 481px) {

	.primary-navigation-open .primary-navigation {
		width: 100%;
		position: fixed;
		z-index: 2;
	}
}

.primary-navigation-open .primary-navigation > .primary-menu-container {
	position: absolute;
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}
@media only screen and (max-width: 481px) {

	.primary-navigation-open .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
		transform: translateX(0) translateY(0);
	}
}
@media only screen and (min-width: 482px) {

	.primary-navigation {
		position: relative;
		margin-left: auto;
	}

	.primary-navigation > .primary-menu-container {
		visibility: visible;
		opacity: 1;
		position: relative;
		padding: 0;
		background-color: transparent;
		overflow: initial;
		transform: none;
	}

	.primary-navigation #toggle-menu {
		display: none;
	}

	.primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=false] ~ ul {
		display: none;
	}

	.admin-bar .primary-navigation {
		top: initial;
	}

	.admin-bar .primary-navigation > .primary-menu-container {
		top: initial;
	}
}

.primary-navigation > div > .menu-wrapper {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	max-width: none;
	padding-left: 0;
	position: relative;
}
@media only screen and (max-width: 481) {

	.primary-navigation > div > .menu-wrapper {
		padding-bottom: 100px;
	}

	.primary-navigation > div > .menu-wrapper ul {
		padding-left: 0;
	}
}

.primary-navigation > div > .menu-wrapper li {
	display: block;
	position: relative;
	width: 100%;
}
@media only screen and (min-width: 482px) {

	.primary-navigation > div > .menu-wrapper li {
		margin: 0;
		width: inherit;
	}

	.primary-navigation > div > .menu-wrapper li:last-child {
		margin-right: 0;
	}
}

.primary-navigation > div > .menu-wrapper .sub-menu-toggle {
	display: flex;
	height: calc(2 * var(--primary-nav--padding) + 1.15em + 1px);
	width: 44px;
	padding: 0;
	justify-content: center;
	align-items: center;
	background: transparent;
	color: currentColor;
	border: none;
		display: none;
}

.primary-navigation > div > .menu-wrapper .sub-menu-toggle:focus {
	outline: 0px solid var(--wp--style--color--link, var(--global--color-primary));
}
@media only screen and (max-width: 481px) {

	.primary-navigation > div > .menu-wrapper .sub-menu-toggle {
		display: none;
	}
}

.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-plus,
.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus {
	height: 100%;
	display: flex;
	align-items: center;
}

.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-plus svg,
.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus svg {
	margin-top: -1px;
}

.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus {
	display: none;
}

.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-minus {
	display: flex;
}

.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-plus {
	display: none;
}

.primary-navigation > div > .menu-wrapper > li > .sub-menu {
	position: relative;
}


	.primary-navigation > div > .menu-wrapper > li > .sub-menu li {
		background: rgba(0,0,0,.7);
	}

@media only screen and (min-width: 482px) {

	.primary-navigation > div > .menu-wrapper > li > .sub-menu {
		left: 0;
		margin: 0;
		min-width: max-content;
		position: absolute;
		top: 100%;
    padding-top: 0px; */
		transition: all 0.5s ease;
		z-index: 88888;
		background: rgba(0,0,0,.7);
	}

	.primary-navigation > div > .menu-wrapper > li > .sub-menu:before,
	.primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
		content: "";
		display: none;
		position: absolute;
		width: 0;
		top: -10px;
		left: var(--global--spacing-horizontal);
		border-style: solid;
		border-color: var(--primary-nav--border-color) transparent;
		border-width: 0 7px 10px 7px;
	}

	.primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
		top: -9px;
		border-color: var(--global--color-background) transparent;
	}

	.primary-navigation > div > .menu-wrapper > li > .sub-menu li {
		background: rgba(154,154,154,.4);
	}

	.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left {

		/* rtl:ignore */
		left: 0;

		/* rtl:ignore */
		right: auto;
	}

	.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:before,
	.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:after {

		/* rtl:ignore */
		left: var(--global--spacing-horizontal);

		/* rtl:ignore */
		right: auto;
	}

	.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right {

		/* rtl:ignore */
		right: 0;

		/* rtl:ignore */
		left: auto;
	}

	.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:before,
	.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:after {

		/* rtl:ignore */
		left: auto;

		/* rtl:ignore */
		right: var(--global--spacing-horizontal);
	}
}

.primary-navigation .primary-menu > .menu-item:hover > a {
	color: var(--primary-nav--color-link-hover);
}
@media only screen and (min-width: 482px) {

	.primary-navigation .primary-menu-container {
		margin-right: calc(0px - var(--primary-nav--padding));
		margin-left: calc(0px - var(--primary-nav--padding));
	}

	.primary-navigation .primary-menu-container > ul > .menu-item {
		display: flex;
	}

	.primary-navigation .primary-menu-container > ul > .menu-item > a {
		padding-left: var(--primary-nav--padding);
		padding-right: var(--primary-nav--padding);
	}

	.primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle {
		margin-left: calc(5px - var(--primary-nav--padding));
	}
}

.primary-navigation a {
	display: block;
	font-family: var(--primary-nav--font-family-mobile);
	font-size: var(--primary-nav--font-size-mobile);
	font-weight: var(--primary-nav--font-weight);
	padding: 0.1rem 0 0.3rem 0;
	text-decoration: none;
}
@media only screen and (min-width: 482px) {

	.primary-navigation a {
		display: block;
		font-family: var(--primary-nav--font-family);
		font-size: 0.9rem;
		font-weight: 400;
	}
}
@media only screen and (min-width: 700px) {

	.primary-navigation a {
		font-size: 1.0rem;
		font-weight: 400;
	}
}

.primary-navigation a + svg {
	fill: var(--primary-nav--color-text);
}

.primary-navigation a:link {
	color: var(--global--color-gray);
}

.primary-navigation a:hover,
.primary-navigation a:visited {
	color: var(--primary-nav--color-link-hover);
}



.primary-navigation a:hover {
		color: #fff;
		background-color: var(--primary-nav--color-link-hover);
	text-decoration: none;
	text-decoration-style: none;
}

.primary-navigation a:focus {
	position: relative;
	z-index: 99999;
	outline-offset: 0;
	text-decoration-thickness: 2px;
}

.primary-navigation .current-menu-item > a:first-child,
.primary-navigation .current_page_item > a:first-child {
		color: #fff;
		background-color: var(--primary-nav--color-link-hover);
	text-decoration: none;
	text-decoration-style: solid;
}

.primary-navigation .current-menu-item > a:first-child:hover,
.primary-navigation .current_page_item > a:first-child:hover {
	text-decoration: underline;
	text-decoration-style: dotted;
}

.primary-navigation .sub-menu {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-left: var(--primary-nav--padding);
	border: 1px solid var(--primary-nav--border-color); */
}

.primary-navigation .sub-menu .sub-menu {
	border: none;
}
@media only screen and (min-width: 482x) {

	.primary-navigation .sub-menu > .menu-item > .sub-menu {
		padding: 0;
	}
}
@media only screen and (max-width: 481px) {
		.primary-navigation .sub-menu {
	border: 0px none var(--primary-nav--border-color);
}

	.primary-navigation .sub-menu .menu-item:last-child {
		margin-bottom: 20px;
	}
}

.primary-navigation .sub-menu .menu-item > a {
	padding: calc(0.8 * var(--primary-nav--padding)) var(--primary-nav--padding);
	display: block;
	font-size: var(--primary-nav--font-size-sub-menu-mobile);
	font-style: var(--primary-nav--font-style-sub-menu-mobile);
	color: var(--global--color-background);
}
@media only screen and (min-width: 482px) {

	.primary-navigation .sub-menu .menu-item > a {
		font-size: 1.0rem;
		font-style: var(--primary-nav--font-style);
	}
}

.primary-navigation .menu-item-has-children > .svg-icon {
	display: none;
}
@media only screen and (min-width: 482px) {

	.primary-navigation .menu-item-has-children > .svg-icon {
		display: inline-block;
		height: 100%;
	}

	.primary-navigation .menu-item-has-children .sub-menu .svg-icon {
		display: none;
	}
}

.primary-navigation .menu-item-description {
	display: none;
	clear: both;
	font-size: var(--global--font-size-xs);
	text-transform: none;
	line-height: 1.7;
}

.primary-navigation .menu-item-description > span {
	display: none;
}

@media only screen and (max-width: 481px) {

	.lock-scrolling .site {
		position: fixed;
		max-width: 100%;
		width: 100%;
	}
}

/* pagination */
.wp-pagenavi a, .wp-pagenavi span.current {
  padding: 0 15px;
  margin: 2px;
  z-index: 1;
}

.nav-short{
    display: none;
}


.pagination .nav-links > *, .comments-pagination .nav-links > * {
    color: #aaa;
    font-family: var(--pagination--font-family);
    font-size: var(--global--font-size-xs);
    font-weight: 300;
    margin-top: var(--global--spacing-vertical);
    margin-left: calc(0.66 * var(--global--spacing-unit));
    margin-right: calc(0.66 * var(--global--spacing-unit));
}


.pagination .page-numbers, .comments-pagination .page-numbers {
    display: none;
}
.pagination .page-numbers.prev, .pagination .page-numbers.next, .comments-pagination .page-numbers.prev, .comments-pagination .page-numbers.next {
    display: inline-block;
    flex: 0 1 auto;
}


.navigation .svg-icon {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-size: 2rem;
    width: 70px;
    height: 70px;
    color: #ccc;
}

.navigation .svg-icon:hover {
    color: #fff;
	background:#CB2696;
}


/* =FEED IMAGES
-------------------------------------------------------------- */
.ftpimagefix, .tag-arkisi img {

  width: 100%;
  aspect-ratio: 2 / 3;
}



/* Tag cloud */

.tagcloud {
margin-bottom: 20px;
}

.tagcloud a {
padding: 0 3px;
}

.tagcloud a:hover {
    color: #fff;
	background:#CB2696;
}


.tag-link-29, .tag-link-377, .tag-link-478 {
display:none;
}

/* Video js player */

.vjs-default-skin .vjs-big-play-button {
  z-index: 1;
}

#site-copyright {
	
	font-size: 13px;
    margin-bottom: 50px;
}