/*
Theme Name: WP Trust
Theme URI: http://cmssuperheroes.com
Author: CMSSuperHeroes
Author URI: http://themeforest.net/user/CMSSuperHeroes
Description: The 2015 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.0.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready
Text Domain: wp-trust

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.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */

.renewal_fee_calculator{
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 5px;
    background: #f3f3f3;
}


#renewal_fee_calculator .col-sm-3, #renewal_fee_calculator .col-sm-2  {/*background: #ffffff;
    padding: 20px 20px 28px 20px;
    border: 1px solid #b5b5b5; margin-right:20px;*/}
	


.renewal_fee_calculator .first_row{
    padding-bottom: 0px;
    } 



.renewal_fee_calculator .row>div {
     padding:22px 22px; /* border-right: 1px solid #ccc; min-height: 85px;     padding: 0px 15px;*/
}


.renewal_fee_calculator #CF5c45aa9b718c2_1-row-1>div {
    border-right: 1px solid #ccc; /*min-height: 85px;  padding:22px 22px;     padding: 0px 15px;*/
}


.renewal_fee_calculator .first_row>div {
     padding-top:14px; min-height: 95px;    /* padding: 0px 15px;*/
}

.renewal_fee_calculator .row div.col-sm-4:nth-child(3){ 
 border-right: 0px solid #ccc!important;
 min-height: 424px;
}

.renewal_fee_calculator .row .last_col{ 
 border-bottom: 0px solid #ccc; padding:15px 20px;
}


#CF5c45aa9b718c2_1-row-1{ background:#fff;}
.caldera-grid .row {
    margin-left: 0px!important;
	}
	
.renewal_fee_calculator .more_info{
    position: absolute;
    top: 345px;
}




.year_error{     color: #ff0000;
    font-size: 11px; clear: both;
    float: left; line-height: 13px;}


.renewal_fee_calculator .rfc_enter_period{width:28%; float:left;  padding: 6px 0px;}	
.renewal_fee_calculator .rfc_year_from{ width:31%;  float:left;}
.renewal_fee_calculator .rfc_enetr_to{ width:10%;  float:left;     text-align:center;
    padding: 6px;}
.renewal_fee_calculator .rfc_year_to{ width:31%;  float:left;}


.renewal_fee_calculator .rfc_period_text{ clear:both;     line-height: 16px;}
.renewal_fee_calculator .rfc_period_text b{ padding-top:10px; line-height: 16px;     display: block;}
.renewal_fee_calculator .rfc_period_text br{ display:none;}

.renewal_fee_calculator .or_text{position: absolute;
        top: 37%;
    left: -19px;
    background: #d5aa6d; color:#000;
    padding: 3px 10px;
    border-radius: 50%; z-index:3;
}

.renewal_fee_calculator .more_info{ clear:both; padding-top: 20px;}
.renewal_fee_calculator .rfc_today_date, .renewal_fee_calculator .rfc_days, .renewal_fee_calculator .rfc_years, .renewal_fee_calculator .next_renewal_date, .renewal_fee_calculator .rfc_year_box, .renewal_fee_calculator .rfc_date_box, .renewal_fee_calculator .next_renewal_date_html{ display:none;}

.renewal_fee_calculator .date_of_filing, .renewal_fee_calculator .date_of_grant, .renewal_fee_calculator .next_renewal_date, .renewal_fee_calculator .rfc_today_date, .renewal_fee_calculator .rfc_days{ clear:both;}

.renewal_fee_calculator .date_of_filing label, .renewal_fee_calculator .date_of_grant label/*, .renewal_fee_calculator .next_renewal_date label*/{ width:40%;  padding: 6px 0px; float:left;}
.renewal_fee_calculator .date_of_filing>div, .renewal_fee_calculator .date_of_grant>div/*, .renewal_fee_calculator .next_renewal_date>div*/{ width:60%; float:left;}



