/* BASIC MAIN CSS FILE FOR O SARILHO 
 * AUTHOR: SHIZAMURA :3
 * */

@import url("//sarilho.net/wordpress/wp-content/themes/comicpress/CSS/assets/comment-section.css");

/* Define colors for the themes, makes it easier to maintain in the future */


:root 
{
    --amarelo: #f2ce49;
    --azul: #31427d;
    --dourado: #ce880b;
    --dourado63: #ce880b63;
    --branco: #f1eee9;
    --azulEscuro: #18203e;
    --preto: #312723; 
    --azulForte: #0f171e;
    --fontcolor: #cecece;
    --vermelhoEscuro: #8f1809;
    --azulTransparente: #0f171e87;

    --cinza9: #999;
    --cinza6: #666;

    --castanhoClaro: #6c4f1a;
    --castanhoEscuro: #332118;

    --azulFraco: #1a2935;
    --azulFraco63: #1a293563;
    --white : #FFF;
}


#sidebar-footer .widget
{
	text-align:center !important;
}

/** CSS for comment section **/

.comment-text img 
{
    max-width: 500px;
}

a.comment-like-link::before 
{
    color:var(--vermelhoEscuro);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='0' fill='none' width='24' height='24'/%3E%3Cg%3E%3Cpath fill='%238f1809' d='M12 2l2.582 6.953L22 9.257l-5.822 4.602L18.18 21 12 16.89 5.82 21l2.002-7.14L2 9.256l7.418-.304'/%3E%3C/g%3E%3C/svg%3E");
}

.comment-note
{
    width: 50%;
    color: var(--azulFraco)  !important;
    text-align: left;
    display: inline-block;
    float: right;
}

.comment-note small, .comment-form-comment-subscribe
{
    font-size: 11px;
}

.comment-note, #respond .form-submit, .commentsrsslink, .comment-permalink
{
     color: var(--azulFraco);
}


.comment-permalink {
    display:none;
}


.comment-author-shizamura  cite ::after ,
.comment-author-franquelim cite :after 
{
    content: ' ';
    left:5px;
    display: inline-block;
    position: relative;
    top: 4px;
    background-size: 19px;
    background-image: url("//sarilho.net/wordpress/site-images/augurii_stamp_2.gif");
    font-size: 10px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    
}





/*****************************************************************

          COMMENT SECTION

*******************************************************************/

.subscribe-label
{
     font-size:12px;

}

input[type="checkbox" i]
{
    background-color: var(--vermelhoEscuro) !important;
    border: 1px solid var(--dourado);
    margin: 5px 5px 0px 0px;
}

#friends-list {
  width: 810px;
  overflow-x: scroll;
  height: 90px;
  display: block ruby;
  overflow-y: hidden;
  margin: 0 auto;
	white-space: nowrap;
}



.basic-vote-button
{
  text-shadow:0px 0px transparent !important;
}

.basic-vote-button,
#submit, #comic button, .comicpress_control_panel_widget .button-primary, 
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,

#add_payment_method table.cart td.actions .coupon .input-text, 
.woocommerce-cart table.cart td.actions .coupon .input-text, 
.woocommerce-checkout table.cart td.actions .coupon .input-text, .woocommerce button.button,
.store-links-list a.button,

input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button
{
    color: var(--dourado) !important;
    border-radius: 0px !important;
    background: var(--vermelhoEscuro) !important;
    border: 1px solid var(--dourado) !important;
    padding: 10px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

#submit:hover, #comic button:hover, .comicpress_control_panel_widget .button-primary :hover,
.woocommerce #respond input#submit :hover, .woocommerce a.button:hover, .woocommerce button.button:hover,
 .woocommerce input.button:hover,

 input[type="button" i]:hover, input[type="submit" i]:hover, input[type="reset" i]:hover, 
 button:hover
{
    color: var(--vermelhoEscuro) !important;
    border: 1px solid var(--dourado);
    border-radius: 0px !important; 
    background: var(--dourado) !important;
}



#reviews #comments:before, .reviews #comments:after
{
     content: '';
}

#comments
{
     font-size:20px !important;
}

.comment-link
{
     display: none;
}

textarea#comment 
{
    width: 98%;
}

.wpcf7-form
{
  margin: 0 auto;
  width:402px;
  transition: 0.5s;
}

.wpcf7-text, .wpcf7-textarea,  .wpcf7-submit
{
    width: 400px;
    padding: 0px !important;
}



#comment:focus, #comment:hover, #author:hover, #email:hover, #url:hover, #author:focus, #email:focus, #url:focus, .comicpress_control_panel_widget #sname:focus, .comicpress_control_panel_widget #sname:hover, .comicpress_control_panel_widget #spassword:focus, .comicpress_control_panel_widget #spassword:hover, .s-search:focus,
#comment, .commission-description, #author, #email, #url, .comicpress_control_panel_widget input, select, option, select:focus, option:focus input:not([type]), input[type="email" i], input[type="number" i], 
input[type="password" i], input[type="tel" i], input[type="url" i], input[type="text" i], textarea
{
    padding: 2px;
    color: var(--fontcolor) !important;
    font-family: 'Arial' , sans-serif;
    font-size: 14px;
    background-color: var(--azulFraco);
    border: 1px solid var(--dourado);
    border-radius: 0px !important;
}

#comment:focus, #comment:hover, #author:hover, #email:hover, #url:hover, #author:focus, #email:focus, #url:focus, .comicpress_control_panel_widget #sname:focus, .comicpress_control_panel_widget #sname:hover, .comicpress_control_panel_widget #spassword:focus, .comicpress_control_panel_widget #spassword:hover, .s-search:focus
{
   background-color: var(--azulFraco) !important;
}

.comment-author
{
    font-family: 'sarilhoregular';
}

.comment-time
{
    float:right;
}

.comment-avatar, .avatar 
{
    /*border-radius: 50% !important;*/
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
}

.comment-reply-link, .comment-reply-link a
{
    padding-left:5px;
    color:var(--dourado) !important;
}


.comment-text p
{
    margin: 0px;
    margin-left: -15px;
    padding: 0px !important;
}

.wc-cta-button
{

    font-size: 12px;
    cursor: pointer;
    text-transform: none;
    height: auto;
    padding: 3px 8px 3px 8px;
    line-height: 18px;
    display: inline-block;
    color: var(--dourado) !important;
    background-color: var(--vermelhoEscuro) !important;
}



#wpcomm .wc-comment-label
{
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
}

#wpcomm .wc-comment .wc-comment-left .wc-comment-label,
#wpcomm .wc-blog-post_author > .wc-comment-left .wc-comment-label
{
     background: transparent !important;
     border: 0px solid white !important;
}


#wpcomm .wpdiscuz-form-bottom-bar .wpdiscuz-fbb-right .wpdiscuz-users img, 
#wpcomm .wpdiscuz-form-bottom-bar .wpdiscuz-fbb-right .wpdiscuz-users img.avatar,
#wpcomm .wpdiscuz-form-bottom-bar .wpdiscuz-fbb-right .wpdiscuz-users img.avatar-32, 
#wpcomm .wpdiscuz-form-bottom-bar .wpdiscuz-fbb-right .wpdiscuz-users img.photo
{
     border: 0px solid var(--fontcolor) !important;
     background: transparent !important;
}


#wc-comment-header .wpdiscuz-comment-count .wpd-cc-value 
{
    border-radius: 0%;
    background: -cinza6;
    font-size: 15px;
    display: inline-block;
    line-height: 18px;
    padding: 5px 10px 5px 10px;
    min-width: 41px;
    min-height: 26px;
    box-sizing: border-box;
    text-align: center;
}

#wc-comment-header .wpdiscuz-comment-count {
    text-align: right;
}

