/*
Theme Name: Surya Chandra Child
Theme URI: https://wenthemes.com/item/wordpress-themes/surya-chandra/
Author: WEN Themes
Author URI: https://wenthemes.com
Description: Surya Chandra is a responsive multi-purpose WordPress theme. It is a flexible theme suitable for agency, blog, business, corporate or portfolios. Powered with drag and drop page builder, SiteOrigin Page Builder, it is easy and straightforward for customization. It comes with multiple widgets with which you can create custom layouts with less efforts. For quick start, sample demo content files are available in the theme enabling one click demo import. With Multiple color schemes and font options provided in the theme allows you to setup site as per your targeted online presence.
Template: surya-chandra
Version: 1.3
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: surya-chandra
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, sticky-post, custom-background, custom-header, custom-colors, custom-menu, featured-images, full-width-template, translation-ready, theme-options, threaded-comments, custom-logo, blog, editor-style
Text Domain: surya-chandra-child
*/
@import url('https://fonts.googleapis.com/css?family=Nunito');

body {
	font-family: 'Nunito', sans-serif !important;
	color: #111;
}

body, button, input, select, textarea {
	font-size: 18px;
}

.widget {
    margin: 0 0 10px;
}

#content {
	font-family: 'Nunito', sans-serif !important;
}

.home .so-widget-sow-hero .sow-slider-base ul.sow-slider-images li.sow-slider-image::after{
	background: none;
}

ul {
	padding-left: 3em;
}

.main-navigation ul ul {
	min-width: 320px;
}

.main-navigation ul li a {
	font-size: 14px !important;
	padding: 15px 20px !important;
	font-weight: 600!important;
}

.main-navigation ul li.menu-item-has-children a, .main-navigation ul li.page-item-has-children a {

}

.pricing-panel-grid {
	margin: 2em 0;	
	display: -webkit-flex;
	display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: nowrap;
		-ms-justify-content: space-between;
		-webkit-justify-content: space-between;
		justify-content: space-between;
}

.pricing-panel-grid h4, .pricing-panel-grid em{
	text-align: center;
}

.pricing-panel-grid .panel-grid-cell {
	padding: 2em 1em;	
	background: #FAFAFA;
	border: 1px solid #E0E0E0;
	box-shadow: 0 0 20px rgba(0,0,0,0.15);
	margin: 0 1em;
	width: 33%;
}

.add-ons-tabs .sow-tabs-panel {
	box-shadow: 0px 0px 30px 4px #f5f5f5;
		-webkit-box-shadow: 0px 0px 30px 4px #f5f5f5;
		-moz-box-shadow: 0px 0px 30px 4px #f5f5f5;
}

@media only screen and (max-width:737px){
	.pricing-panel-grid {
		display: block;		
	}	
	.panel-grid-cell {
		margin-bottom: 0em;
		width: 100% !important;
	}
	.pricing-panel-grid .panel-grid-cell {
		margin: 0 0 2em 0;
		padding: 1em .5em;
	}
	.sow-tabs-tab {
		width: 98%;
		margin: .2em 0 !important;
	}
}

.sidebar .widget {
	background: #efefef;
}

a.more-link, a.more-link:visited {
	background: #efefef;
	display: inline-block !important;
	padding: 0 0 0 .8em;
	color: #777;
	font-size: 14px;
}

.more-link:after {
	content: "\271A";
	font-weight: bold;
	display: inline-block;
    background: #ccc;
    padding: .3em .6em;
    margin-left: .5em;
}

.divider {
	padding-top: 15px;
    margin-bottom: 15px;    
    clear: both;
    display: block;
    border-bottom: 1px solid #E6E6E6;
}

a.button.style1.themebutton {
	color: #fff;
}

.page-title {
	font-size: 36px;
	text-align: left;
}

#custom-header {
	min-height: auto;
}

.sidebar-seo-landing-left .theiaStickySidebar {
	background: #efefef;
	box-shadow: 0px 0px 30px 4px #f5f5f5;
		-webkit-box-shadow: 0px 0px 30px 4px #f5f5f5;
		-moz-box-shadow: 0px 0px 30px 4px #f5f5f5;
}

.sidebar-seo-landing-left ul li h2 {
	font-size: 14px; 
}

