/*
Theme Name: Sydney
Theme URI: https://athemes.com/theme/sydney
Author: aThemes
Author URI: https://athemes.com
Description: Sydney is a powerful business theme that provides a fast way for companies or freelancers to create an awesome online presence. As well as being fully compatible with Elementor, Sydney brings plenty of customization possibilities like access to all Google Fonts, full color control, layout control, logo upload, full screen slider, header image, sticky navigation and much more. Also, Sydney provides all the construction blocks you need to rapidly create an engaging front page. Looking for a quick start with Sydney? With just a few clicks, you can import one of our existing demos (https://athemes.com/sydney-demos/)
Version: 4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tested up to: 6.3
Requires PHP: 5.6
Text Domain: sydney
Tags: two-columns, right-sidebar, block-styles, custom-colors, custom-background, custom-header, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready

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.
Sydney is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
*/


html body {
	font-family: futura-pt, sans-serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.58;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
	font-family: futura-pt, sans-serif;
	font-weight: 600;
}
body #mainnav li a {
	font-size: 16px;
}
body .main-header.sticky-active {
	background-color: #ebebeb;
}
body .main-header.sticky-active .site-logo {
	max-height: 42px;
}
.site-logo {
	transition: all 0.3s;
}
.frm_button_submit {
	margin: 0 !important;
}
body .site-footer {
	background-color: #fff;
}
.header-block {
	width: 1300px;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 15px;
}
.site-header-inner {
	padding-left: 13px;
	padding-right: 15px;
}
.read-more-text {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
}

.header-block {
    position:relative;
}
.btn.btn-primary.read-more-btn:focus {
	color: #fff;
}
.read-more-text {
	overflow: hidden;
}
.read-more-text {
    max-height: 222px;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
}

.header-block h1 {
	position: absolute;
	bottom: 20%;
	width: 1200px;
	margin: 0 auto;
	left: 0;
	max-width: 100%;
	right: 0;
	color: #fff;
	padding: 0 20px;
}
.blog .header-block h1 {
	bottom:45%;
}
.section-5-block h3,
.section-4-block h2,
.section-5-block h2,
.section-1-block h2 {
	color: #3654a5;
}
.section-9-block,
.section-1-block {
	padding-top: 60px;
}
.section-7-block {
	padding-top:60px;
}
.section-7-block .row:last-child > div {
   padding-bottom: 60px;
}
body .frm_style_formidable-style.with_frm_style .form-field {
	margin-bottom: 10px;
}
#frm_form_3_container input, #frm_form_3_container textarea {
	font-size: 16px;
	border-radius: 10px;
	box-shadow: none;
	border-color: #cfcfcf;
}
.section-1-block .row > div {
	padding-bottom: 60px;
}
.section-5-block h3 {
	margin-bottom:0; 
}
.section-4-block {
	overflow: hidden;
	padding: 50px 0;
}
.testimonial-box {
	background: #d2f1fc;
	border-radius: 20px;
	position:relative;
	padding: 20px 30px 90px;
}
.testimonial-box p {
	color: #3a57a7;
}
.btn.btn-primary {
	background: #3a57a7;
	border-color: #3a57a7;
	border-radius: 10px;
}
#content {
	color: #000;
}
.read-more-wrap {
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 30px;
}
.section-1-block h4,
.section-1-block h3 {
	color: #3654a5;
	font-weight: normal;
}
.section-1-block ul {
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
}
.card-body  ul li:before,
.section-1-block ul li::before {
	list-style: none;
	background: url(images/check.png);
	width: 40px;
	height: 40px;
	display: inline-block;
	content: '';
	background-size: 100%;
	margin-right:10px;
	background-repeat: no-repeat;
	min-width:40px;
}
.card-body  ul li:before {
	width:24px;
	height:24px;
	min-width:24px;
}
.card-body ul li {
	list-style: none;
	padding-left: 0px;
	display: flex;
	width: 100%;
	margin-bottom: 10px;
	padding-right: 0px;
	align-items: center;
}
.section-1-block ul li {
	list-style: none;
	padding-left: 0px;
	display: flex;
	width: 50%;
	margin-bottom: 20px;
	padding-right: 15px;
	padding-right:10px;
	align-items: center;
}
.section-1-block .full-list ul li {
	width:100%;
}
#oncall-accordion .card-body ul {
	padding-left: 0;
}
.section-2-block {
    color:#fff;
	background: #59ccf5;
	padding: 30px 0 0;
}
.section-2-block h2 {
    color: #fff;
}
.section-3-block {
	position:relative;
	padding-bottom:60px;
}
.section-3-block:after {
	display:block;
	height:50%;
	width:100%;
	bottom:0;
	position:absolute;
	content:'';
	z-index:1;
	background: #d2f1fc;
}
.section-3-block > * {
	position:relative;
	z-index: 3;
}
.section-inner-block {
	background: #59ccf5;
	color: #fff;
	padding: 30px 30px 20px;
	border-radius: 20px;
}
.section-inner-block h2 {
	color: #fff;
}
.section-2-block .oc-image {
	margin-bottom: -70px;
}
.section-2-block .row > div {
    margin-bottom:50px;
}
.oc-white-box {
	background: #fff;
	color: #000;
	border-radius: 20px;
	padding: 70px 20px 20px;
}
.oc-white-box h3 {
	color: #3654a5;
}
body #colophon form input[type="email"] {
	height: 42px;
	border-radius: 0;
	box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