#wc-comment-header .wpdiscuz-comment-count .wpd-cc-arrow 
{
    width: 0px;
    height: 0px;
    margin: -4px 0px 0px auto;
    border-left: 12px solid transparent;
    border-right: 0px solid transparent;
    border-top: 8px solid var(--vermelhoEscuro);
    display: block;
    line-height: 0px;
}

#wc-comment-header .wpdiscuz-comment-count
{
    display: inline-block;
    text-align: right;
    margin-right: 10px;
    vertical-align: bottom;
}

#wc-comment-header 
{
    font-size: 22px;
    font-weight: normal;
}

.comment-form-subscribe
{
    color: var(--fontcolor);
}

.comment-content, .comment-text, .wc-comment-text
{
    padding: 15px;
    font-size:14px;
    
}

.comment-content
{
    border-top: 1px solid var(--dourado);
    background-color: var(--azulFraco) !important;

}

#wpcomm .wpdiscuz-front-actions
{ 
     background: transparent !important; 
}

#wpcomm .wc_comm_form.wc_main_comm_form .wc-field-textarea .wpdiscuz-textarea-wrap textarea,
div.wpforms-container-full .wpforms-form input[type="date"], div.wpforms-container-full .wpforms-form input[type="datetime"], div.wpforms-container-full .wpforms-form input[type="datetime-local"], div.wpforms-container-full .wpforms-form input[type="email"], div.wpforms-container-full .wpforms-form input[type="month"], div.wpforms-container-full .wpforms-form input[type="number"], div.wpforms-container-full .wpforms-form input[type="password"], div.wpforms-container-full .wpforms-form input[type="range"], div.wpforms-container-full .wpforms-form input[type="search"], div.wpforms-container-full .wpforms-form input[type="tel"], div.wpforms-container-full .wpforms-form input[type="text"], div.wpforms-container-full .wpforms-form input[type="time"], div.wpforms-container-full .wpforms-form input[type="url"], div.wpforms-container-full .wpforms-form input[type="week"], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea
{
     background-color: var(--azulFraco) !important;
}

#wpcomm .wpd_label__check i.wpdicon-off
{
     background-color: transparent !important;
     border: 0px solid var(--white) !important;
}

#wpcomm .wpdiscuz-sort-button
{
     color: var(--dourado) !important     ;
}


#wpcomm .wc-comment-author, .comment-author
{
     font-size: 18px !important;
}

#wpcomm .wc-comment-author
{
   
    padding: 13px 0px 2px 9px !important; 
}

.comment-author
{
    padding: 0px !important; 
}

#wc-comment-header .wpdiscuz-comment-count .wpd-cc-value
{
     background: var(--vermelhoEscuro) !important;
     color:var(--fontcolor);
}


.wc-comment-date, .comment-meta-data
{
    font-size: 12px;
    color: var(--cinza9);
    text-align: left;
    white-space: nowrap;
    line-height: 23px;

}

#wpcomm .avatar, .comment-avatar 
{
    padding: 0px;
    margin: 0 auto;
    float: left;
    display: inline;
    height: auto;
    border: none;
    border-radius: 0%;
}

.fa-clock::before 
{
    content: "\f017";
}

.fa, .far, .fas {
    font-family: 'Font Awesome 5 Free';
}





.shop-title {
  margin-top: -40px;
  position: relative;
  font-family: sarilhoregular;
  text-align: right;
  margin-right: 100px;
  font-size: 25px;
}

#content-warning
{
z-index: 10;
width: 100%;
position: absolute;
font-family: "sarilhoregular" !important;
text-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(0, 0, 0) 1px -1px 0px, rgb(0, 0, 0) -1px 1px 0px, rgb(0, 0, 0) -1px -1px 0px, rgb(0, 0, 0) 1px 0px 0px, rgb(0, 0, 0) 0px 1px 0px, rgb(0, 0, 0) -1px 0px 0px, rgb(0, 0, 0) 0px -1px 0px;
color: white !important;
font-size: 30px;
padding-top: 150px;	
	
}


.ppl{
    content: ' ';
    background-image: url("//sarilho.net/wordpress/wp-content/uploads/2022/03/buy_book_dark.png");
    display: block;
	margin: 0 auto;
	width: 498px;
	height: 115px;
}


.thoughtbubble_300 {
    content: ' ';
    width: 300px;
    height: 105px;
    background-image: url("//sarilho.net/wordpress/wp-content/uploads/2021/10/tb-book-sale.png");
    display: block;
}

.thoughtbubble_400 {
    content: ' ';
    width: 400px;
    height: 78px;
    background-image: url("//sarilho.net/wordpress/wp-content/uploads/2021/10/tb-page.png");
    display: block;
}

blockquote p::first-line {
    font-variant: none !important;
}
blockquote {
	text-align: center;
    margin: -10px;
    border: 1px dashed var(--dourado);
    padding: 10px;
    font-size: 14px;
    font-weight: 400;
}

.blockUI.blockOverlay 
{
    background: var(--azulForte) !important;
}

.woocommerce-thankyou-order-received
{
	padding:50px;
}

.single-product #page-wrap, .page-carrinho #page-wrap, .woocommerce-checkout #page-wrap
{
    padding: 10px 0;
    max-width: 850px;
    margin: 0 auto;
}

.woocommerce div.product p.price, .woocommerce div.product span.price 
{
    color: #77a464;
    font-size: 25px;
}

.woocommerce-info::before 
{
	color:var(--dourado);
}

