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

 Theme Name:   GCDS
 Theme URI:    https://www.gcds.com.au/
 Description:  
 Author:       Paul
 Author URI:   https://www.gcds.com.au/
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

/* THEME COLOURS | eg LOGO main #XXXXXX | BLue #0099cc */

/* -----------------------------------------------------------------------------------------------------HEADER AREA CSS */
/* Remove Envelope top header */
#et-info-email {
    display: none !important;
}
/* phone image on nav area */
.headerimg-mobile {
 display:none;
}
/* -----------------------------------------------------------------------------------------------------NAVIGATION CSS */
/* -----------------------------------------------------------------------------------------------------HOME PAGE GENERAL CSS */
/* Logo images on home page */
.logo-style img {
    padding: 0 1em;
}
.logo-style {
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
}
/* Hr small underline */
.hr-small {
  width:30px;
  float:left;
  height:5px;
  background-color:#0072bc;
  margin-top: 0 !important;
}
.home-blurb {
    background-color:#0099CC!important;
}

.home-blurb a {
	color:#000000;
}
/* Services section right border on first col */
.services-col1 {
	border-right:1px solid;
	padding-right:5px;
}
.services-col1 h2 {
    font-size: 30px!important;
}
.home-bottom { /* border around the text on bottom section */
    outline: 4px solid #0078ae;
    outline-offset: 22px;
}
/* ------------------------------------------------------Section css */
.bg-alert,
.bg-cta {
	background-color:#000000 !important;
}
.bg-alert p {
    padding: 0.1em !important;
}
.bg-cta p {
	font-size:2em!important;
	color: #ffffff!important;
}
.bg-alt {
    background-color: #f1fbff !important;
}
/* Alert section home phone symbol */
p.phone-symbol {
    font-size: 2em;
}
p.phone-symbol a {
	color:#ffffff!important;
}
p.phone-symbol a:hover {
	color:#0099cc!important;
}
.et_pb_fullwidth_header {
    padding: 140px 0!important;
}

/* ----------------------------------------------------------------PORTFOLIO CSS */

/* Change portfolio from 3 cols to 4 cols  */
.home-portfolio .et_pb_portfolio_item.et_pb_grid_item,
.page-portfolio .et_pb_portfolio_item.et_pb_grid_item {
    margin: 0.3em !important;
    width: 23% !important;
}
.et_portfolio_image{
   box-shadow:1px 1px 4px #7D7D7D;
}
/* -----------------------------------------------------------------------------------------------------SLIDER CSS */
.fw-homeslide2 .et_pb_slide_title {
    font-size: 3.2em !important;
    font-weight: 600!important;
    text-shadow: 1px 1px 3px #000000;
}
.fw-homeslide2 .et_pb_slide_title > a {
    font-size: 1.2em !important;
    font-weight: 600!important;
    text-shadow: 1px 1px 3px #000000;
}
.fw-homeslide2 .et_pb_slide_title > a:hover {
    color: #ffffff !important;
    text-shadow: 1px 1px 4px #000000;
}

.fw-homeslide2 h3 {
    font-size: 1.5em !important;
    font-weight: 600;
    text-shadow: 1px 1px 3px #000000;
}
/* -----------------------------------------------------------------------------------------------------PAGES GENERAL CSS */
/* Page Headers */
.header-section.et_pb_section {
    padding: 3em!important;
}

/* Page heading */
#page-heading {
    background-color: #417bba!important;
}
#page-heading h1 {
    font-size: 2.2em!important;
    padding-left: 2em;
}
/* -----------------------------------------------------------------------------------------------------FOOTER AREA CSS */
#main-footer .container #footer-widgets .footer-widget .fwidget.et_pb_widget h4.title { /* Footer Heading */
    font-size: 20px !important;
}
/* -----------------------------------------------------------------------------------------------------BLOG CSS */

.blog img,
#blog-posts .entry-featured-image-url {
    float: left;
    max-width: 300px !important;
    margin-right: 0.8em !important;
}

.et_pb_post .entry-content {
    padding-top: 0 !important;
}
/* Remove dividing line in sidebar */
.container:before { background-color:transparent !important; }
.et_pb_widget_area_right { border-left:0 !important; }
.et_pb_widget_area_left { border-right:0 !important; }
/* -----------------------------------------------------------------------------------------------------TYPOGRAPHY */
.home h2 {
    font-size: 1.7em !important;
}
h2 {
    font-size: 22px !important;
}
h3 {
    font-size: 21px !important;
}
h4 {
    font-size: 20px !important;
    font-weight: 400 !important;
}
.a-light a {
	color:#ffffff !important;
}
/*div.finance-text { display:flex;font-size: 200px;color: #f3f3f3;position: relative; left: 110px;top: 58px; }*/
/*.fas {
    font-size: 142px;
    color: #0078ae;
    text-align: right;
}
*/

/* Cta textbox */

