/*
Theme Name: aReview
Theme URI: http://athemes.com/theme/areview
Author: aThemes
Author URI: http://athemes.com
Description: aReview is the optimal theme for your next review site. It works great either for affiliate marketing reviews or for movies or games. aReview comes with custom widgets, full colors control, 100% responsive design, great looking icons, Google fonts, logo upload, favicon upload and much more interesting things.
Version: 1.2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: areview
Domain Path: /languages/
Tags: two-columns, right-sidebar, custom-colors, custom-background, custom-menu, featu#333-images, sticky-post, theme-options, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 aReview is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
*/

body {
    word-break: break-word;
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    margin: 0;
    padding: 0;
    font-family: "Meiryo", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.8;
    font-weight: normal;
    color: #333;
    background: #fcfcfc;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Meiryo", Arial, Helvetica, sans-serif;
    margin: 0 0 10px;
    padding: 0;
    line-height: 1.3;
}

h1 {
    font-size: 32px;
    font-weight: normal;
}

h2 {
    font-size: 26px;
    font-weight: normal;
}

h3 {
    font-size: 20px;
    font-weight: bold;
    color: #d04800;
}

p {
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    color: #333;
    margin: 10px 0;
    padding: 0;
}

a {
    color: #333;
    text-decoration: none;
}

a:hover {
    color: #d04800;
    text-decoration: none;
}

/*--------------------------------------------------------------
NEW
--------------------------------------------------------------*/

.hentry {
    border: solid 1px #e6e6e6;
    border-bottom: none;
    padding: 20px;
}

.hentry.last {
    margin-bottom: 40px;
    border-bottom:  solid 1px #e6e6e6;
}

.single .hentry {
    border: solid 1px #e6e6e6;
}

.hentry .entry-summary {}

.hentry .entry-summary .entry-header h3.entry-title {}

.hentry .entry-summary .entry-header h3.entry-title a,
.hentry .entry-summary .entry-header h3.entry-title a:hover {
    color: #d04800;
}

.hentry .entry-summary p a:hover {}

.hentry .entry-header h1.entry-title {
    font-size: 26px;
}

.hentry .entry-content h2 {
    font-size: 20px;
    font-weight: bold;
    color: #d04800;
}

.hentry .entry-content .single-thumb {
    margin-bottom: 20px;
}

.hentry .entry-content p a:hover {
    border-bottom: solid 1px #333;
}

#page {
    display: none;
    -webkit-animation: fadein 1s;
    animation: fadein 1s;
}

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

code {
    white-space: pre-wrap;
}


/* Tables - extracted from Bootstrap and changed so it applies by default */

table {
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #dddddd;
}

th {
    background-color: #F8F8F8;
}

table>thead>tr>th,
table>tbody>tr>th,
table>tfoot>tr>th,
table>thead>tr>td,
table>tbody>tr>td,
table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
}

table>thead>tr>th,
table>tbody>tr>th,
table>tfoot>tr>th,
table>thead>tr>td,
table>tbody>tr>td,
table>tfoot>tr>td {
    border: 1px solid #dddddd;
}


/*--------------------------------------------------------------
Menus
--------------------------------------------------------------*/

.main-navigation {
    clear: both;
    display: block;
    float: left;
    width: 100%;
    position: relative;
    z-index: 999;
    background: #2e2d2d;
}

.main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation li {
    float: left;
    position: relative;
    padding: 15px 20px;
    margin-right: 20px;
}

.home-icon {
    float: left;
    padding: 15px 10px;
    margin-right: 10px;
    font-size: 35px;
}

.main-navigation a {
    display: block;
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    -webkit-transition: color 0.4s;
    transition: color 0.4s;
}

.main-navigation a:hover {
    color: #ff6b1c;
    -webkit-transition: color 0.4s;
    transition: color 0.4s;
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 999999;
    border-top: 5px solid transparent;
}

.main-navigation ul ul ul {
    left: -999em;
    top: -5px;
}

.main-navigation ul ul a {
    width: 200px;
}

.main-navigation ul ul li {
    margin-right: 0;
    box-shadow: none;
    padding: 10px;
    text-shadow: none;
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: none;
    border-top: 1px solid #3A3A3A;
    border-bottom: 1px solid #111;
    background-color: #222E38;
}

.main-navigation ul ul li:first-child {
    border-top: 0;
}

.main-navigation li:hover>a {}

.main-navigation ul ul :hover>a {}

.main-navigation ul ul a:hover {}

.main-navigation ul li:hover>ul {
    left: auto;
}

.main-navigation ul ul li:hover>ul {
    left: 100%;
}

