/*
Theme Name:     look child
Description:    Make your modifications to Look in this child theme.
Template:      	look
Theme URI: 		http://demo.themeruby.com/look
Author: 		Theme-Ruby
Version:        1.0
Author URI: 	https://themeforest.net/user/Theme-Ruby
Tags:           custom-background, custom-menu, editor-style, featured-images, theme-options, custom-colors, translation-ready
License:        license purchased
License URI:    http://themeforest.net/licenses/standard
*/

:root {
  --red: #ff0062; /* beauty */
  --light-purple: #c385ee; /* Relationships */
  --lime-green: #b6ff15; /* Wellness */
  --cyan: #40deac; /* Entertainment */
  --purple: #b000ff; /* Lifestyle */
  --orange: #f8a706; /* Watch */
  --peach: #e97b73; /* used on some headers and labels */
}

/*
* header
*/
.header-style-1 .header-banner-wrap{
	padding-bottom: 0;
}

.header-nav-holder {
    border-bottom: 1px solid #dedede;
}

.logo-image img {
    max-height: 120px;
}

/* custom navigation */
.main-nav-inner > li > a{
    padding: 0 14px;
}

.main-nav-inner > li > a:after{
    content: '';
    display: block;
    width: 0;
    height: 4px;
    background: #000;
    transition: width .3s;
}

.main-nav-inner > li > a:hover:after{
    width: 100%;
}

.main-nav-inner > li.red > a:after{
   background: var(--red); 
}

.main-nav-inner > li.light-purple > a:after{
   background: var(--light-purple); 
}

.main-nav-inner > li.lime-green > a:after{
   background: var(--lime-green); 
}

.main-nav-inner > li.cyan > a:after{
   background: var(--cyan); 
}

.main-nav-inner > li.purple > a:after{
   background: var(--purple); 
}

.main-nav-inner > li.orange > a:after{
   background: var(--orange); 
}

/*
* popout menu
*/

.off-canvas-nav-wrap a:after{
    content: '';
    display: block;
    width: 0;
    height: 4px;
    background: #fff;
    transition: width .3s;
}

.off-canvas-nav-wrap a:hover:after{
    width: 100%;
}

.off-canvas-nav-wrap li.red a:after{
   background: var(--red);
}

.off-canvas-nav-wrap li.light-purple a:after{
   background: var(--light-purple);
}

.off-canvas-nav-wrap li.lime-green a:after{
   background: var(--lime-green); 
}

.off-canvas-nav-wrap li.cyan a:after{
   background: var(--cyan); 
}

.off-canvas-nav-wrap li.purple a:after{
   background: var(--purple); 
}

.off-canvas-nav-wrap li.orange a:after{
   background: var(--orange); 
}

/*
* Footer stuff
*/

footer#footer .sidebar-wrap.sidebar-footer {
    padding-right: 20px;
    padding-left: 20px;
}

footer .footer-logo img{
	max-height:40px;
}

footer .footer-social-bar-inner{
	padding-top: 20px;
    padding-bottom: 20px;
}

footer.is-light-text .post-meta-info{
    display:none; /* hiding authors name from footer blog list */
    font-size:12px;
    line-height: 1;
}

footer .post-title.is-mini-title{
    font-size:15px;
}

/* footer menu */
footer .widget.widget_nav_menu{
	margin-top:30px;
	margin-bottom:30px;
}

footer ul#menu-footer-menu .menu-item a{
	font-size: 15px;
}

/* blog listing pages */

.archive-page-header{
	margin-bottom:20px;
}
.archive.category .ruby-page-wrap {
    margin-top: 20px;
}

/* hide recaptcha badge */
.grecaptcha-badge{
	opacity : 0;
}

/*
* homepage
*/

/* main carousel tweaks */
.post-slider .post-header,
.post-slider-hw .post-header{
    max-width: 780px;
}