.select2-container--default .select2-selection--single
 {
    background-color: var(--azulForte);
    border: 1px solid var(--dourado);
    border-radius: 0px;
    color: var(--fontcolor) !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field
{
	 border: 1px solid var(--dourado);

}

#order_review
{
	border: 1px solid var(--dourado);
}

.woocommerce-page option {
   
    background-color: var(--azulForte);
    border: 1px solid var(--dourado);
    border-radius: 0px;
    color: var(--fontcolor) !important;
    text-shadow:0px 0px transparent;
}

#add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, 
.woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, 
.woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th 
{
    border-top: 1px solid var(--dourado) ;
}

#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods
{
	 border-bottom: 1px solid var(--dourado) !important;
}

#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box
{
	background-color: var(--dourado);
	text-shadow: 0px 0px transparent !important;
	color: var(--vermelhoEscuro) !important;
}

#order_review_heading
{
	margin-top:50px;
}

#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before
{

	    content: "";
    display: block;
    border: 1em solid var(--dourado);
        border-top-color: rgb(206, 136, 11);
        border-right-color: rgb(206, 136, 11);
        border-left-color: rgb(206, 136, 11);
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
    position: absolute;
    top: -.75em;
    left: 0;
    margin: -1em 0 0 2em;

}

.slick-next, .slick-prev, #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment
{
	border: unset !important;
	background: unset !important;
}


.sku, .sku_wrapper, .single-product #tall-ad, .page-carrinho #tall-ad, .woocommerce-checkout #tall-ad,
.product_meta
{
	display:none;
}

.thumbnails .slick-next::before, .thumbnails .slick-prev::before 
{
    color: var(--dourado);
}


.basic-yop-poll-container 
{
	background: transparent !important;
    width: 50%;
    margin: 0 auto;
    border: 1px solid var(--dourado) !important;
}

.basic-message, .basic-message-text
{
	background-color: var(--vermelhoEscuro) !important;
	color: var(--dourado) !important;
	text-shadow: 0px 0px transparent !important;
}

.basic-yop-poll-container .basic-answers-results .progress .progress-bar
{
	background-color: var(--dourado) !important;
}


#mirrors > a {
    display: block;
	line-height: 15px;
}
#mirrors > h3
{
	font-size:15px;
}

#sidebar-left #mirrors {
    width: 160px;
}

#mirrors a::before {
    content: '\00A0\22C6\00A0';
    font-size: 23px;
    color: var(--dourado) !important;
}


.comment-author-shizamura > .comment-content .comment-author, 
.comment-author-franquelim > .comment-content .comment-author
{
    color: var(--vermelhoEscuro) !important;
}

.comment-author-shizamura > .comment-avatar::before
{
    width:64px; height:64px;
    background: url('//sarilho.net/wordpress/wp-content/themes/comicpress/images/avatars/shiza.png');
    display: block;
    content: ' ';
    background-size: 64px;
    position: relative;
    top: 0px;
}

.comment-author-shizamura > .comment-avatar >img,
.comment-author-shizamura > .comment-avatar > a img
{
    display:none;
}


.topwebcomics 
{
	content: ' ';
	width:160px;
	height:65px;
	background-image: url("//sarilho.net/wordpress/site-images/top-webcomics/vote-main.png");
	display: block;
}

.topwebcomics:hover 
{
	background-color: var(--dourado);
	border: 1px solid var(--vermelhoEscuro);
    width:158px;
	height:63px;
}



#wpadminbar a
{
    text-shadow:0px 0px !important;
}

.post-content 
{
	padding: 5px;
}

div.jetpack-comment-likes-widget-wrapper
{
    margin-left: -15px;
    margin-bottom: -20px;
    margin-top: 15px;
}

#subcontent-wrapper
{
    /*! max-width: 99%; */
    display: flex !important; 
    /*!align-items: center !important;*/
    justify-content: center !important;
}


.lusitanifont
{
    font-family: 'lusitaniregular' !important;
}


/**

dourado: var(--dourado)
vermelho: var(--vermelhoEscuro)
castanho-claro: 6c4f1a
castanho-escuro: 332118

azul-escuro: 0f171e
azul mais claro: 1a2935
**/