.main-navigation .current_page_item a,
.main-navigation .current-menu-item a {}


/* Menu icons */

.menu-item-has-children>a:after,
.page_item_has_children>a:after {
    font-family: FontAwesome;
    font-size: 14px;
    line-height: 1;
    content: "\f0d7";
    margin-left: 8px;
    color: #333;
}

.sub-menu .menu-item-has-children>a:after,
.children .page_item_has_children>a:after {
    font-family: FontAwesome;
    line-height: 1;
    content: "\f0da";
    margin-left: 8px;
}


/*--------------------------------------------------------------
Accessibility
--------------------------------------------------------------*/


/* Text meant only for screen readers */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar */
}

#secondary .entries {
    margin-bottom: 30px;
}

#secondary .entries:last-child {
    margin-bottom: 0;
}

#secondary .entries h2.entries-title {
    font-size: 20px;
    font-weight: bold;
    background: url(https://www.ginolina.com/wp-content/uploads/2020/06/icon.png) no-repeat left center;
    padding-left: 46px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#secondary .entries h2.entries-title a {
    color: #333;
}

#secondary.entries-area .decoration-bar {}

.decoration-bar {
    height: 5px;
    clear: both;
    position: relative;
    background: #f6f5f5;
}

.entries select {
    max-width: 100%;
}

#secondary .entries {
    border: solid 1px #e6e6e6;
    padding: 20px 20px 0;
}

#secondary .entries ul {
    list-style: none;
    margin: 0 -20px;
    padding: 0;
    border-top: solid 1px #e6e6e6;
}

#secondary .entries ul li {
    margin: 0;
    padding: 10px 0 10px 18px;
    border-bottom: solid 1px #e6e6e6;
    position: relative;
}

#secondary .entries ul li:last-child {
    border-bottom: 0;
}

/*#secondary .entries ul li:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: " \f105";
    font-size: 18px;
    color: #d04800;
    margin-right: 10px;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 14px;
    transition: all 0.3s ease;
}*/

#secondary .entries ul li a {
    font-size: 16px;
    font-weight: normal;
    color: #333;
    position: relative;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

#secondary .entries ul li a:hover {
    transition: 0.4s;
    color: #d04800;
    padding-left: 50px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

#secondary .entries ul li a:hover::before {
    content: '';
    width: 30px;
    position: absolute;
    height: 1px;
    display: block;
    margin: 0;
    bottom: 50%;
    left: 10px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    background-color: #ff6b1c;
}

.entries .children {
    padding-left: 20px;
}

.entries .post-title {
    color: #444;
}

.entries .list-group {
    padding-left: 0;
    margin: 0;
}

.list-group-item {
    background-color: transparent;
}

.footer-bar {
    box-shadow: none !important;
}


/*--------------------------------------------------------------
Posts and pages
--------------------------------------------------------------*/

.sticky {}

.hentry hr {
    margin: 0;
    padding: 0;
    border: none;
    /*border-bottom: 1px solid #eee;*/
    clear: both;
}