.post-slider .post-header .post-title.is-big-title,
.post-slider-hw .post-header .post-title.is-big-title{
    font-size: 40px;
}

/* hide mini carosel on mobile */
@media only screen and (max-width: 767px){
    .ruby-slider-hw-nav {
        display:none;
    }
}

/*
* override homepage subscribe box with custom markup - gravity forms does not play nice
*/
.block-fw-subscribe .subscribe-box{
   background-color:#95d1db; 
}

.block-fw-subscribe .subscribe-description{
    color:#000;
}

#gform_wrapper_2.gform_legacy_markup_wrapper {
    margin: 0;
}

#gform_wrapper_2 ul.gform_fields li.gfield{
    margin-top:0;
}

#gform_wrapper_2 ul.gform_fields li.gfield label{
    display:none;
}

#gform_wrapper_2 ul.gform_fields li.gfield .ginput_container{
    width:100%;
    margin:0;
}

#gform_wrapper_2 ul.gform_fields li.field_sublabel_below{
    display:none;
}

#gform_wrapper_2  .gform_legacy_markup_wrapper .gform_footer:not(.top_label){
    padding: 0;
    margin: 0;
    width: auto;
}
#gform_wrapper_2 ul.gform_fields li.gfield .ginput_container input[type='text']{
    margin: 0;
    width: 100%;
    font-size: 14px !important;
}

#gform_wrapper_2 ul.gform_fields li.gfield .ginput_container input[type='text']:focus{
    border-color:#3a7d88;
}

#gform_wrapper_2 #field_2_3,
#gform_wrapper_2 #field_2_1{
    width:50%;
    display:inline-block;
}

/* form button */
#gform_wrapper_2.gform_legacy_markup_wrapper .gform_footer:not(.top_label){
    padding: 0;
    margin: 0;
}

#gform_wrapper_2 .gform_footer input[type="submit"]{
    position: relative;
    text-indent: unset;
    background-color: #4b9fad;
    color:#fff;
    width:unset;
    height:unset;
    padding: 10px 20px;
    font-size:1em !important;
}

#gform_wrapper_2 .gform_footer input[type="submit"]:hover{
    background-color: #3a7d88;
    font-size:1em !important;
}

/* form validation */
#gform_wrapper_2.gform_legacy_markup_wrapper div.validation_error{
    margin-bottom: 0;
    padding: 8px 0 8px 0;
    display:none !important;
}

#gform_wrapper_2.gform_legacy_markup_wrapper li.gfield.gfield_error{
    border: none;
    background: transparent;
    margin:0;
    padding: 0 16px 0 0;
}

#gform_wrapper_2.gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description{
    width:80%;
}

#gform_wrapper_2.gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message{
    padding: 3px 5px !important;
    font-size: 13px;
    font-weight: 400;
    margin: 5px 0 0 0 !important;
}

@media only screen and (max-width: 991px){
    #gform_wrapper_2 .gform_footer input[type="submit"]{
        margin: 0 auto;
        display: block;
    }
    
    .gform_legacy_markup_wrapper .gform_footer:not(.top_label){
        width:100%;
    }
}

@media only screen and (max-width: 761px){
    
    #gform_wrapper_2 #field_2_3,
    #gform_wrapper_2 #field_2_1{
        width:100%;
        display:block;
    }
}

/*
* Sidebar
*/

/* subscriber form */
.widget.sb-widget-subscribe .subscribe-wrap{
	border: 1px solid #95d1db;
    border-top: 4px solid #95d1db;
    background-color: #fefefe;
	padding: 15px;
}

.widget.sb-widget-subscribe input[type='text']{
	border: 1px solid #bbbbbb;
	text-align: left;
}

.widget.sb-widget-subscribe input[type='text']::placeholder {
	color: #bbbbbb;
}

.widget.sb-widget-subscribe input[type='submit']{
	background-color: #4b9fad;
}