.renewal_fee_calculator .active_dropdown, .renewal_fee_calculator .active_calender{background: #00000047;
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    left: 0px; z-index:1;
    top: 0px; display:none; cursor:pointer;}

.renewal_fee_calculator .active_calender{ display:block;}	
	
.renewal_fee_calculator .close_me{ position:absolute;     right: 5px;
    top: 5px;
    color: #f00;
    font-size: 18px; display:none;
	cursor:pointer;}
	

.renewal_fee_calculator .rfc_entity, .renewal_fee_calculator .rfc_entity2, .renewal_fee_calculator #fld_7438137_1-wrap{
    border-bottom: 1px solid #ccc;
    padding-bottom: 25px;
    margin-bottom: 24px!important;
}

.renewal_fee_calculator #fld_7438137_1-wrap{    min-height: 163px;}


@media only screen and (max-width: 600px) {
	.renewal_fee_calculator .or_text {
		top: -17px;
		left: 43%;
	}
}

.renewal_calender_html, .show_chart, .calender_table{ display:none;}

.show_chart{ cursor: pointer;
    background: #333;
    color: #fff;
    width: max-content;
    padding: 5px 10px;
    border-radius: 2px;
	line-height: 15px;
	}

.show_chart:hover{ background:#d5aa6d;}


.renewal_fee_calculator .btn.btn-secondary {
    background-color: #d5aa6d!important;
    border-color: #d5aa6d!important;
    color: #fff!important;
}

.renewal_fee_calculator .btn.btn-secondary:hover {
    background-color: #333!important;
    border-color: #333!important;
    color: #fff!important;
}


.calender_table{position: absolute;
    margin: 0;
    top: -21px;
    left: -1px;
    background: #fff;
    width: 106%;}

.calender_table table th{ background:#e8e8e8;}
.calender_table table th, .calender_table table td{ padding:2px 8px; border:1px solid #ccc;}
.close_table{ cursor: pointer;
    position: absolute;
    right: -8px;
    top: -9px;
    border: 1px solid #b8b6b6;
    color: #FF0000;
    background: #dddddd;
    border-radius: 50%;
    padding: 2px 5px 3px 5px;
    font-size: 20px!important;}


.for_calender{ display:none;}




/* additional css  */

#cshero-header-navigation .main-navigation .menu-main-menu > li > a {
    font-family: "Open Sans";
    font-size: 13px;
    font-weight: bold;
}


.owl-theme .owl-controls .owl-prev i:before, .owl-theme .owl-controls .owl-next i:before{ display:none;}

.owl-theme .owl-controls .owl-prev i, .owl-theme .owl-controls .owl-next i{ width:32px!important; height:32px!important; border:0px!important;}


.home .owl-theme .owl-controls .owl-next i{
    background: url(https://cdn.jsdelivr.net/bxslider/4.2.12/images/controls.png) no-repeat -43px -32px;
}

.home .owl-theme .owl-controls .owl-next i:hover, .home .owl-theme .owl-controls .owl-next i:focus {
    background-position: -43px 0;
}




.home .owl-theme .owl-controls .owl-prev i{
    background: url(https://cdn.jsdelivr.net/bxslider/4.2.12/images/controls.png) no-repeat 0 -32px;
}


.home .owl-theme .owl-controls .owl-prev i:hover, .home .owl-theme .owl-controls .owl-prev i:focus {
    background-position: 0 0;
}

@media only screen and (max-width: 767px) {
.cms-testimonial-layout1 .owl-controls .owl-nav{top:34%;position:absolute;right:0; width:100%;}
.home .owl-next{ position:absolute; right:0px;}
.home .owl-prev{ position:absolute; left:0px;}
.page-title{margin-top: 45px!important;}

}


@media only screen and (min-width: 1100px) {
.home .owl-next{ position:absolute; right:0px;}
.home .owl-prev{ position:absolute; left:0px;}
}