.byline,
.updated {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

.post-info a,
.post-info,
.entry-header span,
.entry-header span a,
.entry-footer a,
.entry-footer,
.post-date {
    color: #8F8F8F;
}

.post-info .cat-link,
.post-info .posted-on {
    position: relative;
    top: -7px;
    margin-right: 10px;
}

.post-info .fa {
    margin-right: 5px;
}

.entry-header span {
    margin-right: 10px;
}

.hentry .col-md-12 {
    padding: 0;
    position: relative;
    margin-bottom: 30px;
}

.single-thumb {
    padding: 0;
}

.no-review-thumb {
    margin-bottom: 30px;
}

.entry-thumb {
    padding-left: 0;
    overflow: hidden;
}

.type-post .entry-thumb {
    margin-bottom: 0;
    border: solid 1px #e6e6e6;
    padding: 10px;
}

.entry-thumb img {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.entry-thumb img:hover {
    -webkit-transform: rotate(5deg) scale(1.2);
    -ms-transform: rotate(5deg) scale(1.2);
    transform: rotate(5deg) scale(1.2);
}

.type-post .entry-summary {
    position: relative;
    padding: 20px 20px 10px;
    margin-top: 30px;
    margin-bottom: 40px;
    border: solid 3px #69d7ec;
}

.type-post .entry-summary h2.entry-title {
    position: absolute;
    display: inline-block;
    top: -18px;
    left: 10px;
    padding: 0 10px;
    background: #fff;
    font-weight: bold;
    right: auto;
}

.type-post .entry-summary .green-line {
    position: absolute;
    width: 150px;
    height: 5px;
    top: 0;
    left: 0;
    background: rgba( 145, 218, 50, 0.85 );
}

.type-post .entry-summary p {}

.type-post.hentry {
    border: solid 1px #e4e7e8;
}

.type-post.hentry .entry-thumb {
    margin-bottom: 20px;
    padding: 0;
    border: none;
}

.type-post.hentry .entry-summary {
    border: none;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.type-post.hentry .entry-summary .entry-header h2.entry-title {
    font-weight: normal;
}

.type-post.hentry .entry-summary .entry-content {}

.type-post.hentry .entry-summary .entry-content h3 {
    color: #007c9c;
    position: relative;
    padding-left: 25px;
    margin-right: 10px;
}

.type-post.hentry .entry-summary .entry-content h3:before {
    position: absolute;
    content: '';
    bottom: -3px;
    left: 0;
    width: 0;
    height: 0;
    border: none;
    border-left: solid 15px transparent;
    border-bottom: solid 15px #69d7ec;
}

.type-post.hentry .entry-summary .entry-content h3:after {
    position: absolute;
    content: '';
    bottom: -3px;
    left: 10px;
    width: 100%;
    border-bottom: solid 3px #69d7ec;
}

.type-post.hentry .entry-summary .entry-content p {}

/* Stars */

div[itemprop="review"] {
    opacity: 0;
}

.bigstars {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    margin-left: -20px;
}

.single #yasr_rateit_overall {
    display: table;
    margin: 0 auto 15px;
}


/* Buttons */

.buttons-area {
    text-align: right;
    clear: both;
}

.read-more {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background: #ff6b1c;
    border-bottom: 2px solid red !important;
    border-radius: 3px;
    padding: 10px 30px;
    transform: translate3d(0px, 0px, 0px);
    transform-origin: 50% 50% 0px;
}

.read-more:hover {
    color: #fff;
    background: rgba(68,67,73,1.00);
    border-bottom: 2px solid black !important;
    text-decoration: none;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}


/*--------------------------------------------------------------
Asides
--------------------------------------------------------------*/

.blog .format-aside .entry-title {
    display: none;
}


/*--------------------------------------------------------------
Infinite scroll
--------------------------------------------------------------*/


/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}


/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */

.infinity-end.neverending .site-footer {
    display: block;
}


/*--------------------------------------------------------------
Media
--------------------------------------------------------------*/

.page-content img.wp-smiley,
.entry-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}


/* Make sure embeds and iframes fit their containers */

embed,
iframe,
object {
    max-width: 100%;
}

img {
    max-width: 100%;
    height: auto;
}


/*--------------------------------------------------------------
Captions
--------------------------------------------------------------*/

.wp-caption {
    margin-bottom: 30px;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto;
}

.wp-caption-text {
    text-align: center;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}


/*--------------------------------------------------------------
Structure
--------------------------------------------------------------*/