body #colophon form .frm_button_submit:hover,
body #colophon form .frm_button_submit {
	background: #3654a5;
	border: 1px solid #3654a5;
    color:#fff;
	border-radius: 0;
	position: relative;
	left: 0px;
}
body .site-info {
	padding-top: 20px;
	padding-bottom: 20px;
	color: #37aad3;
	font-size:14px;
	text-align: center;
}
#colophon .frm_fields_container {
	display: flex !important;
	justify-content: flex-end;
	grid-gap: 0;
}
#footer-primary-menu {
	list-style-type: none;
}
.footer-social {
	margin-top: 30px;
	padding-left:10px;
}
#footer-primary-menu li a {
	color: #3654a5;
	font-weight: bold;
	font-size: 17px;
}
.site-info .footer-social a.circled, 
.site-info .footer-social a.circled:hover {
	color: #fff;
	margin-right:8px;
	font-weight: bold;
	background: #3654a5;
	padding: 7px 10px;
	border-radius: 100%;
}
#masthead #primary-menu li a {
	font-weight: bold;
}
.header-contact-info a i {
	width: 30px;
	height: 30px;
	line-height: 30px;
	background: #59ccf5;
	color: #fff;
	display: inline-block;
	text-align: center;
	border-radius: 100%;
	margin-right: 6px;
	transition:all 0.3s;
}

.header-contact-info a span {
	color:#59ccf5;
}
.site-info .footer-social a.not-circled, .site-info .footer-social a.not-circled:hover {
	color: #3654a5;
	font-weight: bold;
	margin-right: 8px;
	font-size: 22px;
	margin-top: 0;
	position: relative;
	top: 3px;
}
.header-contact-info a {
	margin-right: 3%;
	font-weight: bold;
	font-size: 14px;
}
.header-contact-info a:last-child {
	margin-right: 0%;
}
#masthead {
	padding-top: 10px;
}
.sticky-active .header-contact-info a span {
	font-size: 13px;
}
.sticky-active .header-contact-info a i {
	width: 20px;
	height: 20px;
	font-size:12px;
	line-height: 20px;
}
body .sydney-offcanvas-menu.toggled {
	background: #ebebeb;
}
body .mobile-menu-close svg {
	fill: #3654A5;
}
body .offcanvas-header-custom-text, 
body .sydney-offcanvas-menu, 
body .sydney-offcanvas-menu #mainnav a:not(.button),
body .sydney-offcanvas-menu a:not(.button) {
	color: #3654A5;
}
.collapsing {
	height: 0;
	overflow: hidden;
	transition: height 0.35s ease;
}
.collapse.show {
	height: auto;
}
.oncall-arrow {
	width: 1.25rem;
	height: 1.25rem;
	display: inline-block;
	position: relative;
	margin: 0;
	margin-top: 13px;
}
.section-1-block p:last-child {
	margin-bottom: 0;
}
  .oncall-arrow span {
	top: 0.5rem;
	position: absolute;
	width: 0.75rem;
	height: 0.1rem;
	background-color: #3b4e87;
	display: inline-block;
	transition: all 0.2s ease;
  }
  .oncall-arrow span:first-of-type {
	left: 0;
	transform: rotate(45deg);
  }
  .oncall-arrow span:last-of-type {
	right: 0;
	transform: rotate(-45deg);
  }
.active .oncall-arrow span:first-of-type {
	transform: rotate(-45deg);
  }
.active .oncall-arrow span:last-of-type {
	transform: rotate(45deg);
  }
  .active .oncall-arrow {
	margin-top:10px
  }
  .toggle-arrow-oncall {
	position: absolute;
	right: 17px;
	top: 50%;
	background: #fff;
	line-height: 1;
	border-radius: 100%;
	height: 40px;
	width: 40px;
	text-align: center;
	margin-top: -20px;
}
/* Style for the accordion */
#oncall-accordion .card-header {
    background-color: #3B4E87; /* Dark blue background */
    color: #ffffff; /* White text */
    border: none;
    border-radius: 8px;
    margin-bottom: 0px;
    padding: 0;
	position: relative;
	z-index: 6;
}

