/*
 Theme Name:     digital8 Child
 Description:    digital8 Child Theme
 Author:         BlueOwlCreative
 Template:       digital8

*/
 
@import url("../digital8/style.css");
 
 

/* Theme customization starts here */


.footer_btm {
	background: #1abfd5;
	margin-top:0px;
}

#footer {
	padding-top:0px;
}

#footer a {
	color: #eeee22;
}

#footer, #powered {
	color:#fff;
}

.footer_btm_inner {
	display:flex;
	justify-content: center;
}

.footer_btm {
	border-top:none;
}

#footer h3 {
	    color: #fff;
    font-size: 22px;
    line-height: 22px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.customers span strong {
    font-size:60px;
}

h2.customers:before {
    content: '01';
    color: #1abfd5;
    position: absolute;
    margin-left: -100px;
    font-size: 60px;
    line-height: 60px;
    padding-right: 10px;
    border-right: 5px solid #d6d6d6;
}

h2.customers.two:before {
   content: '02';  
}

h2.customers.three:before {
   content: '03';  
}

h2.customers.four:before {
   content: '04';  
}

h2.customers.five:before {
   content: '05';  
}

h2.customers.six:before {
   content: '06';  
}

.customers span strong:after {
    content: '|';
    color: #c7c7c7;
    font-size: 42px;
    margin-left: 15px;
    font-family: 'Lato', arial, sans-serif;
    margin-right: 10px;
}

#background-fill .vc_column-inner {
    background-size: 100% 100%!important;
}

h2.customers {
    margin-left: 100px;
    min-height: 75px;
}

.custom_menu_5 #menu > ul > li:hover > a, header.transparent_header.scrolled .custom_menu_5 #menu > ul > li:hover > a {
	border-top: 2px solid #19bfd5;
}

.page_title_bgr .full_container_page_title {
	border-bottom: none;
}

.gfield_label {
	display:none!important;
}

input {
	width:100%!important;
	padding-right:0px;
}

.gfield {
	padding-right:0px!important;	
}

input[type="text"], select {
    height: 45px;
    width: 100%!important;
} 

textarea, input[type="text"], select {
	border:none!important;
    padding-left: 20px!important;
}

input[type="submit"] {
	    background-color: #fdcd08;
}

#map_canvas {
	margin-bottom: 40px;
}

.social-sidebar {
	display:flex;
	justify-content: flex-start;
	flex-wrap:wrap;
}

.social-sidebar .footer_soc_icon span {
	font-size: 35px;
}


#boc_searchform_in_header {
        background-color: rgb(243, 197, 8);
        color:#fff;
}


#boc_searchform_in_header input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
#boc_searchform_in_header input::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
#boc_searchform_in_header input:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
#boc_searchform_in_header input:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}


/* Updated by Lynne - footer */

#footer .col.span_1_of_1 {
    float: none;
    margin-bottom: 20px;
}

#footer.footer_light .footer_btm {
    background: #333333;
    border-top: none;
}

#footer.footer_light {
    background: #1abfd5;
    padding-top: 30px;
}

#footer.footer_light h3 {
    color: #fff;
    text-align: center;
}

.footer_btm_inner {
    display: block;
}

#footer.footer_light .footer_btm_inner h3 {
    font-size: inherit;
    line-height: inherit;
}

#footer.footer_light a {
    color: #fff;
}


/* Update - Lynne */

/** Homepage **/
.customers span strong {
    font-size:60px;
}

h2.customers:before {
    content: '01';
    color: #1abfd5;
    position: absolute;
    margin-left: -100px;
    font-size: 60px;
    line-height: 60px;
    padding-right: 10px;
    border-right: 5px solid #d6d6d6;
}

h2.customers.two:before {
   content: '02';  
}

h2.customers.three:before {
   content: '03';  
}

h2.customers.four:before {
   content: '04';  
}

h2.customers.five:before {
   content: '05';  
}

h2.customers.six:before {
   content: '06';  
}

.customers span strong:after {
    content: '|';
    color: #c7c7c7;
    font-size: 42px;
    margin-left: 15px;
    font-family: 'Lato', arial, sans-serif;
    margin-right: 10px;
}

#background-fill .vc_column-inner {
    background-size: 100% 100%!important;
}

h2.customers {
    margin-left: 100px;
    min-height: 75px;
}

a.button.btn_huge.btn_dark.btn_rounded.btn_outline.hover-theme:hover {
    background-color: #4fc0d5 !important;
    color: #fff !important;
    border-color: #4fc0d5;
}

/**Mobile Views**/

@media only screen and (max-width: 768px) {
	#powered {
		text-align: center;
	}
	#footer.footer_light a {
		float: none;
		
	}
	.footer_btm_inner {
		text-align:center;
	}
	h1.boc_heading.al_right {
		text-align: left;
	}
	#background-fill {
		margin-bottom: 35px;
	}
}

/**Accreditation**/

.custom-list-item h3,
.custom-list-item .li_icon.large i.icon {
    font-size: 1.5rem;
    line-height: 2rem;
}

.list-wrapper {
    padding: 20px 20px 10px;
    border: 5px dashed #eeee22;
}

.hover-box h2,
.hover-box h3 {
    transition: all .5s linear;
    display: inline;
    text-decoration: none;
    padding-bottom: 5px;
    background: linear-gradient(to right, #1abfd5 0%, #1abfd5 98%);
    background-size: 0px 2px;
    background-repeat: no-repeat;
    background-position: left 85%;
    text-shadow: 0;
    text-align: center;
}

.hover-box h3 {
    transition: all .25s linear;
}
.hover-box:hover h2,
.hover-box:hover h3 {
    background-size: 100% 2px;
}

.hover-box h3 + p {
    margin-top: 20px;
}

/**Header**/
#header.scrolled #logo .logo_img {
    height: 68px;
}

/**Certification Grid**/
.certification-card {
    padding: 35px 0;
    margin-bottom: 35px;
    border-radius: 4px;
    border: 1px solid #eeeeee;
    transition: all .3s ease-in-out;
/*    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

.certification-card:hover {
    box-shadow: 0 1px 7px rgba(0,0,0,0.16), 0 2px 3px rgba(0, 0, 0, 0.15);
}


#dotted-box {
    border: 4px dashed #59595C;
    /* background-image: linear-gradient(to bottom, #333 10%, rgba(255, 255, 255, 0) 0%); */
    /* background-position: left; */
    /* background-size: 2px 10px; */
    /* background-repeat: repeat-y; */
}

#dotted-box > .vc_column-inner {
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 14%;
}

@media (max-width: 768px) {
    #dotted-box > .vc_column-inner {
        background-size: 12%;
    }
    
    #dotted-box,
    #dotted-box .boc_heading {
        margin-bottom: 35px !important;
    }
    
}

/*Grid Gallery*/
.mfp_gallery .pic img {
/*    max-height: 590px;*/
/*
    object-fit: cover;
    object-position: 50% 60%;
*/
}

.gform_footer input[type="submit"], 
.gform_footer input[type="reset"], 
.gform_footer input[type="button"] {
    padding: 11px 18px !important;
}