.site-header {
    position: relative;
    padding: 0 15px;
    background: url(https://www.ginolina.com/wp-content/uploads/2020/06/bg-logo.jpg) repeat-x top left;
}

.site-branding {
    padding: 10px 0;
    text-align: center;
}

.site-branding img {
    max-width: 100%;
}

.site-title {
    font-size: 60px;
    margin: 0 0 15px;
}

.site-title a {
    text-decoration: none;
}

.site-title a {
    color: #fff;
}

.site-description {
    margin: 0;
    font-size: 18px;
    color: #888;
}

.site-content {
    /*padding: 60px 60px 40px;
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);*/
    padding: 40px 0;
}

.content-area {
    width: 65%;
    float: left;
}

.entries-area {
    width: 30%;
    float: right;
}

footer.site-footer {
    background: url(https://www.ginolina.com/wp-content/uploads/2020/06/bg-logo.jpg) repeat-x top left;
}

.site-footer .decoration-bar {
    box-shadow: none;
    border-bottom: none;
    background: none;
}

.site-info {
    padding: 20px 0;
    font-size: 14px;
    font-weight: normal;
    color: #ccc;
    position: relative;
}

.site-info .green-line {
    position: absolute;
    width: 150px;
    height: 5px;
    top: 0;
    left: 0;
    background: rgba( 145, 218, 50, 0.85 );
}

.site-footer .site-info a {
    color: #ff6b1c;
}

.site-footer .site-info a:hover {
}

/* Carousel */

.carousel-wrapper {
    position: relative;
    background-color: #69d7ec;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 60 60'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23007c9c' fill-opacity='0.4'%3E%3Cpath d='M0 38.59l2.83-2.83 1.41 1.41L1.41 40H0v-1.41zM0 1.4l2.83 2.83 1.41-1.41L1.41 0H0v1.41zM38.59 40l-2.83-2.83 1.41-1.41L40 38.59V40h-1.41zM40 1.41l-2.83 2.83-1.41-1.41L38.59 0H40v1.41zM20 18.6l2.83-2.83 1.41 1.41L21.41 20l2.83 2.83-1.41 1.41L20 21.41l-2.83 2.83-1.41-1.41L18.59 20l-2.83-2.83 1.41-1.41L20 18.59z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.owl-carousel {
    max-width: 1170px !important;
    overflow: hidden;
    padding: 30px 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.owl-wrapper-outer {
    max-width: 1140px !important;
    margin-left: 7px;
}

.carousel-wrapper .decoration-bar {
    border-top: solid 1px rgba(255, 255, 255, 0.15);
}

.owl-item {
    padding: 0 15px;
}

.owl-item .rateit {
    position: absolute;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    margin-left: -20px;
    z-index: 999;
}

.carousel-thumb {
    overflow: hidden;
}

.carousel-thumb img {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.carousel-thumb img:hover {
    -webkit-transform: rotate(5deg) scale(1.2);
    -ms-transform: rotate(5deg) scale(1.2);
    transform: rotate(5deg) scale(1.2);
}

.owl-buttons {
    text-align: center;
    font-size: 50px;
    color: #ff6b1c;
}

.owl-prev,
.owl-next {
    position: absolute;
    z-index: 9999;
    top: calc(50% - 37px);
}

.owl-prev {
    left: 0;
}

.owl-next {
    right: 0;
}


/*--------------------------------------------------------------
Responsive
--------------------------------------------------------------*/

@media only screen and (max-width: 1199px) {
    .owl-carousel {
        max-width: 970px !important;
    }
}

@media only screen and (max-width: 991px) {
    .entries-area {
        display: block;
        float: left;
        margin-top: 0;
        margin-bottom: 50px;
        width: 100%;
    }
    .content-area {
        width: 100%;
    }
    .owl-carousel {
        max-width: 750px !important;
    }
    .single .button-container {
        position: relative;
        padding: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .site-info {
        padding: 30px;
    }
    .mt-40-xs {
        margin-top: 40px;
    }
}

@media only screen and (max-width: 599px) {
    .site-content {
        padding: 30px 30px 0;
    }
}

@media only screen and (max-width: 499px) {
    .single-thumb {
        width: 100%;
        margin-bottom: 30px;
    }
    .movie-table,
    .game-table {
        width: 100%;
        margin-bottom: 30px;
    }
    .hentry .entry-thumb.col-md-6.col-sm-6.col-xs-12 img {
        margin-bottom: 20px;
    }
    .buttons-area::before {
        width: 40%;
    }
    .type-post.hentry .entry-summary {
        padding: 0;
    }
    #secondary .entries {
        margin-top: 40px;
    }
}

@media only screen and (max-width: 320px) {
    .site-content {
        padding: 15px 15px 0;
    }
}


/* Small menu */

.menu-toggle {
    display: none;
    background-color: #000;
    color: #fff;
    border-radius: 5px;
    font-size: 30px;
    margin: 30px 0;
    width: 50px;
    border: 0;
}

@media screen and (max-width: 991px) {
    .menu-item-has-children>a:after,
    .page_item_has_children>a:after,
    .sub-menu .menu-item-has-children>a:after,
    .children .page_item_has_children>a:after {
        content: '';
    }
    .home-icon {
        display: none;
    }
    .menu-toggle,
    .main-navigation.toggled .nav-menu {
        display: block;
    }
    .main-navigation li {
        width: 100%;
        border: 0;
        padding: 5px 0;
        text-align: center;
    }
    .main-navigation li:first-child {
        padding-top: 15px;
    }
    .main-navigation ul ul li:hover {
        background-color: transparent;
    }
    .main-navigation ul {
        display: none;
    }
    .main-navigation .children,
    .main-navigation ul ul {
        display: block !important;
        float: none;
        position: static;
        border: none;
        background: transparent;
        box-shadow: none;
    }
    .main-navigation ul ul li {
        border: 0;
        text-align: center;
    }
    .main-navigation ul ul a {
        color: #E2E2E2;
        margin: 0 auto;
    }
    #secondary .entries {
        margin-top: 40px;
    }
}

.decoration {
    margin-bottom: 30px
}

.bar {
    background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
    background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
    border-top: solid 2px #69d7ec;
    border-bottom: solid 2px #69d7ec;
}

.bar p {
    margin: 0;
    padding: 10px;
}