#oncall-accordion .card-header .btn-link {
	color: #ffffff;
	text-align: left;
	width: 100%;
	padding: 15px 60px 15px 20px;
	font-size: 1.1rem;
	font-weight: bold;
	white-space: inherit;
	border-radius: 8px;
}

#oncall-accordion .card-header .btn-link:hover,
#oncall-accordion .card-header .btn-link:focus {
    text-decoration: none;
}

#oncall-accordion .card-header .btn-link .float-right {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: 1.2rem;
}

#oncall-accordion .card-header .btn-link:after {
    content: none; /* Remove default icon */
}

#oncall-accordion .card-body {
	border-top: none;
	background: #d0f0fd;
	padding: 20px;
	margin-bottom: 0px;
	border-radius: 0 0 8px 8px;
	margin-top: 0;
	position: relative;
	z-index: 3;
}
#oncall-accordion .card {
    border: none;
	margin-bottom:10px
}
.collapse {
	position: relative;
}
.collapse::before {
	position: absolute;
	left: 0;
	right: 0;
	top: -15px;
	background: #d0f0fd;
	display: block;
	content: '';
	height: 15px;
}
.entry-post .read-more {
	border: 2px solid #3554a6;
	border-radius: 11px;
	padding: 5px 27px 6px;
	color: #3554a6;
	text-transform: capitalize;
}
/* Alternate background colors for headers */
#oncall-accordion .card:nth-child(even) .card-header {
    background-color: #66C2E7; /* Light blue background */
    color: #ffffff; /* White text */
}

#oncall-accordion .card:nth-child(odd) .card-header {
    background-color: #3B4E87; /* Dark blue background */
    color: #ffffff; /* White text */
}
#frm_field_8_container .frm_button_submit:hover,
#frm_field_8_container .frm_button_submit:focus,
#frm_field_8_container .frm_button_submit {
	width: 100%;
	color:#fff;
	background: #21a6d1;
	font-family: futura-pt, sans-serif;
	font-weight: 600;
	border-color: #21a6d1;
	border-radius: 10px;
}
#frm_field_8_container .frm_button_submit:hover {
	opacity:0.8
}
.oncall-info {
	position: relative;
}
.oncall-info p {
	padding-left: 36px;
}
.oncall-info a {
	padding-left: 36px;
	display:inline-block;
	position:relative;
}
.oncall-info i {
	position: absolute;
	left: 0;
	color: #ffc303;
	top: 50%;
	font-size: 35px;
	margin-top: -17px;
}
#oncall-accordion {
	clear: both;
	padding-top: 30px;
	overflow: hidden;
}
.section-7-block .h3 {
	padding-left: 36px;
}
.oncall-info a.oc-tel i, .oncall-info a.oc-email i {
	margin-top:-10px;
	font-size:20px;
}
body .oncall-info p,
.oncall-info a {
	font-weight:300;
	color:#000;
}
body .section-8-block h3 {
	font-size: 17px;
	font-weight:600;
}
body .section-7-block .h3 {
	font-size: 17px;
	font-weight:600;
}
body .section-8-block h3 {
	color:#ffc303
}
.rss-item h2 {
	font-weight:600;
}
body .section-8-block h4,
body .section-7-block h4 {
	font-size: 19px;
}
.rss-item {
	border-bottom: 2px solid #3654a5;
	padding-bottom: 35px;
}
.search-results #colophon,
.archive #colophon,
.single #colophon,
.blog #colophon {
	border-top: 4px solid #3554a6;
	margin-top: 50px;
	padding-top:40px;
}
body #content article.post {
	padding: 0;
}
article .entry-thumb img {
	border-radius: 10px;
}
body #main .entry-meta a, .entry-meta {
	color: #3554a6;
}
body .entry-meta, body .entry-meta a {
	color: #3554a6;
}
body .entry-meta .fa {
	font-size: 150%;
}
#searchsubmit2 {
	position: absolute;
	left: 0;
	top: 0;
}
.wp-block-heading {
	background: #3554a6;
	color: #fff;
	padding: 10px 20px;
	border-radius: 15px 15px 0 0;
	margin: 0;
}
.wp-block-group {
	background: #d7dded;
	border-radius: 10px;
}

