/*

 Theme Name:   Soledad Child Theme

 Theme URI:    http://pencidesign.com/

 Description:  Soledad Child Theme - Made by PenciDesign

 Author:       Pencidesign

 Version:      1.0

 Author URI:   http://pencidesign.com/

 Template:     soledad

 Text Domain:  soledad

*/



/* = Theme customization go here

-------------------------------------------------------------- */

/* Start IDL CSS */

/* General CSS */
.button-wrapper.align-center{
    text-align: center;
}
.button-wrapper .button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 20px;
}
.button-wrapper .button.green {background-color: #4CAF50;} /* Green */
.button-wrapper .button.blue {background-color: #008CBA;} /* Blue */
.button-wrapper .button.red {background-color: #f44336;} /* Red */
.button-wrapper .button.gray {background-color: #e7e7e7; color: black;} /* Gray */
.button-wrapper .button.black {background-color: #555555;color: #FFF;} /* Black */

.drop-down{
    /* styling */
    background-color: white;
    border: thin solid blue;
    border-radius: 4px;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: 0.5em 3.5em 0.5em 1em;
    /* reset */
    margin: 0;      
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.drop-down.minimal {
    background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
    background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
    background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
    background-repeat: no-repeat;
}
.drop-down.minimal:focus {
    background-image:
    linear-gradient(45deg, green 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, green 50%),
    linear-gradient(to right, #ccc, #ccc);
    background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
    background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
    background-repeat: no-repeat;
    border-color: green;
    outline: 0;
}


.fll-tabs{
    text-align: left;
}
.fll-tabs .fll-tabs-wrapper{
    display: block;
    width: 100%;
    margin-bottom: -1px;
}
.fll-tabs .fll-tabs-wrapper .fll-tab-title{
    display: inline-block;
    width: auto;
    margin-right: 2px;
    padding: 20px 25px;
    font-weight: 700;
    line-height: 1;
    border-top: 1px solid #CDCDCD;
    border-left: 1px solid #CDCDCD;
    border-right: 1px solid #CDCDCD;
    color: #6EC1E4;
}
.fll-tabs .fll-tabs-wrapper .fll-tab-title:hover{
    cursor: pointer;
}
.fll-tabs .fll-tabs-wrapper .fll-tab-title.fll-active{
    position: relative;
    z-index: 1;
    background-color: #FFF;
    color: #61CE70;
}
.fll-tabs .fll-tabs-content-wrapper .fll-tab-content{
    display: none;
    padding: 10px;
    border: 1px solid #CDCDCD;
    /*overflow: hidden;*/
}
.fll-tabs .fll-tabs-content-wrapper .fll-tab-content.fll-active{
    display: block;
}

.post-entry .inner-post-entry.entry-content .post-description{
    margin-top: 20px;
}

/* Single Video CSS */
.video-program-quote .title,
.video-program-resources .title{
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: var(--pcheading-cl);
    letter-spacing: 0;
    line-height: 1.3em;
}
.video-types{
    width: 100%;
    margin: 20px 0;
    padding: 0;
}
.video-types .video-type-title{
    width: 100%;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}
.video-types .post-tags{ 
    margin-top: 0px;
}
.series-dropdown-wrapper .series-dropdown{
    margin-top: 10px;
}


/* Single Audio Segment CSS */
.audio-segment-post .tags-share-box{
    border-bottom: 1px solid #DEDEDE;
    margin-bottom: 20px;
}
.audio-segment-post .post-related{
    border-top: none;
}


/* Shortcodes CSS */
/* fluid columns */
.one_half{ width:48%; }
.one_third{ width:30.66%; }
.two_third{ width:65.33%; }
.one_fourth{ width:22%; }
.three_fourth{ width:74%; }
.one_fifth{ width:16.8%; }
.two_fifth{ width:37.6%; }
.three_fifth{ width:58.4%; }
.four_fifth{ width:67.2%; }
.one_sixth{ width:13.33%; }
.five_sixth{ width:82.67%; }
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ position:relative; margin-right:4%; float:left; }
.one_half.last,.one_third.last,.two_third.last,.three_fourth.last,.one_fourth.last,.one_fifth.last,.two_fifth.last,.three_fifth.last,.four_fifth.last,.one_sixth.last,.five_sixth.last{ margin-right:0 !important; clear:right; }
.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}

@media screen and (max-width: 767px){
	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
	    float: none;
	    width: 100%;
	}
}

.header-style-header-9 .penci_header {
    background-image: url(/wp-content/themes/soledad-child/images/bg-header.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: cover;
}
.header-style-header-9 .penci-desktop-topbar, .header-style-header-9 .penci-desktop-midbar, .header-style-header-9 .penci-desktop-bottombar, .header-style-header-9 .penci-desktop-topblock, .header-style-header-9 .penci-desktop-bottomblock {
    background-color: transparent;
}
.header-style-header-9 .penci-desktop-bottombar .penci_nav_col.penci_nav_left,
.header-style-header-9 .penci-desktop-bottombar .penci_nav_col.penci_nav_right{
    width: 15%;
}
.header-style-header-9 .pc-wrapbuilder-header {
    margin-bottom: 0;
}
.penci_header.penci_builder_sticky_header_desktop{
	padding-left: 25px;
	padding-right: 25px;
}

.penci_header .wpml-ls-legacy-list-horizontal .wpml-ls-flag,
.penci-header-wrap .wpml-ls-legacy-list-horizontal .wpml-ls-flag{
    display: none;
}
.penci-header-wrap .wpml-ls-item-en span,
.penci-header-wrap .wpml-ls-item-zh-hant span{
	font-size: 0;
}
.icl-zh.wpml-ls-item a#ConvertRef, .penci_header .wpml-ls-item-en span:before, .penci_header .wpml-ls-item-zh-hant span:before,
.penci-header-wrap  .icl-zh.wpml-ls-item a#ConvertRef, .penci-header-wrap  .wpml-ls-item-en span:before, .penci-header-wrap  .wpml-ls-item-zh-hant span:before {
    font-size: 18px;
    font-weight: bold;
    margin: 0 5px;
    line-height: 4px;
}
.penci-header-wrap  .wpml-ls-item-en span:before {
    content: 'EN';
}
.penci-header-wrap  .wpml-ls-item-zh-hant span:before {
    content: '繁';
}
.penci-header-wrap  .icl-zh.wpml-ls-item a#ConvertRef {
    display: block!important;
}
.penci-header-wrap  .icl-zh.wpml-ls-item a#ConvertRef {
    display: block!important;
	line-height: 17px;
}
.penci-header-wrap .icl-zh.wpml-ls-item a#ConvertLink {
    margin-top: 5px;
    position: absolute;
    height: 20px;
    width: 30px;
}
.penci-header-wrap .wpml-ls-statics-shortcode_actions a:hover, .penci_header .wpml-ls-statics-shortcode_actions a:focus {
    background-color: transparent;
}
.show-search.active input#searchsubmit {
    border: 1px solid var(--pcborder-cl);
    height: 40px !important;
    padding: 5px 12px !important;
    position: relative;
    width: 100%;
}
.header-search-style-showup .show-search {
    display: none!important;
}
.penci-header-wrap  span:hover,
.penci-header-wrap  .icl-zh.wpml-ls-item *:hover{
    color: #F93F23;
}

