/*
 Theme Name: Valenti Child
Theme URI: https://themeforest.net/item/valenti-wordpress-hd-review-magazine-news-theme/5888961
Description: Theme child of Valenti
Version: 1.0
Author: Codetipi
Author URI: http://www.codetipi.com
Template: valenti
Text Domain: codetipi
*/


/* =Theme customization starts here. Any CSS code entered here will overwrite the parent's CSS.
-------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Karla:wght@700&display=swap');

.screen-reader-text{
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}
.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

.site-header .logo-main-wrap-l {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    padding-top: 0!important;
    padding-bottom: 0!important;
}
.site-header .logo-main{
    max-width: 369px;
    padding-top: 41px;
    padding-bottom: 41px;
}
.site-header .logo-main a{
    display: inline-block;
}
.site-header .logo-main img{
    max-width: 100%;
    height: 53px;
}
.logo-main-wrap__menu-area{
    padding: 33px 0;
}
.top-menu{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    line-height: 1;
}
.top-menu li.custom-menu-item{
    margin-right: 30px;
}
.top-menu li.social-item:not(:last-child){
    margin-right: 20px;
}


.top-menu li.facebook-item{
    margin-left: 10px;
}

.top-menu li a{
    font-family: 'Karla', sans-serif;
    font-weight: 700;
    font-size: 19px;
    letter-spacing: 0.83px;
    color: #fff;
    text-transform: uppercase;
    transition: color .2s ease;
}
.top-menu li.social-item a{
    font-size: 1.5em;
}
.top-menu li a:hover,
.top-menu li a:focus{
    color: #eb9812;
}
div#cb-top-menu {
    display: none;
}
.home #cb-nav-bar{
    margin-bottom: 35px;
}
.custom-search-form{
    width: 315px;
}
.custom-search-form .search-form{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.custom-search-form label{
    width: calc(100% - 53px);
    position: relative;

}
.custom-search-form label:before{
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='25' height='25' viewBox='0 0 25 25'%3E%3Cimage id='_Group_' data-name='<Group>' width='25' height='25' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAABHNCSVQICAgIfAhkiAAAAbRJREFUSEvFlc1Rw0AMhXEF0AG5cUw4cCZUAFRA6AAqIKkAOiB0QCrAuSYHwg1uoQNSgXmPkTKyo/3xYIad0Tjx7uqT3lraoqqqvdD4WL5dYG4A64mVeK5h5dFJn8+sUTQhcHyAnTdi+xEvT5gb58BqEAAY9TPs0Dj/lOj11amZ2zAYgKaxlLYQAVAOjd6NNJDpdQz0A5GNBPQlougmrnGyPgZo5WWkkDEm73IB6qiR/RyQYQzyJTLNsJBfVPYAaITFj7LBzaZ4X6xIf4ktShEB0iAnCJKq1AYhKtUGC/j5th6ATLHpCuZKZiFBTVNUQDTQ/4Wwuu9hv5GLBXwek4tV/iqSnOFcypQ8dl5qbI13LGL/4KUYuYitpPW5mPMg2/+EBaKSceEtsnnIyaZVMdIhNrAlaFtJghoANspBqCPbBskaUW3JncPYymtnBOc9voexLuwI9rtmqyeITjUjOmGU2vgIsNcA5zi0c7ugnUtLpBtJtNahjZrOeW40ghlYEORC1JvoPsR/22549dLpdjh3US2jKMQ6Sv2OgTqDiMws7B3pOoUEQJedQxzQ5E8gBsRbtvwG5iYMTYM+Jo0AAAAASUVORK5CYII='/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: left center;
    position: absolute;
    left: 10px;
    top: 9px;
    height: 25px;
    width: 25px;

}
.custom-search-form .search-field{
   width: 100%;
    border: 1px solid #CCCACB;
    padding: 12px 12px 10px 45px;
    font-family: 'Karla', sans-serif;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.792px;
    color: #CCCACB;
    text-transform: uppercase;
    background: transparent;
}
.custom-search-form .search-field:focus{
    border-color: #000;
}
.custom-search-form .search-field::-webkit-input-placeholder{
    font-family: 'Karla', sans-serif;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.792px;
    color: #CCCACB;
}
.custom-search-form .search-field:-ms-input-placeholder{
    font-family: 'Karla', sans-serif;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.792px;
    color: #CCCACB;
}
.custom-search-form .search-field::placeholder{
    font-family: 'Karla', sans-serif;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.792px;
    color: #CCCACB;
}
.custom-search-form .search-submit{
    font-family: 'Karla', sans-serif;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.792px;
    color: #fff;
    background: #CCCACB;
    border: none;
    text-transform: uppercase;
    padding: 12px 8px 10px;
    transition: all .2s ease;
    margin-left: 11px;
    width: 42px;
    outline: none;
    cursor: pointer;
}
.custom-search-form .search-submit:hover,
.custom-search-form .search-submit:focus{
    background: #a8a8a8;
}

.article__authorAndDate {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 20px;
}

.type-post .shareaholic-canvas {
    display: inline-block;
    vertical-align: middle;
    float: right;
    margin-top: -28px;
    width: 310px;
}

.entry-content > .shareaholic-canvas + p {
    clear: both;
}

@media only screen and (min-width: 1200px){
.shadow__sides {
    box-shadow: none;
}
}


@media only screen and (min-width: 1020px){
    #cb-author-box .cb-meta .cb-info {
        padding: 0;
    }
    #cb-author-box .cb-meta .cb-author-bio {
        margin: 0;
        padding: 15px 0 15px 0px;
    }
	body{
		font-size: 14px;
	}
}

@media only screen and (min-width: 768px){
#cb-nav-bar.main-navigation > .site-skin-1{
    background-color: #f2f2f2;
    background-color: rgba(240, 240, 240, 0.92);
}
	.main-nav-wrap .main-nav {
    width: 100%;
}
.main-navigation .horizontal-menu > li > a {
    color: #999;
}
	.main-navigation .horizontal-menu > li.active > a {
    color: #fff;
}
	.main-navigation .horizontal-menu > li.current-post-ancestor > a {
		color: #fff;
	}
	.main-navigation .horizontal-menu>li .menu-wrap {
    background: #f2f2f2;
    -moz-box-shadow: 0px 7px 7px -6px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 7px 7px -6px rgb(0 0 0 / 50%);
     box-shadow: 0px 7px 7px -6px rgb(0 0 0 / 50%);
}
	.mm-art .block-title-wrap .block-title {
    color: #808080;
}
	.secondary-menu-wrap .menu-bg-area a {
    color: #999;
}
	.secondary-menu-wrap .secondary-menu i {
   top: 0; 
    font-size: 1.7em;
}
	.valenti-widget .social-icons-bg a{
		font-size:45px;
	}
	
	#cb-content a:hover,
	#content.widecolumn a:hover {
    text-decoration: underline;
}
	.valenti-widget .widget-social-icons ul li a:hover{
		text-decoration:none!important;
	}
}



.preview-grid .meta .title a {
    border-bottom: 2px solid;
}
div#cb-social-media-widget-2 {
    padding: 0;
}
.pagination .page-numbers, 
.woocommerce-pagination .page-numbers{
	font-size: 16px;
}
.split-design-1 .preview-mini-wrap {
    align-items: flex-start;
}
div#cb-social-media-widget-5 {
    margin: 0;
}
.entry-content blockquote {
    width: 80%;
    margin: 0 15% 0 5%;
    border-left: 3px solid #e9e9e9;
    padding-left: 20px;
	    margin-bottom: 20px;
}
.entry-content blockquote:before, q:before{
	display:none;
}
.entry-content blockquote p {
    color: #777;
}
.cb-tags a, .bbp-topic-tags a {
    margin: 0 5px 5px 0;
    border: 3px solid #e9e9e9;
    background: #f7f7f7;
    padding: 6px 10px;
    font-size: 12px !important;
    display: inline-block;
    color: #999999 !important;
    letter-spacing: 1px;
}
.next-prev__design-1 .prev-next-block {
    border-right: 3px solid #fff;
}
.rpbc_widget_inner .rpbc_content {
    font-size: 14px;
}
.wpcf7-form p {
    color: #808080;
    font-size: 1.15em;
}

.wpcf7-submit {
    text-decoration: none;
    margin-top: 20px;
    font-size: 1.25em;
    background: #fafafa;
    -webkit-transition: background, 0.35s;
    -ms-transition: background, 0.35s;
    -o-transition: background, 0.35s;
    -transition: background, 0.35s;
    transition: background, 0.35s;
    padding: 10px 30px;
    color: #999999;
    border: 3px solid #f0f0f0;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    -webkit-appearance: none;
    font-weight: 700;
	    -webkit-appearance: button;
    cursor: pointer;
}
.wpcf7-submit:hover, .wpcf7-submit:focus {
    background: #f5f5f5;
	    box-shadow: none;
}

.mob-menu-wrap .mobile-navigation{
	text-align: center;
}
.mob-menu-wrap .vertical-menu li {
    font-weight: 700;
    letter-spacing: 1px;
}
/* Mailchimp style  */
#mc_embed_signup {
    background: transparent !important;
    clear:left;
    width:100% !important;
    font:14px Helvetica,Arial,sans-serif;
}
#mc_embed_signup_scroll {
    background: transparent;
}
.email::placeholder {
    text-align:center;
}
#mc_embed_signup input.email {
    margin:0px !important;
    width: 100% !important;
}
#mc_embed_signup input.button {
    width: 100% !important;
}
#mc_embed_signup form {
    padding: 0px  !important;
}