.sidebar-seo-landing-left .widget {
	margin-bottom: 0px;
	padding: 0;
}

.sidebar-seo-landing-left .widget-title {
	background: #5070bd;
    border: 1px solid #5070bd;
    color: #fff;
    padding: 8px 25px;
}

.sidebar-seo-landing-left .custom-html-widget {
	padding: 0 25px 25px;	
}


/*--------------------------------------------------------------
19.1. Override Basic Breadcrumb
--------------------------------------------------------------*/
#breadcrumb {
    color: #222;
    text-align: left;
    margin-bottom: 3em;
    font-size: 12px;
}
#breadcrumb a {
    color: #3a85eb;
}
.single #breadcrumb {
	margin-bottom: 1em;
}

.panel-layout .panel-grid > div {
	padding: 40px 0;
}

#content {
	padding-top: 36px;
}

blockquote, blockquote p {
  /*background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";*/
  font-size: 16px;
  text-align: left;
  font-weight: normal;
}
blockquote:before {
  content: '';
  /*color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
  display: inline;*/
}

#header-right a.custom-button {
	/*width: 54px;
	height: 38px;*/
	background: #e60000;
	color: #fff !important;
	text-align: center;
	padding: 8px 12px;
	border-radius: 8px;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	display: inline;
	top: 10px;
}

.single-post .entry-content .fa {
	margin-left: 1em;
}

.one_half  {
	padding: 2%;	
}

.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {
	padding: 40px 0;
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (max-width: 1230px) {
	/*.home .sow-slider-image-container h1 {
		font-size: 20px !important;
	}
	
	.home .sow-slider-image-container h2 {
		font-size: 16px !important;
	}*/
	.home .sow-slide-nav, .home .sow-slider-pagination {
		display: none !important;
	}
	/*
	.home .sow-slider-image-wrapper {
		padding-top: 100px !important;
	}
	*/
}

@media only screen and (max-width: 1023px) {
	#content {
		padding-top: 0px;
	}
}

@media only screen and (max-width: 830px) {
	
	/*e {
		font-size: 26px;
	}	
	.single #breadcrumb {
		margin-bottom: 0em;
	}
	#primary {
		margin-top: 10px;
	}*/
}

@media only screen and (min-width: 770px) {
	.home .home-features .feature-wrapper {
		min-height: 550px;		
	}
}

@media only screen and (max-width: 767px) {
	.page-template-tpl-seo-landing #sidebar-secondary {
		float: none;
		width: 100%;
		display: block;
	}
	.page-template-tpl-seo-landing #sidebar-primary {
		width: 100%;
	}
	#header-right .quick-link-button {
		display: none !important;
	}
	#header-right .search-icon {
		margin-top: 5px !important;
	}
} 

@media only screen and (max-width: 740px) and (orientation: landscape) {
    .home .sow-slider-image-wrapper {
		padding-top: 30px !important;
	}
}

@media only screen and (max-width: 420px) {
	/*.home .sow-slider-image-container h1 {
		font-size: 16px !important;
	}
	
	.home .sow-slider-image-container h2 {
		font-size: 13px !important;
	}
	
	.home .sow-slider-image-wrapper {
		padding-top: 20px !important;
	}*/
} 

@media only screen and (max-width: 400px) {
	.home .sow-slider-image-container h2 {
		display: none !important;
	}	
} 


.below-image-pad {
	padding-bottom: 10px; padding-top: 10px;
}

.below-image-pad-120 {
	padding-bottom: 150px; 
	padding-top: 0px;
}

#media_image-3,.cta-sidebar {
	padding: 0px !important;
	text-align: center;
	margin-top: 0px;
}

#media_image-2, .widget.widget_media_image {
	padding: 0px !important;
	text-align: center;	
	margin: 0 auto 50px;
	width: 258px !important;
}

#start_trial {
	padding-top: 10px; 
	color: #000; 
	font-style: italic; 
	text-align: center; 
	font-size: 15px;
}

#start_trial_no_creditcard {
	padding-top: 0px; 
	color: #000; 
	font-style: italic; 
	text-align: center; 
	font-size: 15px;
}

#media_image-4,.cta-sidebar {
	padding: 0px!important;
	text-align: center;
	margin-top: 0px;
}