.widget.sb-widget-subscribe input[type='submit']:hover{
	background-color: #3a7d88;
}

.widget.sb-widget-subscribe .gform_wrapper.gravity-theme .gform_footer{
	margin: 0;
	padding: 0;
}

#sidebar-about-us{
    background-color: #246cff;
    padding: 40px 20px 80px 20px;
    background-image: url(/wp-content/themes/look-child/images/about-us-sidebar-bg.png);
    background-repeat: no-repeat;
    background-position: -100px -30px;
    background-size: 70%;
    position: relative;
}

#sidebar-about-us:after{
    content: ' ';
    display: block;
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 165px;
    height: 85px;
    z-index: 1;
    background-image: url(/wp-content/themes/look-child/images/serious-women-blue.png);
    background-repeat: no-repeat;
    background-size: 165px 85px;
}

#sidebar-about-us h3,
#sidebar-about-us p{
	color:#fff;
	position: relative;
	z-index:2
}

#sidebar-about-us h3{
	margin-top:0;
}
#sidebar-about-us p{
    font-size: 16px;
}

/* most-read widget */
.widget.sb-widget-post .post-title.is-mini-title > * {
    line-height: 1.4;
}

.widget.sb-widget-post .post-list-small .post-meta-info {
    font-size: 13px;
}

.widget.sb-widget-post .post-list-small h6.post-title.is-mini-title {
	margin-bottom: 2px;
}

.widget.sb-widget-post .style-4 h6.post-title{
   color: var(--purple); 
}



/*
* category lozenges
*/

/* trying to fix lozenges for a single user who see's a weird behaviour */
.post-cat-info,
.post-cat-info a{
	height:28px;
}

.post-cat-info{
	line-height:28px;
}

/* lozenge colours */
.post-cat-info a{
    background: var(--lime-green);
    border-radius: 15px;
    padding: 5px 16px;
    font-size: 14px;
    text-transform: none;
}

.post-cat-info a.is-cat-4,
.post-cat-info a.is-category-4{
    /* beauty */
    background: var(--red); 
    color:#fff;
}

.post-cat-info a.is-cat-5,
.post-cat-info a.is-category-5{
    /* Relationships */
    background: var(--light-purple); 
}

.post-cat-info a.is-cat-6,
.post-cat-info a.is-category-6{
    /* Wellness */
    background: var(--lime-green); 
}

.post-cat-info a.is-cat-7,
.post-cat-info a.is-category-7{
    /* Entertainment */
    background: var(--cyan); 
}

.post-cat-info a.is-cat-8,
.post-cat-info a.is-category-8{
    /* Lifestyle */
    background: var(--purple); 
    color:#fff;
}

.post-cat-info a.is-cat-9,
.post-cat-info a.is-category-9{
    /* Watch */
    background: var(--orange); 
}

.post-cat-info a:after{
    content: none;
}

.post-slider .post-cat-info a{
    color:#000;
}

.post-slider .post-cat-info a.is-cat-4,
.post-slider .post-cat-info a.is-cat-8{
     color:#fff;
}

.off-canvas-widget-section-wrap .post-cat-info a{
    color:#000;
}

/*
* blog customizations 
*/

/* hiding third recommended post on mobile */
@media only screen and (max-width: 767px){
    .single-related-content .col-sm-4:last-child {
        display: none;
    }
}

/*
* contact us form
*/
.gform_wrapper label{
    color:var(--peach); 
}

.gform_wrapper input[type='text'],
.gform_wrapper input[type='email'],
.gform_wrapper textarea{
    font-size:16px !important;
    border: 1px solid #a7a7a7
}

.gform_wrapper input[type='submit']{
    font-size:16px !important;
    background-color:var(--peach);
}

.gform_wrapper input[type='submit']:hover{
   background-color:var(--red) 
}

.gform_confirmation_wrapper {
    background: #f7fff7;
    border: 1px solid green;
    padding: 10px;
}