.wp-block-categories-list.wp-block-categories li {
	border-bottom: 1px solid #8597c9;
}
body aside .wp-block-categories-list.wp-block-categories {
	padding: 20px;
}
body .footer-widgets h2, body .widget-area h2 {
	font-size: 27px;
	font-weight: 500;
}
#searchform2 {
	margin-bottom: 30px;
}
article .entry-title a {
	color: #3554a6;
	display: block;
	margin-bottom: 10px;
	font-weight: 700;
}
body #s2 {
	border: 2px solid #3554a6;
	border-radius: 15px;
	width: 100%;
	padding-left: 48px;
	font-weight: 400;
}
body #searchsubmit2 {
	background: none;
	border: none;
	color: #3554a6;
	padding-left: 20px;
	font-size: 20px;
	line-height: 1;
	padding: 15px 20px 13px 20px;
	font-weight: 300;
}
body #secondary, body #secondary a:not(.wp-block-button__link) {
	color: #3554a6;
}
body .widget-area .widget ul li:last-child {
	padding-bottom: 0;
	border: none;
}
@media (max-width:1400px) {
	body h1:not(.site-title) {
		font-size: 36px;
	}
	.section-2-block h2,
	.section-1-block .row > div > h2 {
		font-size: 30px;
	}
}
@media (max-width:1200px) {
		body .site-logo {
		  max-height: 59px;
		}
		body h1:not(.site-title) {
			font-size: 30px;
			bottom:15%;
		}
		.section-2-block h2, .section-1-block .row > div > h2 {
			font-size: 26px;
		}
		.header-block {
			padding: 0;
		}
		#oncall-accordion .card-header .btn-link {
			font-size: 15px;
		}
		.rss-item h2 {
			font-size: 24px;
		}
}
@media (max-width:767px) {
	body h1:not(.site-title) {
		font-size: 25px;
		bottom:10%;
	}
	.section-2-block h2, .section-1-block .row > div > h2 {
		font-size: 24px;
	}
	.section-9-block,
	.section-1-block {
		padding-top: 40px;
	}
	.section-7-block {
		padding-top:40px;
	}
	.section-7-block .row:last-child > div {
	   padding-bottom: 40px;
	}
	.rss-item h2 {
		font-size: 20px;
	}
}
@media (max-width:480px) {
	body #colophon form input[type="email"] {
		height: 42px;
	}
	.oncall-info i {
		font-size: 28px;
		margin-top: -14px;
	}
	.oncall-info a.oc-tel i, .oncall-info a.oc-email i {
		margin-top: -8px;
		font-size: 16px;
	}
	.section-7-block .h3,
	.oncall-info a {
		padding-left: 30px;
	}
	body h1:not(.site-title) {
		font-size: 20px;
		bottom:7%;
	}
	html body {
		font-size:15px;
	}
	.section-2-block h2, .section-1-block .row > div > h2 {
		font-size: 20px;
	}
	.site-info img {
		width:170px;
	}
	#oncall-accordion .card-header .btn-link {
		font-size: 14px;
	}
	.toggle-arrow-oncall {
		height: 30px;
		width: 30px;
		margin-top: -15px;
	}
	.oncall-arrow {
		margin-top: 7px;
	}
	.active .oncall-arrow {
		margin-top: 5px;
	}
	.section-1-block img {
		max-width: 80%;
		margin: 0 auto;
		display: block;
	}
}
@media (max-width:380px) {
	body h1:not(.site-title) {
		font-size: 18px;
	}
	#oncall-accordion .card-header .btn-link {
		font-size: 13px;
	}
}
@media (max-width:1024px) {
	.section-1-block ul li {
		width: 100%;
	}
	body .site-logo {
		max-height: 60px;
	}
	.section-1-block .row {
		display: block;
	}
	.section-1-block .row > div {
		display:inline;
	}
	.section-1-block .row > div > * {
		padding: 0 15px;
	}
	.section-1-block .row > div:first-child {
		float: left;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.section-1-block ul li::before {
		width: 30px;
		height: 30px;
		min-width: 30px;
	}
	.section-1-block ul li {
		margin-bottom: 10px;
	}
}
@media (min-width: 576px) {
	body .container {
	  max-width: 100%;
	}
  }
@media (min-width: 768px) {
	body .container {
	  max-width: 100%;
	}
	body .section-8-block h3 {
		font-size: 18px;
	}
	body .section-7-block .h3 {
		font-size: 18px;
	}
	body .section-8-block h4,
body .section-7-block h4 {
	font-size: 20px;
}
  }

@media (min-width: 1025px) {
    body .container {
      width: 1300px;
	  max-width:95%;
    }
	body .section-8-block h3 {
		font-size: 20px;
	}
	body .section-7-block .h3 {
		font-weight: 600;
		font-size: 20px;
	}
	body .section-8-block h4,
body .section-7-block h4 {
	font-size: 22px;
}
}
@media (min-width: 1200px) {
	body .section-8-block h4,
	body .section-7-block h4 {
		font-size: 27px;
	}
	body .section-8-block h4 {
		margin-top: 0;
		margin-bottom: 10px;
	}
	body .section-7-block .h3 {
		font-weight: 600;
		font-size: 24px;
	}
	body .section-8-block h3 {
		font-size:24px;
	}
  }