.mode--alt--b .collapsible__wrap,.mode--alt--b .mm-skin-1 .sub-menu li,.mode--alt--b .mm-skin-3 .sub-menu li,.mode--alt--b table td,.mode--alt--b table th,.mode--alt--b .woocommerce-tabs,.mode--alt--b .woocommerce-tabs .woocommerce-Tabs-panel,.mode--alt--b .woocommerce-Reviews ol .review{border-color:#232323}
.mode--alt--b .collapsible__title,.mode--alt--b .lets-social-count-wrap a,.mode--alt--b .sb-skin-1 .lets-review__widget__design-1 .score{color:#fff}
.mode--alt--b .main-menu-skin-1 .menu-bg-area,.mode--alt--b .header-skin-1 .bg-area,.mode--alt--b .tipi-button.block-loader,.mode--alt--b .secondary-menu-skin-1 .menu-bg-area{background:#151515}
.mode--alt--b .mm-skin-1 .sub-menu,.mode--alt--b .mm-skin-1 .menu-wrap,.mode--alt--b .mm-skin-3 .sub-menu,.mode--alt--b .mm-skin-3 .menu-wrap,.mode--alt--b .mm-skin-4 .sub-menu,.mode--alt--b .mm-skin-4 .menu-wrap{background:#151515 !important;color:#fff !important}
.mode--alt--b .mm-skin-1 .menu-wrap .block-title,.mode--alt--b .mm-skin-3 .menu-wrap .block-title,.mode--alt--b .mm-skin-4 .menu-wrap .block-title,.mode--alt--b .mm-skin-1 .mm-art .title a,.mode--alt--b .mm-skin-3 .mm-art .title a,.mode--alt--b .wpcf7-form p{color:#fff}
.mode--alt--b .header-skin-1 .logo-fallback a{color:#fff !important}
.mode--alt--b .header-skin-1.sticky-header--active.site-header .bg-area,.mode--alt--b .header-skin-1.site-header.sticky-menu-2.stuck .bg-area,.mode--alt--b .header-skin-1.site-header.slidedown .bg-area{background-color:#151515}
.mode--alt--b .main-menu-skin-1{color:#fff}
.mode--alt--b .main-menu-skin-1 .menu-icon--text{color:inherit}
.mode--alt--b .main-menu-skin-1.main-navigation.stuck .menu-bg-area{background-color:#151515}
.mode--alt--b .main-menu-skin-1 .main-navigation-border{border-color:#232323}
.mode--alt--b .secondary-wrap .menu-bg-area{border-color:#232323}
.mode--alt--b:not(.dark-mode--mobile-header-off) .site-mob-header{background-color:#151515 !important;color:#fff}
.mode--alt--b:not(.dark-mode--mobile-header-off) .site-mob-header .bg-area{background-color:transparent}
.mode--alt--b:not(.dark-mode--mobile-header-off) .site-mob-header a{color:#fff}
.mode--alt--b:not(.dark-mode--mobile-header-off) .site-mob-header .tipi-i-menu-mob{background-color:white}
.mode--alt--b .sidebar-wrap .widgets-skin-1 .zeen-widget{color:#fff !important;background-color:transparent}
.mode--alt--b .sidebar-wrap .widgets-skin-1 .zeen-widget a{color:#fff}
.mode--alt--b .no-more.tipi-button{background:#444 !important}
.mode--alt--b:not(.dark-mode--footer-off) #colophon .bg-area-inner,.mode--alt--b:not(.dark-mode--footer-off) .footer-widget-area+.footer-lower-area{border-color:#232323}
.mode--alt--b:not(.dark-mode--footer-off) .site-footer .bg-area-inner,.mode--alt--b:not(.dark-mode--footer-off) .site-footer .bg-area-inner .woo-product-rating span,.mode--alt--b:not(.dark-mode--footer-off) .footer-widgets-skin-3,.mode--alt--b:not(.dark-mode--footer-off) .footer-widgets-skin-1{background-color:#0f0f0f !important}
.mode--alt--b:not(.dark-mode--footer-off) .site-footer .bg-area-inner .textwidget h2,.mode--alt--b:not(.dark-mode--footer-off) .site-footer .bg-area-inner .woo-product-rating span .textwidget h2,.mode--alt--b:not(.dark-mode--footer-off) .footer-widgets-skin-3 .textwidget h2,.mode--alt--b:not(.dark-mode--footer-off) .footer-widgets-skin-1 .textwidget h2{color:#fff}
.mode--alt--b:not(.dark-mode--footer-off) .site-footer .footer-widget-bg-area,.mode--alt--b:not(.dark-mode--footer-off) .site-footer .bg-area-inner,.mode--alt--b:not(.dark-mode--footer-off) .site-footer .copyright,.mode--alt--b:not(.dark-mode--footer-off) .site-footer .footer-widget-bg-area .widget-title{color:#fff}
.mode--alt--b:not(.dark-mode--footer-off) .site-footer .footer-widget-bg-area a,.mode--alt--b:not(.dark-mode--footer-off) .site-footer .bg-area-inner a,.mode--alt--b:not(.dark-mode--footer-off) .site-footer .copyright a,.mode--alt--b:not(.dark-mode--footer-off) .site-footer .footer-widget-bg-area .widget-title a{color:#fff}
.mode--alt--b:not(.dark-mode--main-menu-off) .main-menu-skin-3 .menu-bg-area{background:#151515}
.mode--alt--b:not(.dark-mode--main-menu-off) .main-menu-skin-3{color:#fff}
.mode--alt--b:not(.dark-mode--main-menu-off) .main-menu-skin-3 .date--main{color:#fff}
.mode--alt--b:not(.dark-mode--main-menu-off) .main-menu-skin-3.main-navigation.stuck .menu-bg-area{background-color:#151515}
.mode--alt--b:not(.dark-mode--main-menu-off) .main-menu-skin-3 .main-navigation-border{border-color:#232323}
.mode--alt--b.skin-light{color:#888}
.mode--alt--b.skin-light .no-fi.preview-grid{border-color:transparent}
.mode--alt--b.skin-light .meta-skin-shadow.meta-skin-2 article{box-shadow:1px 9px 15px rgba(138,138,138,0.1)}
.mode--alt--b.skin-light .wpcf7-form-control.wpcf7-text,.mode--alt--b.skin-light .wpcf7-form-control.wpcf7-text[type=text],.mode--alt--b.skin-light .wpcf7-form-control.wpcf7-text[type=email],.mode--alt--b.skin-light .wpcf7-form-control.wpcf7-textarea{background:transparent;border:1px solid #222;color:#fff}
.mode--alt--b.skin-light .entry-content,.mode--alt--b.skin-light .reaction .count{color:#fff}
.mode--alt--b.skin-light .gb-block-accordion .gb-accordion-title{background:#232323}
.mode--alt--b.skin-light .lets-info-up-wrap{color:#fff !important;background-color:#0f0f0f !important;border-color:transparent}
.mode--alt--b.skin-light .lets-info-up-wrap a{color:#fff !important}
.mode--alt--b.skin-light .lets-info-up-wrap .lets-info-up-meta-title,.mode--alt--b.skin-light .lets-info-up-wrap .lets-info-up-pretitle{color:#aaa}
.mode--alt--b.skin-light .lets-info-up-wrap .lets-info-up-pretitle{opacity:1}
.mode--alt--b.skin-light:not(.dark-mode--header-off) .header-skin-3 .bg-area{background-color:#0f0f0f !important}
.mode--alt--b.skin-light:not(.dark-mode--header-off) .site-header a,.mode--alt--b.skin-light:not(.dark-mode--header-off) .site-header .logo-subtitle{color:#fff}
.mode--alt--b.skin-light .sb-skin-3.bg-area,.mode--alt--b.skin-light .footer-lower-area.site-skin-2,.mode--alt--b.skin-light .block-skin-bg-1:not(.skin-inner){background-color:#0f0f0f !important}
.mode--alt--b.skin-light .site-skin-1,.mode--alt--b.skin-light .widget-title{background-color:transparent;color:#fff}
.mode--alt--b.skin-light .site-skin-1 .copyright,.mode--alt--b.skin-light .widget-title .copyright{color:#888}
.mode--alt--b.skin-light .mob-menu-wrap.site-skin-1{background-color:#0f0f0f}
.mode--alt--b.skin-light .slide-in-menu.site-skin-1{background-color:#000}
.mode--alt--b.skin-light .zeen__list--1 .arrow.disabled{background:#101010;opacity:.4}
.mode--alt--b.skin-light .load-more-wrap .tipi-arrow{border-color:#fff;color:#fff}
.mode--alt--b.skin-light .load-more-wrap .tipi-arrow i:after{background:#fff}
.mode--alt--b.skin-light .reaction{background:transparent;color:#fff}
.mode--alt--b.skin-light .reaction.reacted,.mode--alt--b.skin-light .reaction:hover{border-color:#444}
.mode--alt--b.skin-light .logo-fallback a,.mode--alt--b.skin-light .sidebar-widget .widget-title,.mode--alt--b.skin-light .block-html-content span{color:#fff !important}
.mode--alt--b.skin-light .splitter:not(.splitter--custom) svg g,.mode--alt--b.skin-light .site-footer .splitter .shape--fill{fill:#151515}
.mode--alt--b.skin-light .site-inner,.mode--alt--b.skin-light .content-bg,.mode--alt--b.skin-light .page-header,.mode--alt--b.skin-light .flickity-viewport,.mode--alt--b.skin-light.has-bg-da .contents-wrap .block-skin-0:not(.block-wrap-video-player):not(.block-wrap-39),.mode--alt--b.skin-light .slider-nav .slide{background-color:#151515}
.mode--alt--b.skin-light .sb-skin-1,.mode--alt--b.skin-light .meta-skin-1.block-wrap .preview-mini-wrap,.mode--alt--b.skin-light .sb-skin-11,.mode--alt--b.skin-light .page-header-skin-11:not(.skin-inner),.mode--alt--b.skin-light .page-header-skin-11.skin-inner .tipi-row-inner-style{background-color:#151515 !important}
.mode--alt--b.skin-light .sb-skin-1 .widget_search form,.mode--alt--b.skin-light .sb-skin-11 .widget_search form{border-color:#232323}
.mode--alt--b.skin-light .sb-skin-1 .lets-review__widget__design-4 .cb-overlay span,.mode--alt--b.skin-light .sb-skin-11 .lets-review__widget__design-4 .cb-overlay span{background-color:#151515 !important}
.mode--alt--b.skin-light .read-more-wrap,.mode--alt--b.skin-light .layout-side-info .details .total-shares-count,.mode--alt--b.skin-light .user-page-box a,.mode--alt--b.skin-light .user-page-box,.mode--alt--b.skin-light .secondary-wrap-v .standard-drop>a,.mode--alt--b.skin-light .secondary-wrap,.mode--alt--b.skin-light .secondary-wrap a,.mode--alt--b.skin-light .has-background.has-text-color,.mode--alt--b.skin-light .secondary-wrap .menu-icon--text,.mode--alt--b.skin-light .date--secondary{color:#fff}
.mode--alt--b.skin-light .block-skin-2:not(.skin-inner),.mode--alt--b.skin-light .block-skin-2.skin-inner .tipi-row-inner-style,.mode--alt--b.skin-light .separation-border-v,.mode--alt--b.skin-light .user-page-box,.mode--alt--b.skin-light .mask,.mode--alt--b.skin-light .zeen-up-down,.mode--alt--b.skin-light .zeen-iframe-lazy-load:not(.zeen-lazy-loaded),.mode--alt--b.skin-light .sticky-header--active.site-header.header-skin-4 .bg-area,.mode--alt--b.skin-light .hero,.mode--alt--b.skin-light .widgets-title-skin-11 .widget-title{background-color:#0f0f0f}
.mode--alt--b.skin-light .custom-button__fill-1.tipi-button.block-loader,.mode--alt--b.skin-light .wpcf7-submit,.mode--alt--b.skin-light .block-skin-5:not(.skin-inner),.mode--alt--b.skin-light .block-skin-5.skin-inner>.tipi-row-inner-style{background-color:#232323}
.mode--alt--b.skin-light .sidebar-wrap .sidebar,.mode--alt--b.skin-light .layout-side-info .detail+.sharer,.mode--alt--b.skin-light .reaction,.mode--alt--b.skin-light .content-area .zeen-widget,.mode--alt--b.skin-light .footer-block-links .block-elements>*,.mode--alt--b.skin-light .block-title-wrap-style .block-title-area,.mode--alt--b.skin-light .zeen_comments_with_avatar .stylish-comment,.mode--alt--b.skin-light .mm-skin-3 .menu-wrap-more-10,.mode--alt--b.skin-light .footer-widget-wrap .zeen-widget{border-color:#232323}
.mode--alt--b.skin-light .woo-product-rating-overlay,.mode--alt--b.skin-light .zeen__var__options label{color:#fff}
.mode--alt--b.skin-light .zeen__var__options label{background:transparent}
.mode--alt--b.skin-light .zeen_button_type input[type=radio]:not(.radio--disabled):checked+label{background:#fff;color:#111}
.mode--alt--b.skin-light .content-area h1,.mode--alt--b.skin-light .content-area h2,.mode--alt--b.skin-light .content-area h3,.mode--alt--b.skin-light .content-area h4,.mode--alt--b.skin-light .content-area h5,.mode--alt--b.skin-light .content-area h6,.mode--alt--b.skin-light .content-area .block-title,.mode--alt--b.skin-light .content-area .preview-classic .meta .title,.mode--alt--b.skin-light .content-area .preview-thumbnail .meta .title{color:#fff}
.mode--alt--b.skin-light .content-area .preview-thumbnail,.mode--alt--b.skin-light .content-area .separation-border-style,.mode--alt--b.skin-light .content-area .block-title-wrap-style .block-title:after,.mode--alt--b.skin-light .content-area .block-title-wrap-style .block-title:before{border-color:#232323}
.mode--alt--b.skin-light .content-area .block-wrap,.mode--alt--b.skin-light .content-area .tipi-row-inner-style,.mode--alt--b.skin-light .content-area .block-wrap-events .event__wrap{border-color:#232323 !important}
.mode--alt--b.skin-light .content-area .tipi-button.block-loader{border:1px solid #232323}
.mode--alt--b.skin-light .content-area .block-skin-bg-4:not(.skin-inner):not(.block-is-nest),.mode--alt--b.skin-light .content-area .block-skin-4:not(.skin-inner):not(.block-is-nest),.mode--alt--b.skin-light .content-area .block-skin-bg-11:not(.skin-inner),.mode--alt--b.skin-light .content-area .block-skin-bg-11.skin-inner>.tipi-row-inner-style,.mode--alt--b.skin-light .content-area .block-skin-11:not(.skin-inner),.mode--alt--b.skin-light .content-area .has-background,.mode--alt--b.skin-light .content-area .block-skin-11.skin-inner .tipi-row-inner-style{background-color:#0f0f0f !important}
.mode--alt--b.skin-light .content-area .block-skin-11:not(.skin-inner) .block-tiny-title span,.mode--alt--b.skin-light .content-area .block-skin-11.skin-inner .tipi-row-inner-style .block-tiny-title span{color:#fff !important}
.mode--alt--b.skin-light .inf-loading:before{border-top-color:#fff;border-bottom-color:#fff}
.mode--alt--b.skin-light .pagination a{color:#fff}
.mode--alt--b .site-mob-header.site-skin-1,.mode--alt--b .site-header-side.site-skin-1{background:#151515}
.mode--alt--b .site-mob-header.site-skin-1 a,.mode--alt--b .site-mob-header.site-skin-1 i,.mode--alt--b .site-header-side.site-skin-1 a,.mode--alt--b .site-header-side.site-skin-1 i{color:#fff}
.mode--alt--b .site-mob-header.site-skin-1 .tipi-i-menu-mob,.mode--alt--b .site-header-side.site-skin-1 .tipi-i-menu-mob{background-color:#fff}
.mode--alt--b .site-header-side.site-skin-1{border-color:#222 !important}
.mode--alt--b.skin-dark{color:#666}
.mode--alt--b.skin-dark .videos-mini-wrap article .title{color:#fff}
.mode--alt--b.skin-dark .splitter:not(.splitter--custom) svg g,.mode--alt--b.skin-dark .splitter:not(.splitter--custom) .shape--fill,.mode--alt--b.skin-dark .site-footer .splitter .shape--fill{fill:#fff}
.mode--alt--b.skin-dark .site-inner,.mode--alt--b.skin-dark .content-bg,.mode--alt--b.skin-dark .page-header,.mode--alt--b.skin-dark .flickity-viewport,.mode--alt--b.skin-dark .site-mob-menu-a-4.mob-open .site-skin-1.site-mob-header .tipi-i-menu-mob:before,.mode--alt--b.skin-dark .site-mob-menu-a-4.mob-open .site-skin-1.site-mob-header .tipi-i-menu-mob:after{background:#fff}
.mode--alt--b.skin-dark .block-skin-11:not(.skin-inner),.mode--alt--b.skin-dark .block-skin-11.skin-inner .tipi-row-inner-style,.mode--alt--b.skin-dark .footer-widgets-skin-1,.mode--alt--b.skin-dark .sb-skin-1,.mode--alt--b.skin-dark .meta-skin-1.block-wrap .preview-mini-wrap{background:#fff !important}
.mode--alt--b.skin-dark h1,.mode--alt--b.skin-dark h2,.mode--alt--b.skin-dark h3,.mode--alt--b.skin-dark h4,.mode--alt--b.skin-dark h5,.mode--alt--b.skin-dark h6,.mode--alt--b.skin-dark .block-title,.mode--alt--b.skin-dark .preview-classic .meta .title,.mode--alt--b.skin-dark .preview-thumbnail .meta .title,.mode--alt--b.skin-dark .read-more-wrap,.mode--alt--b.skin-dark .block-title-videos .block-title,.mode--alt--b.skin-dark .block-title-videos .block-title p,.mode--alt--b.skin-dark .block-title-videos .cta-content{color:#222}
.mode--alt--b.skin-dark .block-skin-4 .preview-classic .meta .title,.mode--alt--b.skin-dark .block-skin-4 .preview-thumbnail .meta .title{color:#222 !important}
.mode--alt--b.skin-dark .title-middle .entry-title{color:#fff}
.mode--alt--b.skin-dark .block-skin-2:not(.skin-inner),.mode--alt--b.skin-dark .block-skin-2.skin-inner .tipi-row-inner-style,.mode--alt--b.skin-dark .separation-border-v,.mode--alt--b.skin-dark .custom-button__fill-1.tipi-button.block-loader{background:#222}
.mode--alt--b.skin-dark .separation-border-style,.mode--alt--b.skin-dark .block-title-wrap-style .block-title:after,.mode--alt--b.skin-dark .block-title-wrap-style .block-title:before,.mode--alt--b.skin-dark .sidebar-wrap .sidebar{border-color:#f1f1f1}
.mode--alt--b.skin-dark .block-wrap,.mode--alt--b.skin-dark .tipi-row-inner-style{border-color:#f1f1f1 !important}
.mode--alt--b.skin-dark .tipi-button.block-loader{border:1px solid #f1f1f1}
.mode--alt--b.skin-dark .inf-loading:before{border-top-color:#222;border-bottom-color:#222}
.mode--alt--b.skin-dark .pagination a{color:#222}
.mode--alt--b .rcp-table{background:#292929}
.mode--alt--b .rcp-table thead{background:#151515}@font-face {
font-family: 'Droid Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.derocanrol.com.mx/wp-content/fonts/droid-sans/SlGVmQWMvZQIdix7AFxXkHNSbQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Droid Sans';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://www.derocanrol.com.mx/wp-content/fonts/droid-sans/SlGWmQWMvZQIdix7AFxXmMh3eDs1Zw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Lato';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://www.derocanrol.com.mx/wp-content/fonts/lato/S6u8w4BMUTPHjxsAUi-qJCY.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Lato';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://www.derocanrol.com.mx/wp-content/fonts/lato/S6u8w4BMUTPHjxsAXC-q.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(https://www.derocanrol.com.mx/wp-content/fonts/lato/S6u8w4BMUTPHh30AUi-qJCY.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(https://www.derocanrol.com.mx/wp-content/fonts/lato/S6u8w4BMUTPHh30AXC-q.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.derocanrol.com.mx/wp-content/fonts/lato/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.derocanrol.com.mx/wp-content/fonts/lato/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://www.derocanrol.com.mx/wp-content/fonts/lato/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://www.derocanrol.com.mx/wp-content/fonts/lato/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {
font-family: 'icomoon';
src: url(//www.derocanrol.com.mx/wp-content/plugins/wp-post-author/assets/css/fonts/icomoon.eot?5l53jq);
src: url(//www.derocanrol.com.mx/wp-content/plugins/wp-post-author/assets/css/fonts/icomoon.eot?5l53jq#iefix) format('embedded-opentype'),
url(//www.derocanrol.com.mx/wp-content/plugins/wp-post-author/assets/css/fonts/icomoon.ttf?5l53jq) format('truetype'),
url(//www.derocanrol.com.mx/wp-content/plugins/wp-post-author/assets/css/fonts/icomoon.woff?5l53jq) format('woff'),
url(//www.derocanrol.com.mx/wp-content/plugins/wp-post-author/assets/css/fonts/icomoon.svg?5l53jq#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="awpa-icon"],
[class*=" awpa-icon"] { font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.awpa-icon-website:before {
content: "\e901";
}
.awpa-icon-linkedin:before {
content: "\e902";
}
.awpa-icon-twitter:before {
content: "\e905";
}
.awpa-icon-facebook:before {
content: "\e904";
}
.awpa-icon-instagram:before {
content: "\ea92";
}
.awpa-icon-youtube:before {
content: "\ea9d";
}
.awpa-icon-email:before {
content: "\e900";
}
.awpa-img.awpa-author-block {
flex: 0 1 150px;
align-self: flex-start;
}
.wp-post-author-meta.awpa-author-block {
flex: 1;
min-width: 200px;
}
.wp_post_author_widget .awpa-img.round img {
border-radius: 50%;
}  .wp-post-author-wrap { width: 100%;
display: block;
overflow: hidden;
word-wrap: break-word;
}
.wp-post-author {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 20px; box-sizing: border-box;
}
.awpa-img img {
height: auto;
width: 100%;
}
.wp-post-author-meta h4,
.wp-post-author-meta p,
.wp-post-author-meta a,
.wp-post-author-meta ul {
margin: 5px 0;
}
.wp-post-author-meta .wp-post-author-meta-more-posts a {
border: 1px solid rgba(0, 0, 0, 0.3);
padding: 5px 30px;
display: inline-block;
color: inherit;
transition: all 300ms ease-out;
}
.wp-post-author-meta .wp-post-author-meta-more-posts a:hover {
color: #404040;
border-color: #404040;
}
.wp-post-author-meta .wp-post-author-meta-more-posts .awpa-more-posts a {
text-decoration: none;
}
.wp-post-author-meta .wp-post-author-meta-more-posts .awpa-more-posts.none a {
border: none;
padding: 0;
}
.wp-post-author-meta .wp-post-author-meta-more-posts .awpa-more-posts.round a {
-webkit-border-radius: 50px;
border-radius: 50px;
}
.wp-post-author-wrap.right .wp-post-author {
flex-direction: row-reverse;
text-align: right;
}
.wp-post-author-wrap.center .wp-post-author {
flex-direction: column;
justify-content: center;
text-align: center;
}
.wp-post-author-wrap.center .wp-post-author .awpa-img {
align-self: center;
}
.wp-post-author .awpa-img.round img {
border-radius: 50%;
} .wp-post-author .awpa-display-name,
.wp-post-author .awpa-role {
margin: 5px 0;
}
.wp-post-author .awpa-email {
margin: 5px 0;
}
.wp-post-author .awpa-contact-info {
margin: 0;
padding: 0;
}
.wp-post-author .awpa-contact-info li {
display: inline-block;
padding-right: 5px;
margin: 0;
padding-top: 5px;
}
.wp-post-author .awpa-role {
text-transform: capitalize;
font-weight: bold;
}
.wp-post-author .awpa-contact-info> :first-child {
padding-left: 0;
}
.wp-post-author .awpa-contact-info> :last-child {
padding-right: 0;
}
.wp-post-author .awpa-bio {
margin-top: 10px;
font-size: 100%;
} .wp_post_author_widget .awpa-img.awpa-author-block {
width: 150px;
height: 150px; -webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center;
}
.wp_post_author_widget .awpa-img.awpa-author-block.round {
border-radius: 50%;
}
.wp_post_author_widget .awpa-img img {
max-width: 150px;
} .wp_post_author_widget .wp-post-author-meta p {
line-height: 1.5;
}
.wp_post_author_widget .awpa-display-name {
color: #4a4a4a;
font-size: 24px;
font-weight: 400;
margin: 0;
}
.wp_post_author_widget .awpa-display-name a {
display: inline-block;
color: #4a4a4a;
margin: 0;
}
.wp_post_author_widget .wp-post-author-meta-bio {
margin: 15px 0;
opacity: .75;
}
.wp_post_author_widget ul.awpa-contact-info li a {
display: inline-block;
color: #FFF;
font-size: 18px;
height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
background-color: #555;
}
.wp_post_author_widget ul.awpa-contact-info li.awpa-facebook-li a {
background-color: #3b5999;
}
.wp_post_author_widget ul.awpa-contact-info li.awpa-twitter-li a {
background-color: #000;
}
.wp_post_author_widget ul.awpa-contact-info li.awpa-linkedin-li a {
background-color: #0077B5;
}
.wp_post_author_widget ul.awpa-contact-info li.awpa-instagram-li a {
background-color: #3F729B;
}
.wp_post_author_widget ul.awpa-contact-info li.awpa-youtube-li a {
background-color: #cd201f;
}
.wp_post_author_widget ul.awpa-contact-info li.awpa-website-li a {
background-color: #ce1126;
}
.wp_post_author_widget ul.awpa-contact-info li.awpa-email-li a {
background-color: #dd4b39;
}
.wp_post_author_widget .wp-post-author-meta p.awpa-more-posts {
margin: 10px 0;
} .wp_post_author_widget .wp-post-author-wrap.left .awpa-img.awpa-author-block {
margin-left: 0;
}
.wp_post_author_widget .wp-post-author-wrap.left .awpa-img.awpa-author-block {
text-align: left;
}
.wp_post_author_widget .wp-post-author-wrap.left .wp-post-author-meta.awpa-author-block {
text-align: left;
}
.wp_post_author_widget .wp-post-author-wrap.left .awpa-contact-info li {
padding: 0 10px 0 0;
} .wp_post_author_widget .wp-post-author-wrap.right .awpa-img.awpa-author-block {
margin-right: 0;
}
.wp_post_author_widget .wp-post-author-wrap.right .awpa-img.awpa-author-block {
text-align: right;
}
.wp_post_author_widget .wp-post-author-wrap.right .wp-post-author-meta.awpa-author-block {
text-align: right;
}
.wp_post_author_widget .wp-post-author-wrap.right .awpa-contact-info li {
padding: 0 0 0 10px;
} .wp_post_author_widget .wp-post-author-wrap.center .awpa-img.awpa-author-block {
text-align: center;
}
.wp_post_author_widget .wp-post-author-wrap.center .wp-post-author-meta.awpa-author-block {
text-align: center;
}
.wp_post_author_widget .wp-post-author-wrap.center .awpa-contact-info li {
padding: 0 0 0 10px;
} .wp-post-author .awpa-display-name {
color: inherit;
font-size: 24px;
font-weight: 400;
margin: 0;
}
.wp-post-author .wp-post-author-meta-bio {
margin: 15px 0;
opacity: .75;
}
.wp-post-author ul.awpa-contact-info li a {
display: inline-block;
color: #FFF;
font-size: 18px;
height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
background-color: #555;
text-decoration: none;
}
.wp_post_author_widget ul.awpa-contact-info.round li a,
.wp-post-author ul.awpa-contact-info.round li a {
-webkit-border-radius: 50%;
border-radius: 50%;
}
.wp-post-author ul.awpa-contact-info li.awpa-facebook-li a {
background-color: #3b5999;
}
.wp-post-author ul.awpa-contact-info li.awpa-twitter-li a {
background-color: #000;
}
.wp-post-author ul.awpa-contact-info li.awpa-linkedin-li a {
background-color: #0077B5;
}
.wp-post-author ul.awpa-contact-info li.awpa-instagram-li a {
background-color: #3F729B;
}
.wp-post-author ul.awpa-contact-info li.awpa-youtube-li a {
background-color: #cd201f;
}
.wp-post-author ul.awpa-contact-info li.awpa-website-li a {
background-color: #ce1126;
}
.wp-post-author ul.awpa-contact-info li.awpa-email-li a {
background-color: #dd4b39;
}
.wp_post_author_widget ul.awpa-contact-info.none li a,
.wp-post-author ul.awpa-contact-info.none li a {
height: unset;
width: unset;
line-height: unset;
background-color: transparent;
color: #555;
padding: 0 3px;
}
.wp_post_author_widget ul.awpa-contact-info.none li.awpa-facebook-li a,
.wp-post-author ul.awpa-contact-info.none li.awpa-facebook-li a {
background-color: transparent;
color: #3b5999;
}
.wp_post_author_widget ul.awpa-contact-info.none li.awpa-twitter-li a,
.wp-post-author ul.awpa-contact-info.none li.awpa-twitter-li a {
background-color: transparent;
color: #000;
}
.wp_post_author_widget ul.awpa-contact-info.none li.awpa-linkedin-li a,
.wp-post-author ul.awpa-contact-info.none li.awpa-linkedin-li a {
background-color: transparent;
color: #0077B5;
}
.wp_post_author_widget ul.awpa-contact-info.none li.awpa-instagram-li a,
.wp-post-author ul.awpa-contact-info.none li.awpa-instagram-li a {
background-color: transparent;
color: #3F729B;
}
.wp_post_author_widget ul.awpa-contact-info.none li.awpa-youtube-li a,
.wp-post-author ul.awpa-contact-info.none li.awpa-youtube-li a {
background-color: transparent;
color: #cd201f;
}
.wp_post_author_widget ul.awpa-contact-info.none li.awpa-website-li a,
.wp-post-author ul.awpa-contact-info.none li.awpa-website-li a {
background-color: transparent;
color: #ce1126;
}
.wp_post_author_widget ul.awpa-contact-info.none li.awpa-email-li a,
.wp-post-author ul.awpa-contact-info.none li.awpa-email-li a {
background-color: transparent;
color: #dd4b39;
}  .wp-block-awpa-user-profile-dashboard:not(:has(.awpa-loign-from-area)) {
display: grid;
grid-template-columns: max-content 1fr;
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px;
border-radius: 5px;
overflow: hidden;
} .wp-block-awpa-user-profile-dashboard .left-container {
display: flex;
flex-direction: column;
width: auto !important;
background: #eee;
margin: 0 !important;
} .wp-block-awpa-user-profile-dashboard .left-container .nav {
text-decoration: none;
cursor: pointer;
width: 100%;
font-family: inherit;
font-size: 16px;
color: #777;
font-weight: 500;
display: flex;
align-items: center;
gap: 10px;
padding: 10px 20px;
border-left: 2px solid transparent;
box-sizing: border-box;
transition: all .3s;
}
.wp-block-awpa-user-profile-dashboard .left-container .nav::before {
font-family: "Font Awesome 5 Free";
font-size: 16px;
color: #777;
display: inline-block;
font-weight: 700;
transition: all .3s;
}
.wp-block-awpa-user-profile-dashboard .left-container .nav:nth-child(1):before {
content: "\f015";
}
.wp-block-awpa-user-profile-dashboard .left-container .nav:nth-child(2):before {
content: "\f07a";
}
.wp-block-awpa-user-profile-dashboard .left-container .nav:nth-child(3):before {
content: "\f161";
}
.wp-block-awpa-user-profile-dashboard .left-container .nav:nth-child(4):before {
content: "\f2f5";
}
.wp-block-awpa-user-profile-dashboard .left-container .nav:hover {
color: #2d1286;
}
.wp-block-awpa-user-profile-dashboard .left-container .nav.active,
.wp-block-awpa-user-profile-dashboard .left-container:not(:has(.active)) .nav:first-child {
color: #2d1286;
background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(169, 208, 113, 0));
border-left: 2px solid #2d1286;
}
.wp-block-awpa-user-profile-dashboard .left-container .nav:hover::before,
.wp-block-awpa-user-profile-dashboard .left-container .nav.active::before,
.wp-block-awpa-user-profile-dashboard .left-container:not(:has(.active)) .nav:first-child::before {
color: #2d1286;
} .wp-block-awpa-user-profile-dashboard .right-container {
width: auto !important;
background-color: #fff;
padding: 30px;
border-top: 1px solid #eee;
overflow: auto;
} .wp-block-awpa-user-profile-dashboard .wp-post-author {
padding: 20px;
display: flex;
gap: 20px;
grid-row: 1/2;
grid-column: 1/-1;
} .wp-block-awpa-user-profile-dashboard .right-container .aft-container {
display: flex;
flex-direction: column;
gap: 20px;
}
.wp-block-awpa-user-profile-dashboard .right-container .awpa-imput-content-wrapper {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.wp-block-awpa-user-profile-dashboard .right-container .awpa-field {
width: min(250px, 100%);
flex: 1 1 auto;
}
.wp-block-awpa-user-profile-dashboard .awpa-field label {
display: block;
font-size: 14px;
font-weight: 600;
color: #333;
margin-bottom: 5px;
}
.wp-block-awpa-user-profile-dashboard .awpa-field input {
display: block;
border: none;
color: #333;
font-size: 16px;
width: 100%;
min-height: 40px;
padding: 0 8px;
outline: 1px solid #adb5bd;
border-radius: 3px;
box-sizing: border-box;
transition: all .3s;
}
.wp-block-awpa-user-profile-dashboard .awpa-field input:focus-visible {
outline: 2px solid #2d1286;
}
.wp-block-awpa-user-profile-dashboard .awpa-field .error-message span {
font-size: 14px;
color: #cd201f;
}
.wp-block-awpa-user-profile-dashboard .btn {
align-self: flex-start;
min-height: 40px;
font-size: 14px;
font-weight: 600;
background-color: #2d1286;
color: #fff;
border: none;
padding: 0 30px;
box-sizing: border-box;
border-radius: 3px;
cursor: pointer;
transition: all .3s;
}
.wp-block-awpa-user-profile-dashboard .btn:hover {
background-color: #230e68;
color: #fff;
} .wp-block-awpa-user-profile-dashboard .aft-order-container {
border: 1px solid rgba(0, 0, 0, 0.12);
border-radius: 5px;
overflow: hidden;
}
.wp-block-awpa-user-profile-dashboard nav>div select {
min-width: auto;
} .wp-block-awpa-user-profile-dashboard .right-container .aft-container-plans h2 {
margin: 30px 0;
font-size: 24px;
font-weight: 700;
}
.wp-block-awpa-user-profile-dashboard .aft-container-plans .awpa-current-plan {
border-bottom: 1px solid #eee;
padding-bottom: 30px;
}
.awpa-mem-plans {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.awpa-mem-plan {
width: 280px;
padding: 30px;
box-shadow: rgba(99, 99, 99, 0.05) 0px 2px 8px 0px;
border-radius: 5px;
display: flex;
flex-direction: column;
gap: 20px;
box-sizing: border-box; border: 1px solid #eee !important;
color: #333;
}
.awpa-plan-header {
border-bottom: 1px solid #eee;
padding-bottom: 20px;
}
.awpa-plan-header h4 {
margin: 0;
font-size: 20px;
font-weight: 600;
}
.awpa-plan-header h4 span {
display: block;
font-size: 16px;
font-weight: 400;
color: #777;
}
.awpa-plan-header p {
margin: 0;
margin-top: 5px;
font-size: 16px !important;
color: #777;
}
.awpa-plan-body {
margin-top: auto;
}
.awpa-plan-body ul {
margin: 0 !important;
padding: 0 !important;
text-align: left;
list-style: none !important;
display: flex;
flex-direction: column;
gap: 5px;
}
.awpa-plan-body ul li {
margin: 0 !important;
padding: 0 !important;
font-size: 14px;
color: #777;
}
.awpa-plan-body ul li span {
font-weight: 500; }
.awpa-plan-body h6 {
margin: 0;
font-size: 32px;
font-weight: 700;
line-height: 1;
margin-bottom: 20px;
}
.awpa-plan-footer .btn {
width: 100%;
}
.awpa-modal-popup>div {
width: 100%;
min-width: 350px;
padding: 40px;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
border-radius: 5px;
position: relative;
}
.awpa-modal-popup h4 {
font-size: 20px;
font-weight: 700;
border-bottom: 2px solid #eee;
padding-bottom: 5px;
margin: 0 0 20px 0;
}
.awpa-modal-popup .awpa-form-inputs label {
display: block;
font-size: 14px;
font-weight: 600;
color: #333;
margin-bottom: 5px;
}
.awpa-modal-popup .awpa-form-inputs select,
.awpa-modal-popup .awpa-form-inputs input {
margin-bottom: 20px;
}
.awpa-modal-popup .awpa-form-inputs select,
.awpa-modal-popup .awpa-form-inputs input {
display: block;
border: none;
color: #333;
font-size: 16px;
width: 100%;
min-height: 40px;
padding: 0 8px;
outline: 1px solid #adb5bd;
border-radius: 3px;
box-sizing: border-box;
transition: all .3s;
}
.awpa-modal-popup .awpa-form-inputs select:focus-visible,
.awpa-modal-popup .awpa-form-inputs input:focus-visible {
outline: 2px solid #2d1286;
}
.awpa-modal-popup .awpa-imput-content-wrapper .error-message {
margin-bottom: 20px;
font-size: 14px;
color: #cd201f;
}
.awpa-modal-popup .awpa-form-inputs .awpa-button {
min-height: 40px;
background-color: #2d1286;
color: #fff;
font-size: 16px;
padding: 7px 30px;
font-weight: 600;
border-radius: 3px;
cursor: pointer;
display: inline-block;
box-sizing: border-box;
transition: all .3s;
}
.awpa-modal-popup .awpa-form-inputs .awpa-button:not(.awpa-form-disabled):hover {
background-color: #230e68;
color: #fff;
}
.awpa-modal-popup .awpa-form-inputs .awpa-button.awpa-form-disabled {
background-color: #eee;
color: #333;
cursor: initial;
}
.awpa-modal-popup .awpa-form-inputs>.awpa-form-inputs {
text-align: right;
}
.awpa-modal-popup>div>a,
.awpa-payment-modal>a {
text-decoration: none;
position: absolute;
top: 5px;
right: 5px;
width: 30px;
height: 30px;
background: #eee;
border-radius: 50%;
display: flex;
justify-content: center;
font-size: 18px;
cursor: pointer;
transition: all .3s;
}
.awpa-modal-popup>div>a:hover,
.awpa-payment-modal>a:hover {
background-color: #c7c7c7;
}
.awpa-payment-modal {
background-color: #fff;
border-radius: 5px;
padding: 40px;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
width: 100%;
box-sizing: border-box;
position: relative;
} .awpa-content-restrict {
border: 1px solid #eee;
padding: 20px;
color: #333;
box-sizing: border-box;
}
.awpa-content-restrict p {
font-size: 16px;
margin: 0 0 20px 0;
}
.awpa-content-restrict p:last-child {
display: flex;
margin: 0;
gap: 10px;
flex-wrap: wrap;
}
.awpa-content-restrict a {
display: inline-block;
text-decoration: none;
border: 1px solid #eee;
padding: 5px 15px;
border-radius: 100px;
color: #777;
cursor: pointer;
box-sizing: border-box;
transition: all .3s;
}
.awpa-content-restrict a:last-child {
background-color: #2d1286;
color: #fff;
border: 1px solid #2d1286;
}
.awpa-content-restrict a:first-child:hover {
border: 1px solid #2d1286;
color: #2d1286;
}
.awpa-content-restrict a:last-child:hover {
background-color: #230e68;
} .awpa-loign-from-area {
max-width: 400px;
margin: 0 auto;
}
.awpa-loign-from-area .awpa-field {
margin-bottom: 20px;
}
.awpa-loign-from-area .awpa-password-field {
position: relative;
}
.awpa-loign-from-area .awpa-password-field input {
padding-right: 45px;
}
.awpa-loign-from-area .awpa-password-field button {
position: absolute;
top: 0;
right: 15px;
height: 100%;
width: 30px;
border: none;
border-left: none;
background: transparent;
padding: 0 20px;
border-radius: 0px 3px 3px 0;
font-size: 0;
cursor: pointer;
}
.awpa-loign-from-area .awpa-password-field button::after {
font-family: "Font Awesome 5 Free";
font-size: 20px;
display: inline-block;
color: #2d1286;
font-weight: 700;
transition: all .3s;
}
.awpa-loign-from-area .awpa-password-field button.show::after {
content: '\f06e';
}
.awpa-loign-from-area .awpa-password-field button.hide::after {
content: '\f070';
}
.awpa-loign-from-area .awpa-remember-field {
display: flex;
align-items: center;
gap: 5px;
}
.awpa-loign-from-area .awpa-remember-field input {
width: 20px;
min-height: 20px;
accent-color: #2d1286;
margin: 0;
outline: none;
border: 1px solid #adb5bd;
}
.awpa-loign-from-area .awpa-remember-field label {
margin: 0;
}
.awpa-loign-from-area .integration-card>.btn {
width: 100%;
}
.awpa-loign-from-area .integration-card>a {
display: inline-block;
font-size: 14px;
font-weight: 600;
color: #2d1286;
margin-top: 20px;
}
.awpa-loign-from-area #login_error {
font-size: 16px;
margin-bottom: 20px;
}   .awpa-review-field .awpa-review-item .awpa-smiley-rating {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.awpa-review-field .awpa-review-item .awpa-smiley-rating>div {
display: flex;
gap: 5px;
align-items: center;
flex-direction: column;
}
.awpa-review-field .awpa-review-item .awpa-smiley-rating>div p {
margin: 0;
font-size: 14px;
font-weight: 400;
}
.awpa-review-field .awpa-review-item .awpa-smiley-rating>div button {
font-size: 14px;
font-weight: 600;
padding: 0;
border: none;
background: none;
width: 30px;
height: 30px;
}
.awpa-review-field .awpa-review-item .awpa-smiley-rating>div button svg {
width: 100%;
height: 100%;
} .awpa-review-field .star-review-wrapper {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.awpa-review-field .star-review-title {
flex: 1.4;
min-width: 300px;
display: flex;
flex-direction: column;
gap: 15px;
}
.awpa-review-field h4 {
margin: 0;
}
.awpa-review-field .title-avg-review {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 10px;
}
.awpa-review-field .title-avg-review > span:first-child {
font-size: 32px;
font-weight: 700;
}
.awpa-review-field .title-avg-review .awpa-pro-rating-review  {
display: flex;
align-items: center;
gap: 5px;
}  .awpa-review-field .star-review-wrapper .awpa-review-item {
display: flex !important;
flex-direction: column;
gap: 5px;
}
.awpa-review-field .star-review-wrapper .awpa-review-item > .awpa-pro-rating-review {
display: flex !important;
align-items: center;
gap: 10px;
}
.awpa-review-field .star-review-wrapper .awpa-review-item > .awpa-pro-rating-review .counter-back{
flex: 1;
}
.awpa-review-field .star-review-wrapper .awpa-review-item > .awpa-pro-rating-review > span:first-child{
min-width: 12px;
}
.awpa-review-field .star-review-wrapper .awpa-review-item > .awpa-pro-rating-review > span:last-child{
min-width: 60px;
}
.awpa-review-field .star-review-wrapper .awpa-pro-single-rating-review,
.awpa-review-field .star-review-wrapper .right-star .awpa-pro-rating-review {
display: flex;
align-items: center;
gap: 10px;
}  .awpa-review-field .star-review-wrapper .right-star {
flex: 1;
}
.awpa-review-field .star-review-wrapper .right-star h4{
text-transform: uppercase;
font-size: 12px;
}
.awpa-review-field .star-review-wrapper .right-star .awpa-pro-rating-review{
margin-top: 10px;
}
.awpa-review-field .star-review-wrapper .right-star .awpa-pro-rating-review span {
font-size: 32px !important;
}
.awpa-review-field .star-review-wrapper .right-star .awpa-pro-rating-review span {
font-size: 32px !important;
}
.awpa-review-field .right-star .awpa-rating-button{
border: 1px solid rgba(0, 0, 0, 0.3);
padding: 5px 30px;
font-size: inherit;
line-height: inherit;
display: inline-block;
background-color: transparent;
text-decoration: none;
color: inherit;
border-radius: 50px;
cursor: pointer;
transition: all 300ms ease-out;
margin-top: 15px;
margin-right: 10px;
}
.awpa-review-field .right-star .awpa-rating-button:disabled{
cursor: not-allowed;
opacity: 0.5;
} .awpa-review-field .awpa-rating-message {
margin-top: 10px;
}
.awpa-review-field .awpa-login-message {
margin: 5px 0 0;
}
.awpa-review-field .awpa-rating-button-wrapper {
display: flex;
flex-wrap: wrap;
column-gap: 15px;
row-gap: 20px;
margin-top: 20px;
}
.awpa-review-field .awpa-rating-button-wrapper .awpa-rating-button {
margin-top: 0;
} .awpa-review-field .awpa-review-item .awpa-yes-no-rating {
display: flex;
align-items: center;
gap: 30px;
}
.awpa-review-field .awpa-review-item .awpa-yes-no-rating>div {
display: flex;
flex-direction: column; gap: 2px;
}
.awpa-review-field .awpa-review-item .awpa-yes-no-rating>div p {
margin: 0;
font-size: 16px;
font-weight: 400;
}
.awpa-review-field .awpa-review-item .awpa-yes-no-rating>div label {
margin: 0;
font-weight: 700;
font-size: 16px;
display: flex;
align-items: center;
gap: 5px;
} .awpa-rating-review+.post-item-metadata {
padding: 10px 0;
}
.awpa-rating-review+.post-item-metadata .post-edit-link {
display: inline-block;
font-size: 16px;
color: inherit;
border-bottom: 1px solid currentColor;
}
.awpa-rating-review+.post-item-metadata .post-edit-link:hover {
border-color: transparent;
} .awpa-author-post-star-variation {
margin-top: 5px;
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 10px;
}
.awpa-author-post-star-variation .rating-avg{
font-size: inherit;
font-weight: 600;
order: -1;
}
.awpa-author-post-star-variation .awpa-pro-rating-review {
display: flex;
gap: 5px;
}
.wp-post-author-wrap.right .awpa-author-post-star-variation {
justify-content: flex-end;
}
.wp-post-author-wrap.center .awpa-author-post-star-variation {
justify-content: center;
} .awpa-single-post-star-variation .awpa-pro-rating-review  {
display: inline-block;
}
.awpa-single-post-star-variation .awpa-pro-rating-review > span  {
display: inline-block !important;
font-size: max(12px, .5em) !important;
}
.awpa-single-post-star-variation .awpa-pro-rating-review > span:not(:last-child)  {
margin-right: 5px;
}
.awpa-top-rated-posts {
text-align: left;
}
.wp-post-author + .awpa-top-rated-posts {
padding: 20px 0;
}
.wp-post-author + .awpa-top-rated-posts h2 {
margin-top: 0;
}
.awpa-top-rated-posts ul.awpa-posts-list {
container-type: inline-size;
list-style-type: none;
margin: 0 !important;
padding: 0;
display: flex;
align-items: flex-start;
flex-wrap: wrap;
gap: 20px;
}
.wp-post-author-wrap.right .awpa-top-rated-posts ul.awpa-posts-list{
flex-direction: row-reverse;
}
.awpa-top-rated-posts ul.awpa-posts-list li{
padding: 0 !important;
display: flex;
gap: 15px;
align-items: flex-start;
width: calc(50% - 10px);
}
@container (max-width: 480px) {
.awpa-top-rated-posts ul.awpa-posts-list li{
width: 100%;
}
}
.wp-post-author-wrap.center .awpa-top-rated-posts ul.awpa-posts-list li{
flex-direction: column;
text-align: center;
align-items: center;
}
.wp-post-author-wrap.right .awpa-top-rated-posts ul.awpa-posts-list li{
flex-direction: row-reverse;
text-align: right;
}
.awpa-top-rated-posts .awpa-top-post-img {
position: relative;
width: 25%;
aspect-ratio: 1/1;
overflow: hidden;
}
.awpa-top-rated-posts .awpa-top-post-img img {
margin: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.awpa-top-rated-posts .awpa-top-post-img a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.awpa-top-rated-posts .awpa-top-post-img a:hover {
border: none;
}
.awpa-post-count {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
text-align: center;
background-color: #ffb900;
color: #000;
font-weight: 700;
font-size: 16px;
}
.awpa-post-count.awpa-post-count-inside-image {
position: absolute;
top: 0;
left: 0;
}
.awpa-top-rated-posts .awpa-top-post-title {
flex: 1;
align-self: center;
}
.awpa-top-rated-posts .awpa-top-post-title a,
.awpa-top-rated-posts .awpa-top-post-title a:hover, 
.awpa-top-rated-posts .awpa-top-post-title a:focus, 
.awpa-top-rated-posts .awpa-top-post-title a:active, 
.awpa-top-rated-posts .awpa-top-post-title a:visited {
color: inherit;
}  .awpa-tabs {
position: relative;
display: flex;
gap: 20px;
transition: opacity .3s;
overflow-x: auto;
}
.wp-post-author-wrap.center .awpa-tabs{
justify-content: center;
}
.wp-post-author-wrap.right .awpa-tabs{
flex-direction: row-reverse;
}
.awpa-tabs::before{
position: absolute;
right: 0;
left: 0;
bottom: 0;
border-bottom: 1px solid #f0f0f0;
content: '';
}
.awpa-tabs .awpa-tab {
position: relative;
display: inline-flex;
align-items: center;
padding: 8px 0;
background: 0 0;
border: 0;
cursor: pointer;
outline: none;
transition: all .3s;
opacity: 0.75;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
white-space: nowrap;
}
.awpa-tabs .awpa-tab::after{
position: absolute;
left: 0px;
bottom: 0;
display: inline-block;
height: 2px;
width: 100%;
content: '';
pointer-events: none; }
.awpa-tabs .awpa-tab.active {
text-shadow: 0 0 .25px currentcolor;
opacity: 1;
}
.awpa-tabs .awpa-tab.active::after{
background: currentColor;
}
.awpa-tab-content {
display: none;
padding:  20px 0;
}
.awpa-tab-content.active {
display: block;
} body.rtl .awpa-top-rated-posts {
text-align: right;
}
body.rtl .wp-post-author-wrap.left .awpa-tabs {
flex-direction: row-reverse;
}
body.rtl .wp-post-author-wrap.right .awpa-tabs {
flex-direction: row;
}
body.rtl .wp-post-author-wrap.left .wp-post-author {
flex-direction: row-reverse;
text-align: left;
}
body.rtl .wp-post-author-wrap.right .wp-post-author {
flex-direction: row;
}
body.rtl .awpa-post-count.awpa-post-count-inside-image {
left: auto;
right: 0;
}
body.rtl .wp-post-author-wrap.left .awpa-author-post-star-variation {
justify-content: flex-end;
}
body.rtl .wp-post-author-wrap.right .awpa-author-post-star-variation {
justify-content: flex-start;
}
body.rtl .wp-post-author-wrap .awpa-author-post-star-variation .awpa-pro-rating-review span::before{
left: auto;
right: 0;
}
body.rtl .wp-post-author-wrap.left .awpa-top-rated-posts ul.awpa-posts-list{
flex-direction: row-reverse;
}
body.rtl .wp-post-author-wrap.right .awpa-top-rated-posts ul.awpa-posts-list{
flex-direction: row;
}
body.rtl .wp-post-author-wrap.left .awpa-top-rated-posts ul.awpa-posts-list li{
flex-direction: row-reverse;
text-align: left;
}
body.rtl .wp-post-author-wrap.right .awpa-top-rated-posts ul.awpa-posts-list li{
flex-direction: row;
} .awpa-user-rating-list{
list-style-type: none;
padding: 0;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin-top: 40px; 
}
.entry-content ul.awpa-user-rating-list {
padding: 0;
}
.awpa-pro-single-rating-review {
line-height: 1;
}
.awpauser-rating-item{
display: flex;
align-items: center;
}
.awpa-user-gravatar {
display: flex;
}
.awpa-user-gravatar img{
border-radius: 50%;
margin-right: 25px;
}
.awpa-user-info{
display: flex;
flex-wrap: wrap;
flex-direction:column;
}
.awpa-user-name{
font-weight: normal;
margin-bottom: 5px;
}
.awpa-rating-stars{
display: flex;
flex-wrap: wrap;
align-items:center;
} .awpa-review-field {
container-type: inline-size;
}
@container (width > 1400px) {
.awpa-user-rating-list {
grid-template-columns: repeat(4, 1fr);
}
}
@container (width < 1200px) {
.awpa-user-rating-list {
grid-template-columns: repeat(3, 1fr);
}
}
@container (width < 780px) {
.awpa-user-rating-list {
grid-template-columns: repeat(2, 1fr);
}
}
@container (width < 480px) {
.awpa-user-rating-list {
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 600px) {
.wp-post-author .awpa-img.awpa-author-block {
margin-top: unset;
}
.wp-block-awpa-user-profile-dashboard .left-container .nav {
font-size: 0;
}
}
@media screen and (max-width: 480px) { .awpa-user-rating-list {
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 450px) {
.wp-block-awpa-user-profile-dashboard .right-container {
padding: 10px;
}
.wp-block-awpa-user-profile-dashboard .aft-container-plans .awpa-mem-plan {
width: 100%;
padding: 20px;
}
}