#media_image-5,.cta-sidebar {
	padding: 0px!important;
	text-align: center;
	margin-top: 0px;
}

#custom-header::after {
    background: #fff;
    content: "";
    display: block;
    height: 100%;
    opacity: 0.3;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 888;
}

.page-title {
    color: #4a4a4a;
    line-height: 1.4em;
    font-weight: 400;
	text-transform: capitalize;
}

.custom-header-content {
	position: relative;
	background: #f4f7f8;
	padding: 10px 0 10px;
}

/*
.single .custom-header-content {
	position: relative;
	margin-top: 2em;
}

.single .page-title {
	text-align: left;
}

.single #content {
	padding-top: 10px;
}

#custom-header {
	min-height: 50px;
}

.blog .custom-header-content, .archive .custom-header-content {
	top: 3px;
}

.blog .page-title, .archive .page-title{
	font-size: 34px;
	text-align: left;
	text-transform: capitalize;
}
*/
.entry-meta .tags-links {
	display: none;
}

/*#sab_wrap {
	padding-top: 10px; 
	height: 65px;
}*/

#credit_card_center {text-align: center;font-style: italic; padding-top: 0px; }

.page-title {
    font-size: 34px;line-height: 1.2em;
}

h1,h2,h3 {line-height: 1.2em;}
/*
.img-header-blog {
	position: absolute;
	top: 0px;
	z-index: -100;
}

.blog .img-header-blog {
	position: relative;
}

.blog-title-container .blog-title {
	font-size: 28px;
	line-height: 1.2em;
	padding-top: 10px;	
}*/

#sab_content p, #sab_content .button {
	margin-bottom: 0px;
}

#sab_content .button {
	width: 100%;
}

#sidebar-primary .widget.widget_media_image {
	margin: 0 0 50px !important;
}

#sidebar-primary .widget.widget_media_image img {
	max-width: none !important;
}

.entry-thumb {
	margin-top: 2em;
}

/** Light Moible Menu Styles **/
/*.sidr {
	background: #fff;
	box-shadow: none;
	border-right: 1px solid #e8e8e8;
}

.sidr ul {
	border: none;
}

.sidr ul li a, .sidr ul li ul li a {
	color: #333;
}

.sidr ul li {
	border-top: none;
	border-color: #e8e8e8;
}

.sidr .dropdown-icon {
	box-shadow: none;
	background: none;
}

.sidr .dropdown-icon::after {
	color: #333;
}

.sidr ul li ul li.active>a, .sidr ul li ul li.active>span, .sidr ul li ul li.sidr-class-active>a, .sidr ul li ul li.sidr-class-active>span, .sidr ul li ul li:hover>a, .sidr ul li ul li:hover>span, .sidr ul li.active>a, .sidr ul li.active>span, .sidr ul li.sidr-class-active>a, .sidr ul li.sidr-class-active>span, .sidr ul li:hover>a, .sidr ul li:hover>span {
	box-shadow: none;
}*/
/** END Light Moible Menu Styles **/

.authorbox {
	background: #fcfcfc;
	margin-bottom: 3em;
}

.author .authorbox .author-header a {
	font-size: 22px;
}

.authorbox .author-links i {
	font-size: 20px;
	margin-right: .5em;
}

.formotus-pricing-table .item-price .plan-description {
	min-height: 190px;
}

.home-features-items .sow-features-feature .feature-wrapper {
	box-shadow: none;
}

.home-features-items .sow-features-feature .feature-wrapper:hover {
    box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
		-webkit-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
    	-moz-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
}

#media_image-2, .widget.widget_media_image {
    width: 319px!important;
}

#media_image-4 .widget.widget_media_image {
	width: 319px!important;
}

.authorbox .author-links i {
    font-size: 20px;
    margin-right: .5em;
}

.authorbox .author-links i {
    font-size: 20px;
    margin-right: .5em;
}

/*Mainsite pages*/
.panel-layout .panel-grid > div {
padding-top:25px;
padding-bottom:30px;
}
#breadcrumb {
margin-bottom: 0px!important;
	margin-top: 0px!important;
}