@media only screen and (max-width: 1020px){
    .site-header-block.site-mob-header{
        background-color: #3079d5;
    }
    .logo-mobile img{
        height: 53px;
    }
    header#masthead {
        display: none;
    }
    .home div#cb-container{
        margin-top: 10px;
    }
    .mob-menu-wrap .vertical-menu{
        margin-top: 25px;
        text-align: left;
    }
    .top-menu li.custom-menu-item{
        margin-right: 20px;
    }
    .top-menu li.social-item:not(:last-child){
        margin-right: 15px;
    }
    .top-menu li a{
        font-size: 16px;
    }
    .top-menu li.social-item a{
        font-size: 20px;
        line-height: 0;
    }
    .logo-main-wrap__menu-area{
        padding: 0;

    }
    .logo-x-wrap.tipi-flex.vertical-c{
        margin-bottom: 30px;
    }
    .custom-search-form{
        width: 100%;
        max-width: 315px;
    }
    .custom-search-form .search-field:focus{
        border-color: #fff;
        background: transparent;
    }
}

@media only screen and (max-width: 470px){
    .top-menu li.custom-menu-item{
        margin-right: 15px;
    }
    .top-menu li.social-item:not(:last-child){
        margin-right: 10px;
    }
    .top-menu li.facebook-item {
        margin-left: 3px;
    }
    .top-menu li a{
        font-size: 15px;
    }
    .top-menu li.social-item a{
        font-size: 18px;
    }
    .top-menu li.social-item{
        position: relative;
        top: 2px;
    }
    .mob-menu-wrap .content{
        padding-left: 30px;
        padding-right: 30px;
    }
    .custom-search-form .search-field{
        font-size: 15px;
    }
    .custom-search-form .search-submit{
        font-size: 15px;
    }
    .custom-search-form label:before {
        background-size: 80%;
    }
}
@media only screen and (max-width: 360px){
    .top-menu li a {
        font-size: 14px;
    }
    .mob-menu-wrap .content {
        padding-left: 25px;
        padding-right: 25px;
    }
    .top-menu li.custom-menu-item{
        margin-right: 12px;
    }
    .top-menu li.social-item:not(:last-child) {
        margin-right: 8px;
    }
    .top-menu li.facebook-item {
        margin-left: 0;
    }
}