svg.mewe-icon {
    font-size: 33px;
    margin-top: -8px;
	color: #000;
}
.mobile-social a:hover>svg.mewe-icon{
	color: #f93f23;
}

.penci-top-search.pc-builder-element {
    margin-top: -8px;
}

#top-search .active.ss360-custom-search {
    position: absolute!important;
    width: 300px!important;
    background: #fff;
    max-width: 300px;
}
.pc-search-form-sidebar input#searchsubmit {
    padding: 0 9px;
    width: 100%;
    border-right-width: 2px;
}
.penci_mobile_wrapper .wpml-ls-legacy-list-horizontal {
    padding-left: 0;
}
.penci-header-wrap div#lang_sel_list {
    padding-top: 0;
}
#lang_sel_list ul span {
    font-family: 'Lato', sans-serif!important;
}
.footer-subscribe a.msubmit {
    background: #313131;
    border-radius: 0;
    color: #fff;
    padding-top: 0;
    padding-bottom: 0;
    height: 48px;
    line-height: 48px;
    padding: 0;
    text-align: center;
    margin: 0 auto;
    display: block;
    float: none!important;
    text-transform: uppercase;
	text-decoration: none;
}
body.home .featured-area .penci-image-holder {
    background-size: cover;
}
.navigation .penci-megamenu .penci-mega-post {
    padding: 20px 10px 0!important;
}
.menu-style-2 .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-post:before{
	display: none;
}
li.icl-zh.wpml-ls-item:hover > #ConvertRef {
    color: #F93F23;
}
span.otherl-date {
    color: #888888;
    font-size: 14px;
}
.penci-owl-carousel .owl-nav .owl-prev, .penci-owl-carousel .owl-nav .owl-next{
	top: 32%;
}
li.hide-child.menu-item {
    display: none;
}
a.socan {
    position: absolute;
    width: 78px;
    bottom: 10px;
    right: 66px;
}
.social-icon-style a:hover > .mewe-icon path,
.footer-socials li a:hover > .mewe-icon path{
    fill: #f93f23;
}
.home-featured-cat span.featc-author.author.vcard {
    font-size: 0;
}
.home-featured-cat span.featc-author.author.vcard a {
    font-size: 13px;
}


@media(max-width:768px) {
	.icl-zh.wpml-ls-item a#ConvertRef, .penci_header .wpml-ls-item-en span:before, .penci_header .wpml-ls-item-zh-hant span:before,
	.penci-header-wrap  .icl-zh.wpml-ls-item a#ConvertRef, .penci-header-wrap  .wpml-ls-item-en span:before, .penci-header-wrap  .wpml-ls-item-zh-hant span:before {
	    margin-right: 0;
	}
	.wpml-ls-legacy-list-horizontal a {
	    padding-right: 0;
	}
	.wpml-ls-legacy-list-horizontal .wpml-ls-item {
		padding-right: 0;
	}
	.wpml-ls-legacy-list-horizontal>ul{
		text-align: right;
	}
	.penci-header-wrap div#lang_sel_list {
		padding-right: 0;
	}
	a.socan {
	    position: relative;
	    right: unset;
	    bottom: unset;
	    display: block;
	    text-align: center;
	    margin: 10px auto;
	}
	.socan img {
	    width: 100px;
	}
}