/*I don't think we need this one on the live site. it's for the home page start trial*/
#start_trial {
    padding-top: 10px;
    color: #000;
    font-style: italic;
    text-align: center;
    font-size: 15px;
}

.blog-header .custom-header-content {
	padding: 28px 0;
}

.blog-header .custom-header-content .page-title {
	text-align: center;
	margin-bottom: 10px;
}

.training-videos .fluid-width-video-wrapper {
 	width:95%!important;
}

.training-videos .video-description {
	max-width: 360px;
	min-height: 111px;
}

@media only screen and (min-width: 775px) and (max-width: 944px) {
	.training-videos .video-description {
		min-height: 170px;		
	}
}

.page-template-tpl-builders-no-nav #content {
	padding-top: 0px; 
	padding-bottom: 0px; 
}

.afc_popup, .afc_popup a, .afc_popup a:visited {
	color: #fff !important;
	text-align: center;
}

.afc_popup h2 {
	color: #fff;
	font-size: 15px;
	margin-bottom: 4px;
	letter-spacing: 1px;	
}

.afc_popup h5 {
	color: #fff;
	font-size: 10px;
	margin-bottom: 1px;
}

h2.sow-headline{
	/*font-weight: bold;*/
	line-height: 1.3em !important;
}

.container .border.our-solution {
	padding-top: 6em;
}

#footer-widgets .menu-resources-container ul {
	width: 290px;
	margin: 0 auto;
}
#footer-widgets .menu-resources-container ul li {
	display: inline-block;
	margin: 0 10px;		
}

.copyright {
	float: none;
}

.app-buttons img {
	height: 70px !important;
}

#masthead {
	background: #000;
} 

.main-navigation ul li a {
	color: #fff;
}

.main-navigation ul li > ul li a {
    color: #666666;
}

.header-layout-3 #header-right .search-icon {
	color: #fff;
}

.sow-headline-container h2.sow-headline { 
	font-size: 23px;
}

h2, h3 {
	padding-top: 6px;
}

#content .so-widget-sow-hero .sow-slider-image-wrapper p, #content .so-widget-sow-hero .sow-slider-image-wrapper h1, #content .so-widget-sow-hero .sow-slider-image-wrapper h2, #content .so-widget-sow-hero .sow-slider-image-wrapper h3, #content .so-widget-sow-hero .sow-slider-image-wrapper h4, #content .so-widget-sow-hero .sow-slider-image-wrapper h5, #content .so-widget-sow-hero .sow-slider-image-wrapper h6 {
	line-height: 1.3em;
}

.mobile-forms-image {
	margin-right: 1em;
}

.advanced_floating_content {
	font-size: 15px;
	color: #000;
	text-align: center;
}

.advanced_floating_content h2 a {
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	background: #e60000;
    padding: 6px 22px;
    border-radius: 5px;
}

.advanced_floating_content h2, .advanced_floating_content h5{ 
	margin: 0;
	padding: 0;
	line-height: 22px;
}

.advanced_floating_content h5 a {
	font-size: 12px;
	font-style: italic;
	color: #000;
}