.cta-box,
.cta-box2 {
    display: flex;
    align-items: center;
    height: 250px;
    border: 2px solid #0078ae;
    background-color: #01447b;
    box-shadow: 2px 2px 5px #c6c6c6;
}
.cta-box2 {
	height: 250px;
}
.cta-box {
     height: 325px;
}
.cta-box p,
.cta-box2 p {
    width: 100%;
    line-height: 1.6;
    color: #ffffff;
}
.cta-box a,
.cta-box2 a {
    color: #ffffff;
}
.cta-boxwidget p, .cta-box2 p {
    width: 100%;
    line-height: 1.6;
    color: #fff;
    font-size: 26px;
    text-align: center;
}
.cta-boxwidget {
    display: flex;
    align-items: center;
    height: 250px;
    border: 2px solid #0078ae;
    background-color: #01447b;
    box-shadow: 2px 2px 5px #c6c6c6;
}
/* -----------------------------------------------------------------------------------------------------MISCELLANEOUS CSS */
/* Grids */
.grid-number1 {
    font-size: 3.5em;
    color: white;
    padding: 0.3em;
}
.grid-content1 {
    color: white;
    padding: 0.5em !important;
}
.grid-container1 {
    display: flex;
    background: #0078ae;
	padding: 1em;
	align-items: center;
}
.grid-container1 a {
    color: #ccc;
}
.grid-container2 a{
    color: #323238;
}

.grid-container1 a:hover {
    color: #ffffff;
}
.grid-container2 a:hover {
    color: #0078ae;
}
.grid-number2 {
    font-size: 3.5em;
    color: #0078ae;
    padding: 0.3em;
}
.grid-content2 {
    color: #0078ae;
    padding: 0.5em !important;
}
.grid-container2 {
    display: flex;
    background: #fff;
	padding: 1em;
	align-items: center;
}
span.grid-firstword {
    font-weight: 600;
    font-style: italic;
}
/* Privacy page */
p.warning, tr.warning {
    background: #fcf8e3;
    color: #c09853;
    padding: 0.5em;
    border: 2px solid #fbeed5;
    border-radius: 10px;
	margin-bottom: 1em;
}
p.error, tr.error {
    background: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
    text-shadow: none;
}
p.error, tr.error {
    background: #f2dede;
    color: #b94a48;
    text-shadow: none;
    padding: 0.5em;
    border-radius: 10px;
    border: 2px solid #eed3d7;
	margin-bottom: 1em;
}
/* Caldera forms */
.caldera-grid label {
    font-size: 0.9em;
}
/* ------------------------------------------------------Newsletter CSS */
.news-lettr .wpcf7-form-control.wpcf7-submit {
    background: #0078ae;
    color: white;
    padding: 0.5em 2em;
    border: none;
}
.news-lettr label {
    font-size: 13px;
    font-style: italic;
}
/* ---------------------------------------------------------------------------Bullets CSS */
/* Bullets green tick */
.green-tick .fa-check-square::before {
    padding-right: 1em;
    color: green;
}



/* -----------------------------------------------------------------------------------------------------MEDIA QUERIES */
/* --------------------------------------------------------------------------- 1287 Desktop */
@media (max-width: 1287px) {
#logo {
    max-height: 40% !important;
}
#top-menu li {
    padding-right: 10px !important;
    font-size: 13px !important;
}
}

/* --------------------------------------------------------------------------- 1024 Desktop */
@media (max-width: 1024px) {

.fw-homeslide2 h3 {
    font-size: 1.4em !important;
}

#blog-posts .entry-title a {
    font-size: 0.8em !important;
}
}
/* --------------------------------------------------------------------------- 980 DIVI breakpoint for mobile */
@media (max-width: 980px) {
/* Services section right border on first col */
.services-col1 {
	border-right:none;
	padding-right:0;
}

#blog-posts .entry-title a {
    font-size: 1em !important;
}
.home-portfolio .et_pb_column .et_pb_grid_item:nth-child(3n+1) {
    clear: none!important;
}
/* Width of portfolio images */
.home-portfolio .et_pb_portfolio_item.et_pb_grid_item,
.page-portfolio .et_pb_portfolio_item.et_pb_grid_item {
    width: 23%!important;
}
.logo-style {
	display: flex;
	flex-wrap:wrap;
}
/* phone image on nav area */
.headerimg-mobile {
    display: block;
    float: left;
    height: 14px;
    width: 14px;
    position: relative;
    top: 4px;
    left: -5px;
}

}
/* --------------------------------------------------------------------------- 768 Portrait Ipad */
@media (max-width: 768px) {
/* Width of portfolio images */
.home-portfolio .et_pb_portfolio_item.et_pb_grid_item,
.page-portfolio .et_pb_portfolio_item.et_pb_grid_item {
    margin-left: 14%!important;
    width: 65%!important;
}
.header-section.et_pb_section {
    padding: 1em!important;
}
}
/* --------------------------------------------------------------------------- 680 mobile landscape */
@media (max-width: 680px) {
.home .bg-alert {
    margin-top: 0!important;
}
.fw-homeslide2 .et_pb_slide_title {
    font-size: 2.2em !important;
}
.blog img,
#blog-posts .entry-featured-image-url {
    float: none;
    max-width: 100% !important;
    margin-right: 0 !important;
}
	.header-section.et_pb_section {
    padding: 0!important;
}

}
/* --------------------------------------------------------------------------- 525 mobile portrait */
@media (max-width: 525px) {
/* Width of portfolio images */
.home-portfolio .et_pb_portfolio_item.et_pb_grid_item,
.page-portfolio .et_pb_portfolio_item.et_pb_grid_item {
    margin-left: 0!important;
    width: auto!important;
}
.wp-image-203420.alignleft.size-full,
.wp-image-203419.alignleft.size-full { /* Make 2 x 3rd section images on home page top */
    float: none !important;
}
}
/* --------------------------------------------------------------------------- 480 mobile portrait */
@media (max-width: 480px) {
	.headerimg-mobile {
    top: 6px;
    left: -15px;
}
}
/* --------------------------------------------------------------------------- 360 mobile portrait */
@media (max-width: 360px) {
.home .bg-alert {
    margin-top: 0 !important;
}
}