@charset "UTF-8";

/*
Theme Name: Materialis Child
Template: materialis-pro

8-27-2020
*/

/*
CUSTOM COLORS
#3ab3e5 - blue navigation bar
#ef7827 - orange in logo
*/

*{
  font-family:Montserrat !important;
}

.p, p, blockquote, hr, pre, ol, ul, dl, table, fieldset, figure, address, form{
	margin-bottom:0.25em;
}

.site a{
	color:#3ab3e5 !important;
}

.footer-contact-section a{
	color:#3ab3e5 !important;
	text-decoration:none;
}

h2{
	font-weight: 500 !important;
}

h4{
	margin:0;
	padding:0;
	margin-bottom:-0.25em;
}

/*
wp block styles
*/
.wp-block-columns{
	margin-top:0px !important;
	margin-bottom:0px !important;
}
.wp-block-column{
	margin-top:0px !important;
	margin-bottom:0px !important;
}
.wp-block-buttons{
	margin-top:0px !important;
	margin-bottom:0px !important;
}
.wp-block-button{
	margin-top:0px !important;
	margin-bottom:0px !important;
}
.wp-block-button a{
	margin-top:0px !important;
	margin-bottom:40px !important;
}

/*
set color of text within button block
*/
.wp-block-button a{
	color:white !important;
}

input[type=submit].mdc-ripple-upgraded, .button.mdc-ripple-upgraded{
	color:white !important;
}

input[type=submit]{
	background-color:#3ab3e5;
}

#contact-1 h4{
	margin-bottom:inherit;
}

.card h4{
	margin-bottom:inherit;
}

.row-card{
	min-height:300px !important;
}

.breadcrumb{
	margin-top:-20px;
	margin-bottom:1em;
	color:gray;
}

.breadcrumb a{
	color:gray;
}


.navigation-bar{
	padding:0;
	margin:0;
}

/* 
container for navigation
set to blue background in style sheet
set to fixed in Theme customizer
*/
.navigation-bar.coloured-nav{
	background:#3ab3e5;
}

/*
Change spacing between nav links
reduce line height of nav bar so line wrapping of links does not expand height of header
override inline style
*/
#main_menu li a{
	/*margin-right: 10px;*/
	line-height:50% !important;
}


/*
ul tag for menu 
change from Uppercase to none
*/
#main_menu > li > a{
	text-transform: none;
	font-size:13px;
}

/*
remove current page color
*/
li.current-menu-item > a {
	background-color:transparent !important;
}


/*
change nav link colors
*/
.coloured-nav ul.dropdown-menu.simple-text-buttons > li > a, .fixto-fixed ul.dropdown-menu.simple-text-buttons > li > a {
    color: #fff !important;
}

/*
remove logo from navigation flyout menu
*/
#offcanvas-wrapper .logo-holder{
	/*display:none;*/
}

ul.dropdown-menu{
	z-index:2 !important;
}

ul.dropdown-menu li ul{
	z-index: 99 !important;
}


/*
set height of nav bar, override parent template with new template-part
template-parts/navigation/navigation.php
*/
.materialis-child-nav-row{
	flex-basis:66px;
	overflow:hidden;
	
}

/*
header set to static instead of absolute, changed to non fixed menu in customizer
*/
.header-top{
	position:static;
}

/*
secondary page header text
*/
.materialis-child-header-text{
	font-weight:normal !important;
	color:#3ab3e5 !important;
	margin-top:-1em;
}

/*
text heading styles for blog templates
*/
.materialis-child-blog-header{
	margin:0;
	margin-bottom:0.25em;
}

/*
contact 1 remove background from home page contact 1 section
*/
.contact-1{
	background-image:none;
}

/*
align all Newsletter form fields content center at 767px
*/
@media only screen and (max-width: 797px) {
	.mdc-text-field{
		margin-right:auto;
		margin-left:auto;
	}
}

/*
remove header text from inside inner page hero
*/
.inner-header-description h1.hero-title{
	display:none;
}

/*
hero header subtitle hide element
*/
.header-subtitle{
	display:none;
}

.wp-block-image{
	text-align:left; /* over ride align center */
}

/*
align all text content left at 767px on inner page
*/
@media only screen and (max-width: 797px) {
	body.materialis-inner-page{
		text-align:left;
	}
}

/*
reset left column of Home page Contact 1 section to 100% width to avoid line wrapping
max-width: 897px
*/
@media only screen and (min-width: 768px) {
	.col-xs-6{
		max-width:100%;
		flex-basis:auto;
	}
}

/*
reset left column of Home page Contact 1 section to 100% width to avoid line wrapping
*/
@media only screen and (max-width: 767px) {
	.col-xs-6{
		flex-basis:100%;
		max-width:100%;
	}
	
	#contact-1 form h3{
		width:100%;
	}
	
	body #page #contact-1 .contact-form-wrapper{
		margin-bottom:20px;
	}
}


/*
media queries to adjust home page hero text size on different widths
use vw to make font size scale to width of hero title text on home page
*/

@media only screen and (min-width: 1920px) {
  .header-homepage .hero-title{
	  font-size: 3vw !important;
  }
}

@media only screen and (max-width: 1919px) {
  .header-homepage .hero-title{
	  font-size: 5vw !important;
  }
}

@media only screen and (max-width: 982px) {
  .header-homepage .hero-title{
	  font-size: 6vw !important;
  }
}

@media only screen and (max-width: 768px) {
  .header-homepage .hero-title{
	  font-size: 6.5vw !important;
  }
}


@media only screen and (max-width: 590px) {
  .header-homepage .hero-title{
	  font-size: 9vw !important;
  }
}

@media only screen and (max-width: 506px) {
  .header-homepage .hero-title{
	  font-size: 8vw !important;
  }
}


@media only screen and (max-width: 307px) {
  .header-homepage .hero-title{
	  font-size: 8vw !important;
  }
}

/*
home page row cards
*/
.row.spaced-cols{
	justify-content:center;
}

.row.middle-sm{
	justify-content:center;
}

.row.materialis-latest-news{
	justify-content:center;
}

.icon-container{
	/*background:#ef7827;*/
	max-width:100px;
}
.icon-container img{
	max-width:100px;
}

@media only screen and (max-width: 767px){
	.col-xs-12{
		text-align:center;
	}
	.icon-container{
		margin:auto;
	}
}

/*
form styles
*/
.contact-form-wrapper input[type="submit"]{
	background-color:#3ab3e5;
	text-transform: capitalize;
	box-shadow:none;
}

/*
blog related styles
*/
.materialis-latest-news .latest-news-item-title{
	margin-bottom:1em;
}