@media only screen and (max-width:767px){

	#panel-23011-6-0-4, #panel-23011-6-0-6 {
		margin-bottom: 3px;
	}
	#mobile-trigger {
		text-align: right;
		padding: 35px 15px;
		background: #000;		
	}
	.home #mobile-trigger {
		height: 95px;
	}
	.home.header-layout-3 .search-box-wrap{
	    margin-bottom: 20px !important;
	}
	#masthead {
		position: absolute !important;
	    background: none !important;
	    top: -12px !important;
	    width: 88% !important;
	    padding: 25px 0 !important;
	}
	#masthead .container {
		margin-right: 5px;
		padding-right: 0px;
	} 
	.header-layout-3 #header-right .search-icon {
		color: #fff;
		font-size: 17px;
	    margin-top: 7px !important;
    	margin-right: 0;
	}
	.site-branding .custom-logo-link {
		display: none;
	}

	.site-branding .mobile.custom-logo-link, .site-branding .mobile.custom-logo {
		display: block !important;
	}

	.free_trial_button {
		display: block !important;
		position: absolute;
		width: 54px;
		height: 38px;
		background: #e60000;
		color: #fff !important;
		text-align: center;
		top: 30px;
		right: 12%;
		line-height: 14px;
		padding: 5px;
		border-radius: 8px;
		font-weight: bold;
		font-size: 12px;
		text-transform: uppercase;
	}
	.home .sow-slider-image-wrapper {
		padding-top: 10px !important;
		padding-left: 20px !important;
	}
	.home .sow-slider-image-container h1 {
		/*font-size: 34px !important;*/
		font-size: 30px !important;
		font-weight: bold;
		line-height: 1.3em;
		padding-top: 15px;
	}
	.container .border.our-solution {
		padding-top: 40px !important;
	}
	.panel-grid.panel-has-style > .panel-row-style {
		padding: 0px;
	}
		
	.lsow-container button.slick-prev, .lsow-container button.slick-next {
		display: inline-block !important;		
	}
	.lsow-container button.slick-prev, .lsow-container button.slick-prev:before, .lsow-container button.slick-prev:after, .lsow-container button.slick-next, .lsow-container button.slick-next:before, .lsow-container button.slick-next:after, .lsow-container button.slick-prev:hover:before, .lsow-container button.slick-prev:hover:after, .lsow-container button.slick-next:hover:before, .lsow-container button.slick-next:hover:after {
		color: #6181c4 !important;
	}
	.lsow-container button.slick-prev {
		left: -16px !important;
	}
	.lsow-container button.slick-next {
		right: -16px !important;
	}
	.app-buttons img {
		margin-bottom: 1em;
	}
	a.custom-logo-link {
		max-width: 180px;
	}
	.mobile-forms-image {
		margin-right: 0px;
	}
	.advanced_floating_content {
		border-left: 20px solid #FDCD09 !important; 
	}
	#breadcrumb {
		padding-bottom: 10px;
	}
	.panel-row-style-for-w5c85ee7479f07-0, .panel-row-style-for-w5c85ee747aa01-0{
		padding-left: 22.5px !important;
	}
	h1.sow-headline {
		padding-top: 25px;
	}
	#panel-23011-6-0-5 {
		margin-bottom: 0px;
	}

}
@media only screen and (min-width:738px) and (max-width:767px){
	.data-connectors .panel-grid-cell {
		width: 100% !important;
	}
}
@media only screen and (min-width:768px) and (max-width:800px){
	.container .border.our-solution {
		padding-top: 2em !important;
	}
	.data-connectors .integrate-option {
		padding: 0 0px !important;
	}
	.data-connectors .integrate-option .widget.widget_text {
		font-size: 11px !important; 
	}
}

@media only screen and (min-width:801px) and (max-width:1023px){
	.container .border.our-solution {
		padding-top: 5em !important;
	}
}

@media only screen and (max-width:1024px){
	.border {
		border-left: 20px solid #ccc !important; 
	}
	.border.border-yellow {
		border-left: 20px solid #FDCD09 !important; 
	}
	.border.border-orange {
		border-left: 20px solid #E55D30 !important; 
	}
	.border.border-green {
		border-left: 20px solid #169346 !important; 
	}
	.border.border-purple {
		border-left: 20px solid #6181C4 !important; 
	}
	.border.border-blue {
		border-left: 20px solid #15D5EC !important; 
	}
	.border.border-brown {
		border-left: 20px solid #93531C !important; 
	}
	#footer-widgets {
		padding-bottom: 0px;
		border-left: 20px solid #FDCD09 !important; 
	}
	#footer-widgets .footer-widget-area {
		width: 50%;
	}
	#colophon .colophon-bottom {
		padding: 0px 0px 30px;
		border-left: 20px solid #FDCD09 !important; 
	}
	#footer-widgets, .border-top-gray {
		border-top: 1px solid #CCC !important;	
	}	
}

@media only screen and (max-width:1230px){
	.site-header #main-navigation {
		float: none;
	}
}

.captions-mobile {
	font-size: 14px;
	text-align: center;
	line-height: 17px;
}

a.scrollup, a.scrollup:visited {
    bottom: 100px!important;
    /*padding: 15px 20px;
    position: fixed;*/
    z-index: 99999!important;
}

#footer-widgets {
    padding: 60px 0 30px!important;
 
}

.lsow-container img {
	margin: 0 auto;
}

#gray-type {color: #aeafaf!important;}
