/* General */
h1,h2,h3,h4,h5,h6 {font-family: 'Montserrat', sans-serif; color: #000b44;}
body p, body ul, body ol {color: #000;}

#g-page-surround #g-container-main .page-header h2 {line-height: normal; font-size: 30px;}

.flex-blocks, .flex-blocks .textwidget {display: flex; width: 100%;}

#g-page-surround .caldera-grid .form-control {border-radius: 0; box-shadow: none; color: #000;}

#g-page-surround .caldera-grid input[type="submit"]{margin: 0 auto; background: #28aae1; width: 100%; border-radius: 0; border: none;padding: 15px; text-transform: uppercase; font-weight: 700; font-family: 'Montserrat', sans-serif; color: #000b44;}

a.a-btn {font-family: 'Montserrat', sans-serif; font-weight: 700; display: inline-block; padding: 10px 20px; background: #28aae1; color: #000b44; text-transform: uppercase;}

#g-offcanvas {max-width: 400px;}
.g-offcanvas-toggle {left: auto; right: 77px; color: #fff; font-size: 55px; top: 34px; position: fixed;}
#g-offcanvas #g-mobilemenu-container li .g-menu-item-container {font-size: 16px; border-bottom: 1px solid #fff;}
#g-offcanvas #g-mobilemenu-container .g-dropdown-column li .g-menu-item-container {font-size: 16px;}
#g-mobilemenu-container .g-toplevel li .g-menu-item-content {line-height: normal;}

/* Theme default changes */
.g-main-nav .g-toplevel > li:hover > .g-menu-item-container, .g-main-nav .g-toplevel > li.active > .g-menu-item-container {top: 0;}
.g-main-nav .g-toplevel > li:hover > .g-menu-item-container .g-menu-item-title, .g-main-nav .g-toplevel > li.active > .g-menu-item-container .g-menu-item-title {text-shadow: none;}

/* Top */
#g-top {background: #000b44; border-bottom: 4px solid #fff;}
#g-top .g-grid {max-width: 1200px; margin: 0 auto; position: relative}
#g-top .logo img {width: 100%; max-width: 200px;}
#g-top .g-content {padding: 10px;}
#g-top .g-main-nav {text-align: right; margin-top: 55px;}
#g-top .g-main-nav .g-menu-item-container {font-family: 'Montserrat', sans-serif; color: #fff; text-transform: uppercase; font-size: 20px; padding: 0 10px;}
#g-top .g-main-nav .g-menu-item-container:hover {color: #28aae1;}
#g-top .top-contact a {position: absolute; color: #28aae1; right: 30px; top: 25px; font-size: 20px; font-family: 'Montserrat', sans-serif; font-weight: 700;}
#g-top .top-contact .g-toplevel > li > a:hover {color: #fff;}
#g-top .top-contact.mobile-top-contact {display: none;}
#g-top .g-main-nav .g-dropdown .g-dropdown-column {background: #28aae1;}
#g-top .g-main-nav .g-sublevel > li > .g-menu-item-container {padding: 11px 19px; font-size: 18px; text-transform: none;}
#g-top .g-main-nav .g-sublevel > li:hover > .g-menu-item-container, #g-top .g-main-nav .g-sublevel > li.active > .g-menu-item-container {background: #28aae1; color: #000b44;}

/* Slideshow */
#g-slideshow {background-image: url('images/bg-1.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 400px;}
#g-slideshow .g-grid {max-width: 1200px; margin: 0 auto;}
#g-slideshow .slideshow-text {max-width: 520px; background: #28aae1; padding: 20px 40px 20px 20px; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer;}
#g-slideshow .slideshow-text h2 {margin: 0; font-size: 30px;}
#g-slideshow .slideshow-text h2 a {color: #fff;}
#g-slideshow .slideshow-text h2 a span {font-size: 23px; display: block; margin-top: 10px}
#g-slideshow .slideshow-text:before {content: ""; width: 0; height: 0; border-bottom: 75px solid #000b44; border-left: 75px solid transparent; position: absolute; right: 7px; bottom: 7px;}

/* Header */
#g-header {background: #fff; text-align: center; padding: 0 4%;}
#g-header .g-grid {max-width: 1200px; margin: 0 auto;}
#g-header h1 {color: #000b44; text-transform: uppercase;}
#g-header h3 {font-family: 'Open Sans', sans-serif; font-weight: 300;}

/* Above */
#g-above {background: #fff;}
#g-above .g-grid {max-width: 1200px; margin: 0 auto;}
#g-above .flex-blocks .textwidget {flex-wrap: wrap;}
#g-above .service-block {width: calc(33% - 20px); margin: 0 10px 20px; border: 3px solid #000b44; padding: 30px 30px 75px; text-align: center; position: relative; cursor: pointer;}
#g-above .service-block h2 {font-size: 23px; color: #000b44;}
#g-above .service-block img {max-width: 100px; width: 100%;}
#g-above .service-block a.a-btn {font-family: 'Montserrat', sans-serif; font-weight: 700; display: block; padding: 10px 20px; background: #28aae1; color: #000b44; text-transform: uppercase; position: absolute; bottom: 20px; left: 20px; right: 20px;}

/* Showcase */
#g-showcase {background: #eee; padding-top: 0; padding-bottom: 0; text-align: center;}
#g-showcase .g-grid {max-width: 1200px; margin: 0 auto;}

/* Utility */
#g-utility {background: #000b44; padding-top: 0; padding-bottom: 0;}
#g-utility .g-grid {max-width: 900px; margin: 0 auto;}
#g-utility h2 {color: #fff; text-align: center;}
#g-utility p {color: #fff; font-size: 20px; text-align: center;}

/* Main */
.home #g-container-main {display: none;}
#g-container-main .g-grid {max-width: 1200px; margin: 0 auto;}


/* Footer */
#g-footer {color: #fff; background: #000; padding-top: 0; padding-bottom: 35px !important;}
#g-footer .g-grid {max-width: 1200px; margin: 0 auto;}
#g-footer .textwidget {display: flex;}
#g-footer .footer-block {width: 50%; padding-right: 50px; max-width: 500px;}
#g-footer .footer-block h3 {text-transform: uppercase; font-size: 16px; color: #fff;}
#g-footer .footer-block p {font-size: 19px; color: #fff;}
#g-footer .footer-block a {color: #fff;}
#g-footer .footer-block:nth-child(2) a {margin-bottom: 10px; display: block; text-decoration: underline;}
#g-footer img {max-width: 200px; margin: 20px 0;}


/************** Media Queries ***************/
@media (max-width: 1200px) {
	
}

@media (max-width: 815px) {
	#g-top .top-contact a {right: 35px; top: 15px;}
	.g-offcanvas-toggle {top: 50px;}
	#g-top {position: fixed; width: 100%; z-index: 999; height: 130px;}
	#g-slideshow, #g-container-main {margin-top: 130px;}
	#g-above .service-block {width: calc(50% - 20px);}
}

@media (max-width: 767px) {
	.wp-block-image .alignright {float: none; margin-left: 0;}
}

@media (max-width: 700px) {
	#g-footer .textwidget {display: block;}
	#g-footer .footer-block {width: 100%;}
}

@media (max-width: 600px) {
	#g-page-surround #g-container-main .page-header h2 {font-size: 25px;}
	body h3 {font-size: 18px;}
	#g-header h1 {font-size: 25px;}
	#g-header h3 {font-size: 18px;}
	#g-header .g-content {margin-bottom: 0; padding-bottom: 0;}
	#g-slideshow .slideshow-text {left: 20px; right: 20px; padding: 20px 20px 20px 20px; margin: 0 auto; text-align: center;}
	#g-slideshow .slideshow-text h2 {font-size: 24px;}
	#g-slideshow .slideshow-text h2 a span {font-size: 18px;}
	#g-slideshow .slideshow-text:before {display: none;}
	#g-above .service-block h2 {font-size: 17px;}
	#g-above .service-block p {font-size: 12px;}
	#g-above .service-block a.a-btn {font-size: 14px;}
	#g-utility .caldera-grid .row {margin: 0;}
}

@media (max-width: 480px) {
	#g-page-surround #g-container-main .page-header h2 {font-size: 20px;}
	#g-top .logo img {width: 100%; max-width: 130px; margin-top: -3px;}
	#g-top .top-contact.desktop-top-contact {display: none;}
	#g-top .top-contact.mobile-top-contact {display: inline-block;}
	#g-top .top-contact a {right: auto; top: 83px; left: 20px; font-size: 22px;}
	.g-offcanvas-toggle {top: 33px;}
	#g-header h1 {font-size: 20px;}
	#g-slideshow .slideshow-text h2 {font-size: 20px;}
	#g-slideshow .slideshow-text h2 a span {font-size: 15px;}
	#g-above .service-block {width: calc(100% - 20px);}
	#g-footer .footer-block p {font-size: 12px;}

}