@font-face {
    font-family: 'sarilhoregular';
    src: url('//sarilho.net/wordpress/fonts/sarilhocomputer-webfont.woff2') format('woff2'),
         url('//sarilho.net/wordpress/fonts/sarilhocomputer-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'wapyregular';
    src: url('//sarilho.net/wordpress/fonts/wapy-webfont.woff2') format('woff2'),
         url('//sarilho.net/wordpress/fonts/wapy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'lusitaniregular';
    src: url('//sarilho.net/wordpress/fonts/lusitani-webfont.woff2') format('woff2'),
         url('//sarilho.net/wordpress/fonts/lusitani-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'estrangeiroregular';
    src: url('//sarilho.net/wordpress/fonts/estrangeiros-webfont.woff2') format('woff2'),
         url('//sarilho.net/wordpress/fonts/estrangeiros-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



/******************************************************************

     CHARACTER SHEET PAGE 

*******************************************************************/

.sarilhofont
{
font-family: 'sarilhoregular';
}

.column {
  float: left;
  width: 50%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}


.the-linkage
{
font-family: 'sarilhoregular';
}

#header
{
   padding: 5px;
   margin-top: 20px;
    overflow: hidden;
	width: 255px;
    height: 115px;
    background: url('//sarilho.net/wordpress/wp-content/uploads/2019/03/cropped-header-logo.png') top center no-repeat ;
	
}

.top-menu
{
        font-family: 'sarilhoregular';
     text-align:center;
     display:inline;
     font-size: 25px;

}

.top-menu2
{
        font-family: 'sarilhoregular';
     text-align:center;
     font-size: 20px;
     padding: 5px;

}


.top-menu a
{
 padding: 5px;
}

.top-menu a:hover
{
color: var(--dourado) !important;
}


#sidebar--pt.png .textwidget
{
     text-align:center;
}

#sidebar--pt.png
{
     background-color:transparent !important;

}

.character-description

{
    text-align: left;
    font-size:120%;
    margin: 15px;
    display: inline-block;
}



.character-description .description-container
{
    width:70%;
    background-color:#021118;
    color:var(--dourado);
    padding:15px;
    border: 2px solid var(--dourado);
    transform: translate(-50%, -50%) !important;
    position:fixed;
    top:50%;
    left:50%;
    padding-right: 25px;
    text-align: justify;
    display: flex;
    align-items: center !important;
    justify-content: center !important;

}



.character-description .description
{
    border: 0px solid var(--dourado);
    margin-top: 25px;
    border: transparent 0px;
    width:50%;
    float:left;
    padding-left: 15px;
    padding-right: 30px;
}

.character-description .description span
{
    display:block;

}

.wider
{
    float:inherit!important;
    width:78% !important;
}

.stats-wheel
{
    float:right;
    width:27%;
    position: relative;
    height: max-content;

}

.chapter-description .name, .description .name
{
    font-size: 120%;
}

.description .name
{
    font-size: 125% !important;
}

.description .title
{
    text-align:left;
}

.character-description .name, .character-description .title
{
    color: var(--vermelhoEscuro) !important;
    font-size:100%;
}

.wapyfont
{
    font-family: 'wapyregular';
}

.description-container
{
    font-size:100%;
    /*font-family: 'wapyregular';*/
}

.character-description .icon
{
    margin: 10px;
    float:left;
    width:175px !important;

}



div.trim 
{
    max-height:250px;
    max-width: 176px;
    display: inline-block;

 }
 
.characterStar 
{
    clip-path: inset(0px 75% 0px 0px);
    height: 215px!important;
    overflow: hidden;
    max-width: 365%!important;
    
}

.characterWheel
{
    clip-path: inset(0px 0px 0px 25%);
    height: 215px!important;
    overflow: hidden;
    max-width: 365%!important;
    float:right;
    
}


.trim>div 
{ 
     display: none; 
     width:100px;
     height: 354px;
    position: fixed;
     top: 50%;
     left: 50%;
     transform: translate(-560px, -50%);
     z-index: 1;

}

.trim>div>img 
{ 
     width:1000px;
     max-width: 10000%!important;
     position: absolute;
     background-color:var(--azulForte);
     border: 2px solid var(--dourado);
     padding:10px;
     z-index: 1;

}


/* MSOFT EDGE AND THE LIKE */
@supports (-ms-ime-align:auto)
{
     div.trim 
     {
          
     margin-right: auto;      
     display: inline-block;
     }
      
     .characterStar 
     {
          height: 100%!important;
          overflow: hidden;
          max-width: none!important;
          
     }
     
     .trim>div>img , .trim>div
     {
          display:none;
     }
}


@supports (overflow:-webkit-marquee) and (justify-content:inherit) 
{
     div.trim 
     {
          display: inline-block;
     margin-right: auto;

     }
      
     .characterStar 
     {
          height: 100%!important;
          overflow: hidden;
          max-width: none!important;
          
     }
     
     .trim>div>img , .trim>div
     {
          display:none;
     }
}

/*
@-moz-document url-prefix() 
{

     div.trim 
     {
          display: inline;
             margin-right: auto;
     }

     .trim>div>img , .trim>div
     {
       display:none;
     }

     .characterStar 
     {
         display:block;
         height: 100% !important;
         overflow: hidden;
         max-width: 365%!important;
        
    clip-path: inset(0px 0px 0px 0px);

     }
}
*/



/******************************************************************

     HEADINGS AND BODY

*******************************************************************/


h2.page-title, h1.page-title
{
     padding-top:25px;
     font-size: 25px;
     text-align: center;
     color: var(--vermelhoEscuro) !important;
     text-transform: uppercase;
     font-family: sarilhoregular;
     letter-spacing: 5px !important;
     line-height: 30px;

}


h2.page-title:after, h1.page-title:after,
h2.page-title:before , h1.page-title:before
{
     content: '\00A0\22C6\00A0\22C6\00A0';
}





.footer-img, .sidebar-img 
{
     max-width: 200px;
     text-align: center;
}


#tall-ad
{
    float:right;
}


body 
{
     background-color: var(--azulForte);
     text-shadow: 1px 1px var(--azulForte);
	overflow: hidden;
}


.top-menu
{
    text-transform: uppercase;
}

a, a:visited
{
     color: var(--vermelhoEscuro) !important;
}

a:hover, a:visited:hover
{
     color: var(--dourado) !important;
}

hr 
{
    clear: both;
    display: block;

    background-color: var(--dourado);
    height: 1px;
    margin-right: -10px;
    margin-left: -10px;
}



#footer 
{
    width: 100%;
    margin-bottom: -10px;
    bottom: 0px;
}

footer .textwidget 
{
     margin: 0;
     text-align: center;
}

footer
{
     color: var(--dourado);
     border-top: 3px solid var(--castanhoClaro);
     padding-top: 15px;
     padding-bottom: 15px;
     width: 100%;
     margin: auto;
}

h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a
{
     color: var(--vermelhoEscuro) !important;
     text-decoration: none;
     letter-spacing: 0;
     font-family: 'sarilhoregular';
     padding-right: 15px;
}

.sidebar, footer
{
     background-color: var(--azulFraco) !important;
}

#comic-nav-wrapper, table#comic-nav-wrapper
{
     background: transparent !important;
}

#sidebar-over-comic, #sidebar-under-comic
{
    background-color: transparent !important;
}


#comic 
{
     border: solid var(--dourado);
     padding: 0 !important;
     border-color: var(--dourado);
     border-width: 3px;
     border-bottom-width: 4px;
}



.transcript-title
{
    font-family: 'sarilhoregular' !important;

}

.transcript-border
{
    border: 0px;
    background: var(--azulFraco) !important;
}

#transcript
{
    font-size: 14px;
    border-left: 4px dotted var(--azulForte);
    border-right: 4px dotted var(--azulForte);
    background-color: var(--azulFraco) !important;
    text-shadow: 0px transparent;
}









.alg-product-input-fields-table
{
     display:block;
}


.commission-description
{
     width:100%!important;
     height:120px;
}

/*****************************************************************

          SIDEBARS

*******************************************************************/

.-pt.png-arrow 
{
    position: absolute;
    margin-left: 15px;
    font-size: 13px;
    margin-top: -1px;
}

/*
.menu-item-has-children>li>a
{
     z-index:1 !important;
}

.sub-menu
{
     z-index:99 !important;
}
*/

.menu ul li ul li a {

    background-color: var(--azulFraco) !important;
}

blockquote {
    margin: 5px;
    border: 1px dashed var(--fontcolor);
    padding: 0;
    font-size: 14px;
    font-weight: 400;
}

blockquote p:first-letter {
    float: none;
    font-size: 11px;
    font-weight: 100;
    margin:0;
}


#sidebar--pt.png .menu ul li a:after
{
     content: '\00A0\2605\00A0';
}


#sidebar--pt.png h2 
{
     display: none;
}


.sidebar h2
{
     padding-right: 5px;
     padding-left: 5px;
     padding-top: 5px;
     border-bottom: 1px dashed var(--vermelhoEscuro);
     font-size: 22px;
     min-height: 15px;
     text-transform: capitalize;
     font-variant: small-caps;
     font-style: italic;
     margin: -5px -5px 10px;
}

.widget-title
{
     padding-top: 15px !important;
     padding-left: 10px !important;
}


#sb-friends img
{
     max-width: 185px;
     margin-bottom:5px;
}

#sb-friends .textwidget  div
{
     max-width: 185px;
     border: 1px solid var(--vermelhoEscuro);
     margin-bottom:5px;
     padding:10px;
}


/*****************************************************************

          COMIC NAV

*******************************************************************/

.comic-nav-container
{
     display: table;
     border-collapse: collapse;
     text-align: center;
     margin: 5px auto;
}

.comic-nav 
{
     padding: 0 !important;
}

.comic-nav, .comic-nav-base, .comic-nav-comments 
{
     width: 66px;
     padding: 66px 0 0;
     display: inline-block;
     overflow: hidden;
     font-size: 0;
     text-align: center;
     color: transparent;
     float: left;
     position:relative;
     z-index:5;
}

.comic-nav:hover, .comic-nav-base:hover 
{
     background-position: -66px 0;
}

.comic-nav-first 
{
     background: url('//sarilho.net/wordpress/site-images/nav/main/first.png') no-repeat;
}

.comic-nav-previous 
{
     margin-right: 0px;
     background: url('//sarilho.net/wordpress/site-images/nav/main/prev.png') no-repeat;
}

.comic-nav-next 
{
     margin-left: 0px;
     background: url('//sarilho.net/wordpress/site-images/nav/main/next.png') no-repeat;
}

.comic-nav-last 
{
     background: url('//sarilho.net/wordpress/site-images/nav/main/last.png') no-repeat;
}

.comic-nav-comments 
{
     margin-left: 0px !important;
     background: url('//sarilho.net/wordpress/site-images/nav/main/comments.png') no-repeat;
}

.comic-nav-void
{
     color: var(--cinza9);
    background-position: -132px 0 !important;
}

.comic-nav-void:hover 
{
     color: var(--cinza9);
     background-position: -132px -3px;
}

table#comic-nav-wrapper 
{
     border: 0px !important;
}


/*****************************************************************

          SEARCH BAR

*******************************************************************/

.s-search:hover, .s-search:focus, .s-transcript:hover, .s-transcript:focus 
{
     background-position: 0 -70px;
     border: 0 transparent !important;
}


.s-search, .s-transcript
{
     width: 100px !important;
     border: 0 transparent !important;
     padding: 10px 0 10px 15px !important;
     font-size: 12px !important ;
     height: 65px !important;
     font-family: 'Arial' , sans-serif;
     color: var(--white);
     border: none;
     float: left;
     background: url('//sarilho.net/wordpress/site-images/search.png') 0 5px no-repeat !important;
     background-color: transparent !important;
     background-position: 0 -70px;
}

.search-field 
{
    width: 115px;
    padding: 10px 0 0px 15px;
    font-size: 12px;
    height: 65px;
    font-family: 'Arial' , sans-serif;
    color: var(--white);
    border: none;
    float: left;
    background: url(//sarilho.net/wordpress/site-images/search.png) 0 0px no-repeat !important;
    background-color: transparent !important;
}


.searchform button, .woocommerce-product-search button
{
     padding-top: 1px;
     height: 70px;
     width: 50px;
     border: 0 transparent !important;
     text-indent: -9999px;
     background: url(//sarilho.net/wordpress/site-images/search.png) -115px 5px no-repeat !important;
     background-color: transparent;
}

.searchform button:hover, .woocommerce-product-search button:hover
{
     background-position: -115px -68px !important;
}



/******************************************************************

     STORE

*******************************************************************/

.woocommerce .woocommerce-ordering select 
{
    margin-right: 10px;
    margin-left: 10px;
}

.product h1
{
     text-align:left;
}

::placeholder {
     color:white;
     opacity: 0.8;
}

.woocommerce #content div.product div.summary, 
.woocommerce div.product div.summary, 
.woocommerce-page #content div.product div.summary, 
.woocommerce-page div.product div.summary
{
     margin-right:15px;
}

#sidebar-left
{
    width:inherit !important;
    padding:0px;
}

body.woocommerce-page #sidebar-left, .woocommerce-result-count
{

     display:none;
}

ul.store-links li:before
{
     content: '\00A0\22C6\00A0';
}

body.woocommerce-page #content-column
{
     width: 100% !important;
}

.woocommerce-products-header__title
{
     text-align:center;
}

.woocommerce ul.products li.product a img
{
     border: 3px solid var(--dourado);
}

.woocommerce ul.products li.product a img:hover
{
     border: 3px solid var(--vermelhoEscuro) ;
}



.woocommerce span.onsale  
{
     border-radius: 0;
	background-image: url(//sarilho.net/wordpress/wp-content/uploads/2022/09/sale-star.png);
	width: 120px;
	background-repeat: no-repeat;
	height: 45px;
	padding-left: 30px;
	font-family: sarilhoregular;
	background-color: transparent !important;
	border: 0px transparent;
	padding-top: 4px;
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price
{
     color:var(--vermelhoEscuro);
}

.woocommerce ul.products li.product .price
{
     text-align:center;
     padding-top: 15px;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3,
.woocommerce div.product .product_title
{
    font-size: 24px !important;
    padding: 0px;
    margin-bottom: 15px;
    text-align: center;
    min-height:50px;
}

.product_title entry-title
{
     text-align:left!important;
}

.woocommerce div.product .product_title
{
    font-size: 35px !important;
    padding: 0px;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product
{
     text-align: center;
}

.product-meta
{
     font-size:12px;
}

.posted_in, .tagged_as
{
     display:block;
     font-size:12px;
}

.coupon input, .woocommerce #content table.cart td.actions .input-text, 
.woocommerce table.cart td.actions .input-text, 
.woocommerce-page #content table.cart td.actions .input-text, 
.woocommerce-page table.cart td.actions .input-text
{
     width:100%;
     margin-bottom: 5px;
}

.coupon button
{
     padding-top:10px;
}

.woocommerce a.remove
{    color:var(--dourado) !important; }

.woocommerce a.remove:hover 
{
    color: var(--vermelhoEscuro) !important;
    background: var(--dourado);
}

.related .products, .woocommerce-mini-cart__buttons, .up-sells .products , .upsells .products,
.woocommerce .products ul, .woocommerce ul.products
{
     -webkit-transform:scale(0.9);
     -moz-transform:scale(0.9);
     -ms-transform:scale(0.9);
     transform:scale(0.9);
}


.related ul
{
     margin-left: -25px !important;
     margin-right: -25px !important;
}



.woocommerce ul.products li.product .star-rating 
{
    font-size: .857em;
    position: absolute;
    left: 37%;
}

.woocommerce .products .star-rating 
{
    display: inline-block;
    margin: 0 ;
    float: none;
    text-align: center;
}

.woocommerce div.product .woocommerce-tabs ul.tabs 
{
    text-shadow: 1px 1px transparent !important;
}


.products
{
     margin-top:20px;
     margin-bottom:20px;
}

#tab-description h2, #tab-reviews h2, .woocommerce-noreviews, 
.woocommerce-review__dash
{
     display:none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
    color: var(--vermelhoEscuro) !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a
{
     color: var(--azulForte) !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
    display:none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before, 
.woocommerce div.product .woocommerce-tabs ul.tabs li::after 
{
    display:none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before
{
     border-bottom-color: var(--dourado); 
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: var(--dourado);
    border-bottom-color: var(--dourado);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: 1px solid var(--castanhoEscuro);
    background-color: var(--castanhoClaro);
    border-radius: 0px 0px 0 0;
}


input[type="number"] 
{
    background-color: var(--vermelhoEscuro) !important;
    border: 1px solid var(--dourado);
    color: var(--dourado) !important;
    border: 1px solid var(--dourado);
    padding: 10px;
    margin-right: 15px;
    padding-right: 15px;
    font-weight: bold;
}

.woocommerce-message 
{
    border-top-color: var(--dourado);
}

.woocommerce-error 
{
    border-top-color: var(--vermelhoEscuro);
}

.woocommerce-message::before 
{
    color: var(--dourado);
}

.woocommerce-error::before 
{
    color: var(--vermelhoEscuro);
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
    padding: 1em 2em 1em 3.5em;
    margin: 0 0 2em;
    position: relative;
    background-color: var(--azulFraco);
    color: var(--fontcolor) !important;
    border-top: 3px solid var(--dourado);
    list-style: none outside;
    width: auto;
    word-wrap: break-word;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text 
{
    margin: 0 0 0 50px;
    border: 0px solid var(--white);
    border-radius: 0px;
    padding: 0em 0em 0;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar
 {
    width: 64px;
    height: 64px;
    display: inline-block;
    float: left;
    margin: 0;
    margin-right: 10px;
    overflow: hidden;

    position: absolute;
    top: 0;
    left: 0;
    padding: 0px;
    background: var(--fontcolor);
    border: 0px solid transparent;

}

.woocommerce div.product form.cart 
{
    margin-bottom: 2em;
    margin-top: 15px;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar:hover 
{
    width: 64px;
    height: 64px;
}

.woocommerce-review__author, .comment-author
{
     display:block;
     font-size:14px;
     color: var(--fontcolor);
     margin-top:-5px;
}

.comment-meta-data, .woocommerce-review__published-date
{
     font-size:11px;
     color: var(--fontcolor);
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p
{
     margin:0px;
}



.woocommerce #reviews #comments ol.commentlist li .comment-text
{
     padding-left: 25px;
}


.woocommerce .star-rating span
{
     color:var(--dourado);
}

.woocommerce .star-rating::before {
    color: var(--azulFraco);
}

.woocommerce #reviews #comments ol.commentlist ul.children
{
     margin-top: 30px;
}


#reply-title {

    margin-top: 15px;
    border-top: 1px dashed; 
    padding-top: 10px;
    color: var(--vermelhoEscuro) !important;
    text-shadow: var(--dourado) 1px 1px 0;
    text-decoration: none;
    letter-spacing: 0;
    font-family: 'Arial';
    font-variant: small-caps;
    padding-right: 15px;
    clear: both;
    display: block;
    font-size: 20px;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
	margin-left: -5px;
	margin-right: -5px;
}


.woocommerce .widget_shopping_cart .total, 
.woocommerce.widget_shopping_cart .total 
{
    border-top: 3px double var(--azulForte);
    padding: 4px 0 0;
    padding-left: 10px;
    padding-top: 10px;
}

.widget_shopping_cart_content
{
     margin-top:10px;
}

.woocommerce ul.cart_list li dl, .woocommerce ul.product_list_widget li dl
{ 
     display:none;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product 
{
    width: 20%;
}

.woocommerce td.product-name .wc-item-meta p, 
.woocommerce td.product-name .wc-item-meta:last-child,
 .woocommerce td.product-name dl.variation p, 
 .woocommerce td.product-name dl.variation:last-child
{
     padding:0px;
     margin-bottom: 0;
    padding: 0px;
    padding-left: 10px;
    margin-top: 0px;
    font-size: 11px;
    opacity: 0.8;
}

.woocommerce-variation-add-to-cart
{
    margin-top: 10px;
}



/*************************************************

     archive page shenanigans


***************************************************/

.the-linkage, .post-count, .archivecomicthumbouterwrap
{
     text-align:center;
     padding-top:20px;
     padding-bottom:20px;
}



.archivecomicthumbwrap
{
     height:auto !important;
     float: none !important;
}

.archivecomicthumbdate
{ 
     display:none; 
}


.centered
{
    text-align: center;
    width: 100%;
    display: block;
}




#sb-search ul, .woocommerce-MyAccount-navigation ul
{
     list-style-type: none;
     padding: 3px;
}

#sb-search ul li:before, .woocommerce-MyAccount-navigation ul li:before
{
     content: '\2605\00A0';
}

#sb-search ul li, .woocommerce-MyAccount-navigation ul li
{
     padding-left:10px;
}




#sb-langs
{
    padding-top:100px;
}

#page
{
     width: 100% !important;
    max-width: 1206px !important;
}

#sb-store, #sb-search
{
     padding-top: 80px!important;
     overflow-y:scroll;
}

.store-links-list
{
     padding-top:10px;
}

.store-links-list a.button
{
     float:left;
     margin:5px;
}


.woocommerce-account .woocommerce-MyAccount-navigation
{
     width:15%;
}

.woocommerce-account .woocommerce-MyAccount-content
{
     width:85%;
}


#sb-langs img
{
     width:315px!important;
     transition: 0.5s;
}
#sb-findme
{
     padding-top: 3%!important;
}

a.bigbutton
{
     font-size:25px;
     text-align:center;
     margin:0;
    color: var(--vermelhoEscuro) !important;
     background: var(--dourado) !important;
    border: 1px solid var(--vermelhoEscuro) !important;
     transition: 0.5s;
    padding: 10px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}



.socialbtns
{
    text-align: center;
    margin: 0 auto;
}

.socialbtns > a
{
     display: inline-block;
     width:45px;
     height:45px;
     background-size: 45px 45px !important;
     background-repeat:no-repeat !important;
}

#sb-facebook
{
    background: url('//sarilho.net/wordpress/site-images/media-icons/main/facebook.png');
}

#sb-mastodon
{
    background: url('//sarilho.net/wordpress/site-images/media-icons/main/mastodon.png');
}

#sb-twitter
{
    background: url('//sarilho.net/wordpress/site-images/media-icons/main/twitter.png') ;
}

#sb-tumblr
{
    background: url('//sarilho.net/wordpress/site-images/media-icons/main/tumblr.png') ;
}

#sb-rss
{
    background: url('//sarilho.net/wordpress/site-images/media-icons/main/rss.png') ;
}

#sb-instagram
{
    background: url('//sarilho.net/wordpress/site-images/media-icons/main/instagram.png') ;
}

#sb-twitch
{
    background: url('//sarilho.net/wordpress/site-images/media-icons/main/twitch.png') ;
}


#sb-kofi
{
    background: url('//sarilho.net/wordpress/site-images/media-icons/main/kofi.png') ;
}


#sb-discord
{
    background: url('//sarilho.net/wordpress/site-images/media-icons/main/discord.png') ;
}


#sb-newsletter
{
    background: url('//sarilho.net/wordpress/site-images/media-icons/main/newsletter.png') ;
}


#comic-foot 
{
    text-align: center;
    position: relative;

}


#menubar-wrapper 
{
    z-index: 4;
    position: relative;
    display: none;
}

#sidebar-menubar
{
     text-align:center!important;
     background-color:transparent!important;
	margin-top:10px;
}


#comic img
{
    z-index: 3;
    position: relative;
    margin-bottom: -4px !important;
}

.language-chooser
{
    z-index: 0;
    position: relative;
}

/****** portfolio section********/

.headerimage
{
     background: url('//sarilho.net/wordpress/wp-content/uploads/2020/03/header.png') center center no-repeat;
     width: 100%;
     height:195px;  
     padding:50px;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     text-align: center;
     position: absolute;
     top: 66px;
     left: 0px;

}

.info_me
{
     padding:12px;
     width:200px;
     text-align: center;
     float:left;
     color:white;
     border: 1px solid var(--dourado);
     border-radius: 3px;
     background-color:var(--azulForte)87;

}


.info_me img
{
     max-height: 90px !important;
     max-width: 90px !important;
     margin-bottom: 5px;
}


.headerimage .the-linkage
{
     font-size: 22px;
     line-height: 37px;
     padding-top: 0px!important;
          display: inline;


}

.headerimage .the-linkage a
{
     color: white!important;
     text-shadow: 1px 1px var(--dourado);
     

}

.headerimage .the-linkage a:before
{
     content:'\00A0\22C6\00A0';
     font-size: 127px;
     color:var(--dourado);
}

.headerimage .the-linkage a:hover
{
     color:var(--dourado) !important;
}


/****************+locations**************/

.headerlocation
{
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0px;
    height: 100%;
    top: 0px;
    overflow: hidden;
    background-position-y: 65px;
}

body.story-o-estrangeiro .headerlocation
{
    background-position-y: 75px;
}

.info_location
{
    padding: 12px;
    width: 55%;
    float: left;
    color: white;
    border: 1px solid var(--dourado);
    border-radius: 3px;
    background-color: var(--azul)Transparente;
    text-shadow: 1px 1px var(--azulForte) !important;
    margin: 50px;    
    margin-top: 10%;

}


.info_location img
{
     max-height: 100px !important;
     max-width:  100px !important;
     margin-bottom: 5px;
     background: var(--azulForte);
     padding: 5px;
     border-radius: 50%;
}



.location-stats 
{
   color: white;
    border: 1px solid var(--dourado);
    border-radius: 3px;
    background-color: var(--azul)Transparente;
    z-index: 1;
    position: absolute;
    text-shadow: 1px 1px var(--azulForte) !important;
    padding: 15px;
    left: 62%;
}




.icon_with_text
{
    background: center center no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: auto;
    width: 200px;
    height: 200px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    transition:0.3s;
    display:inline-block;
    margin: 0 auto;
    position:relative;
}

.smaller
{
     background-position: right !important;
     height: 100px !important;
}

.smaller:hover
{
    background-position: left !important;
}

.icon_with_text:hover
{
    background-color:var(--azulFraco);
}

.icon_with_text a, .icon_with_text_wide a
{
    color:white !important;
    text-shadow: var(--dourado) 1px 1px 0 !important;
    position:relative;
    display:inline-block;
    width:100%;
    background-color:var(--azulFraco63);

    transition:0.2s;
    position:absolute;
    bottom:5px;
    left: 0px !important;
}



.icon_with_text a:hover, .icon_with_text_wide a:hover
{
    color:var(--dourado) !important;
    text-shadow: var(--castanhoEscuro) 1px 1px 0 !important;
}

.icon_with_text_wide a
{
    height: 25px;
    font-size:30px;
}

.icon_with_text_wide a:hover
{
    background-color:var(--dourado63);
}


.icon_with_text_wide
{
    background: center center no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 930px;
    height: 100px;
    background-position: center;
    background-repeat: no-repeat;
    text-align: bottom;
    transition:0.3s;
    padding-bottom: 5px;
    position:relative;
    margin: 10px;
}





.mobile-lang
{
     display: none;
     height: 15px;
}

.questions
{
     clear:both;
     text-align:center;
}

.question
{
     margin: auto;
    float: none;
    text-align: center;
    margin-top: 100px;
    margin-bottom: 100px;
    position: relative;
    max-width: 70%;
}

.autor 
{
    float: right;
    margin-top: 12px;
    font-size: 15px;
}


.autor:after
{
    font-size:16px;
    content: '\00A0\22C6';
}

.pergunta 
{
    border-radius: 6px;
    border: 1px solid var(--dourado);
    margin: auto;
    padding: 10px;
    background-color: var(--azulFraco);
    color: var(--dourado);
    font-size: 20px;
    padding: 20px;
}

.pergunta:after
{
    content: " ";
    position: absolute;
    top: 100%; /* At the bottom of the tooltip */
    left: 95%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: var(--dourado) transparent transparent transparent;
}


.cat-post-widget
{
     text-align:center;
}

#category-posts-2-internal .cat-post-thumbnail 
{
    float: inherit !important;
}

#category-posts-2-internal .cat-post-item 
{
    border-bottom: 0px;
    list-style: none;
    list-style-type: none;
    margin: 3px 0;
    padding: 3px 0;
    width: 150px;
    display: inline-block;
}

.contact-form textarea 
{
    height: 200px;
    width: 80%;
    float: none;
    margin-bottom: 13px;
    padding: 2px;
    color: var(--fontcolor) !important;
    font-size: 12px;
    background-color: var(--azulFraco) !important;
    border: 1px solid var(--dourado);
    border-radius: 0px !important;
}

.gallery-caption
{
     display: none;
}

#sidebar-over-blog
{
background-color: transparent !important;
text-align:center;
}

.gallery-item img
{

     border:1px solid var(--dourado)!important;
}
.gallery
{
     text-align: center;
}
.gallery-item 
{
    float: none !important;
    margin-top: 10px;
    text-align: center;
    display: inline-block;
    position: relative;
}

.gallery-content 
{
    padding: 20px;
    text-align: center;
    font-family: sarilhoregular;
    padding-top: 0px;
}

.page-header
{
     text-align: center;
    font-family: sarilhoregular;
    text-shadow: transparent 0px 0px 0;
    color: var(--vermelhoEscuro) !important;
    text-decoration: none;
    letter-spacing: 5px;
    font-variant: none;
    padding-top: 40px;
    padding-bottom:10px;

}



#blogheader
{
    border-bottom:0px transparent !important;
}

.page-elenco #sidebar-left, .page-elenco #tall-ad
{
    display:none;

}

.page-elenco #content-column
{
    width:100% !important;
}

#content-column
{
    padding-left: 20px;
    padding-right: 20px;
    width: 100% !important;
    display: flex !important; 
    justify-content: center !important;
}


.expand, .expand-single, .expand-back, .expand2, .expand3, .expand-cover
{
     position: absolute;
     z-index: 0;
     right: 0;
     top: 0px;
     left: 0;
     width: 100%;
     height: 150%;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
  

}

.expand-single
{
    z-index: 2;
    height: 200%;
     background-attachment: fixed;
}

.expand-cover
{
     z-index: -2;
    height: 150%;
     background-attachment: fixed;
     background-position: top center;

}

.expand-cover:after
{
     content: " ";
     z-index: -2;
    display: block;
    background: url('//sarilho.net/wordpress/wp-content/uploads/2017/10/INTERLUDES_BORDER_BOTTOM.gif') center center no-repeat;
    height: 185px;
     width: 100%;
     position: absolute;
     bottom: -150px;
     background-position-y: bottom;
}

.expand-back
{
    z-index: -1;
    bottom: 0px;
}

.expand2
{
    z-index: 2;
    max-width: 1500px !important;
    height:100% !important;
    right: 0; top: 0; left: 0;
    margin: 0 auto;

}

.expand3
{
    z-index: 0;
    background-attachment: unset;
}


@media only screen and (max-device-width: 1700px) 
{
     .expand3
     {
        height: 150%;
        transform: translate(0%, 1%);
     }
}

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

    

     .expand3
     {
        height: 180%;
     }
}

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

     .expand3
     {
        height: 180%;
     }
}


@media only screen and (max-device-width: 1000px) 
{
     
   .expand2
   {
        background-size: contain;
        height:100% !important;
        top: 120px !important;
   }
     .expand3
     {
        transform: translate(0%, 0%);
        height: 128%;
     }
}


@media only screen and (max-device-width: 770px) 
{
     
   .expand2
   {
         background-size: contain;
         height:100% !important;
         top: -10px;

   }
     .expand3
     {
        transform: translate(0%, 0%);
        height: 128%;
     }

     .autor 
     {
          margin-top: 18px;
         font-size: 18px;
     }

     .autor:after
     {
         font-size:18px;
     }

     .pergunta 
     {
         border: 2px solid var(--dourado);
     font-size: 20px;
     padding: 30px;
     }


   


     div.trim 
     {
          display: block;
     margin-right: auto;
     max-height:none!important;
     max-width:none!important;
     }

     .trim>div>img , .trim>div
     {
          display:none;
     }

     .characterStar 
     {
         display:block;
         clip-path: inset(0px 0px 0px 0px);
         height: 215px!important;
         overflow: hidden;
         max-width: 365%!important;
       
     }

}


@media only screen and (max-device-width: 660px) 
{
       .expand2
   {
        background-size: contain;
        height:100% !important;
        top: -40px;
   }
     .expand3
     {
        transform: translate(0%, 0%);
        height: 128%;
     }

    
     .autor 
     {
          margin-top: 20px;
         font-size: 20px;
     }

     .autor:after
     {
         font-size:20px;
     }

     .pergunta 
     {
         border: 2px solid var(--dourado);
         font-size: 21px;
     padding: 30px;
     }

     .pergunta:after
     {
          left: 90%;
     border-width: 10px;
     }

   


     div.trim 
     {
          display: block;
         margin-right: auto;
         max-height:none!important;
         max-width:none!important;
     }

     .trim>div>img , .trim>div
     {
          display:none;
     }

     .characterStar 
     {
         display:block;
         clip-path: inset(0px 0px 0px 0px);
         height: 215px!important;
         overflow: hidden;
         max-width: 365%!important;
       
     }
}


@media only screen and (max-device-width: 480px) 
{
	
	.expand-cover
    {
        height:100% !important;
        top: -95px;
        
    }
	
       .expand2
   {
        background-size: contain;
        height:100% !important;
        top: -95px;
   }
     .autor 
     {
          margin-top: 25px;
         font-size: 25px;
     }

     .autor:after
     {
         font-size:25px;
     }

     .pergunta 
     {
         border: 3px solid var(--dourado);
         font-size: 21px;
         padding: 40px;
     }

     .pergunta:after
     {
         left: 90%;
         top: 99%;
         border-width: 12px;
     }

  


     div.trim 
     {
          display: block;
     margin-right: auto;
     max-height:none!important;
     max-width:none!important;
     }

     .trim>div>img , .trim>div
     {
          display:none;
     }

     .characterStar 
     {
         display:block;
         clip-path: inset(0px 0px 0px 0px);
         height: 215px!important;
         overflow: hidden;
         max-width: 365%!important;
       
     }
}









.sfdrop a, .sfdrop
{
    text-shadow: 0px 0px transparent !important;
}

.sfdrop a:before, .sfdrop:last-child:after
{
    content: '\00A0\22C6\00A0';
    font-size:25px;
    color: var(--dourado) !important;
}

.sfdrop
{
    width:350px !important;
    font-size: 13px !important;
    line-height: 30px;
    top:30px;
    padding-top: 15px;
    padding-bottom: 15px;
}


.archive #sidebar-left, .archive #tall-ad, .archive #header, .archive #sidebar-menubar
{ display: none; }

.archive .content-wrapper
{
    border: 0px transparent;   
}



.error404 .post-info img
{
	text-align:center !important;	
}
.error404 .entry
{
	clear:both;
	text-align: center;
	border: 1px solid var(--dourado);
	border-radius: 3px;
	background-color: var(--azulForte)87;
	padding: 15px;
}
.error404
{
	background-image: url('//www.sarilho.net/wordpress/comics/extras/p336_2_bg.gif');
	background-repeat: repeat-x;
	background-position: top center;
	background-size: contain;
}

.error404 #tall-ad, .error404 #tall-ad-left
{
	display:none !important;
} 

.error404 .s-search, .error404 .searchform button, 
.error404 .searchform
{
	float:none !important;
	
}

.error404 .searchform button
{
	height: 83px !important;
}


.error404
{
    background-image: url('//www.sarilho.net/wordpress/comics/extras/p336_2_bg.gif');
    background-repeat: repeat-x;
    background-position: top center;
    background-size: contain;
}

.error404 #tall-ad, .error404 #tall-ad-left
{
    display:none !important;
} 

.error404 .s-search, .error404 .searchform button
{
    float:none !important;
    
}

.error404 .searchform button
{
    height: 83px !important;
}

.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current
{ color: var(--dourado) !important; background-color:transparent !important;}

.woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li
{ border: 0px transparent !important; }

body {
  scrollbar-color: var(--dourado) transparent;
  scrollbar-width: thin;
  scroll-behavior: smooth;
}


.rl-gallery-container:nth-child(odd)
{
  background-color: var(--azulFraco);
  border: 7px solid #ce880b;
  border: 7px solid !important;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
  border-image-source: url('//sarilho.net/wordpress/site-images/nav/main/tile-medita.gif') !important;
  border-image-repeat: repeat !important;
  border-image-width: 6px !important;
  border-image-slice: 6 !important;

  padding:15px;
   
}


.rl-gallery-container:nth-child(even)
{
  order: 7px solid !important;
  border-image-source: url('//sarilho.net/wordpress/site-images/nav/lusitani/border.png') !important;
  border-image-repeat: repeat !important;
  border-image-width: 6px !important;
  border-image-slice: 6 !important;
 background-color: var(--azulFraco);
  color: #18203e;
  text-shadow: 0px 0px transparent;
    padding:15px;
}

.rl-gallery-item img {
  height: 250px !important;
  width: 250px !important;
  background: var(--azulForte);;
  object-fit: cover;
  margin-bottom: -4px;
  object-position: top left !important;
  transition: 0.5s;
  padding:10px !important;;
  margin:5px !important;
}

.rl-gallery-item img:hover {
  object-position: bottom right !important;
  transition: 1s;
}