/**
Theme Name: SA WEBSITES 2019
Theme Description: Wordpress Theme
Author: Wayne McConnell
Author URI: http://www.waynemcconnell.com
Description: A simple, mobile friendly, WordPress Theme. Made to keep things simple. To find out more, visit our website <a href="http://www.waynemcconnell.com">Wayne McConnell</a>
Version: 1.0
*/

/**Custom Featured Image*/

.wp-block-cover h1, .wp-block-cover h2, .wp-block-cover h3, .wp-block-cover h4, .wp-block-cover h5, .wp-block-cover h6, .wp-block-cover p {
line-height: 1.4em;	
text-shadow: 0px 4px 12px rgba(0,0,0,0.69);
}

.wp-block-cover, .wp-block-cover-image{
-webkit-box-shadow: 0px 74px 43px -64px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 74px 43px -64px rgba(0,0,0,0.75);
box-shadow: 0px 74px 43px -64px rgba(0,0,0,0.75);	
}

/**End Custom Featured Image*/


/**Custom Content Intro Block*/

.intro-block{
margin-top: 50px;
margin-bottom: 50px;
padding: 50px 50px 80px 50px;
background: #f6f6f6 !important;
border: 0px solid #e1e1e1;
border-radius: 0px;	
-webkit-box-shadow: 0px 74px 43px -64px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 74px 43px -64px rgba(0,0,0,0.75);
box-shadow: 0px 74px 43px -64px rgba(0,0,0,0.75);
}

.intro-block h1, .intro-block h2, .intro-block h3, .intro-block h4, .intro-block h5, .intro-block h6{
text-align: center;
text-decoration: none;
}

/**Custom Content Intro Block*/


/**Custom Front Page Blocks*/

.front-box div.wp-block-column img{
border: 0px solid #e1e1e1;
border-radius: 0px;	
-webkit-box-shadow: 0px 74px 43px -64px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 74px 43px -64px rgba(0,0,0,0.75);
box-shadow: 0px 74px 43px -64px rgba(0,0,0,0.75);
}

/**End Custom Front Page Blocks*/


/**Custom Profile Page*/

.profiles-box{
margin-top: 17px; 
background: #ffffff;
box-sizing: border-box;
padding: 0px;
}

.profiles-box div.wp-block-column{
padding: 50px;
background: #f6f6f6 !important;
border: 0px solid #e1e1e1;
border-radius: 0px;	
-webkit-box-shadow: 0px 74px 43px -64px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 74px 43px -64px rgba(0,0,0,0.75);
box-shadow: 0px 74px 43px -64px rgba(0,0,0,0.75);
}

.profiles-box div.wp-block-column img{
padding-bottom: 20px;
border-bottom: 2px dashed #e1e1e1;
	
}

/**End Custom Profile Page*/


/**Genral stuff*/

a{
color: #b60000;	
}

body { 
margin:0px auto;
padding: 0px;
box-sizing: border-box;	
width:100%;
max-width: 1600px;
height:auto;
background: transparent;
font-size: 20px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal !important;
line-height: 1.4em;
}

hr{
border: 1px dashed #c9c9c9;	
	
}

/**End Genral stuff*/

/**
Top Menu, with Logo And Removing h1, h2
*/

#header h1 {
display: none;
}

#header h2 {
display: none;
}

.custom-logo-link{
margin:0px;
padding:0px;
overflow:hidden;
}

.custom-logo-link img{
height: auto !important;
display:block;
float:left;
margin:6px auto;
box-sizing: border-box;
padding:0px;
background:transparent;
overflow:hidden;
}

.topnav{
display:block;
margin:0px;
padding: 10px;
overflow: hidden;
background-color: #000000;
border-bottom: 0px solid #c9c9c9;
}

.topnav ul{
margin:0px;
padding:0px;
width: auto;
float: right;
list-style:none;
}

.topnav li{
float: left !important;
display: block;
margin:0px;

box-sizing: border-box;
padding: 18px 18px;
}

.topnav a {
color: #ffffff;
text-align: center;
margin:0px;
text-decoration: none;
font-size: 17px;
}

.topnav  a:hover {
text-decoration: underline;
color:#e42125;
}


.topnav .icon {
display: none;
}

@media screen and (max-width: 800px) {
.topnav li{
display:none;
}
}

@media screen and (max-width: 800px) {
.topnav ul{
width: 100%;
}
}

@media screen and (max-width: 800px) {
.topnav a.icon {
float: right;
display: block;
font-size: 27px;
line-height: 2.4em;
}
}

@media screen and (max-width: 800px) {
.topnav.responsive {position: relative;}
.topnav.responsive .icon {
float:right;
display:block;
color:white;
}
	
.topnav.responsive li {
display: block;
width: 100%;
float: left;
clear:left;
text-align: left;
z-index: 9999;
}
}

/**End Top Menu, with Logo And Removing h1, h2*/


/**Start Gutenberg Page Layout*/


.wp-block-image img{
	height: auto;
}

.wp-block-cover, .wp-block-cover-image{
margin:0px !important;
padding:0px !important;
box-sizing: border-box;	
}

.wp-block-cover-text p{
font-size: 600% !important;
}

.wp-block-cover-text a{
text-decoration:none;
border: 2px solid white !important;
padding: 10px 30px !important;
font-size: 60%;
color: white !important;
background: transparent;
opacity: 1.0;
border-radius: 5px;
}

.wp-block-cover-text a:hover{
color:white;
background: #a30338 ;
border: 2px solid #a30338 !important;
}



#content{
margin: 6% !important;
padding: 0% !important;
box-sizing: border-box;	
background:white;	
}

#content h1{
	
line-height: 1.4em;	
}





/**End Gutenberg Page Layout*/

/**Start Blog Layout*/
img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image{
width: 100% !important;
height: auto !important;
}


/**End Blog Layout*/

/**Start Footer*/

#delimiter { clear: both; }

#footer { 
padding: 50px;
border: 0px #a2a2a2 solid; 
background-image: url(images/footer-blocks.png);
height: 300px;
background-position: center bottom; 
background-repeat: no-repeat; 
background-size: 100%; 
}

#footer p{ 
line-height: 1em;
text-align: center !important;
color: #c9c9c9;
}

#footer a{ 
color: #c9c9c9;
text-decoration:none;
}

/**End Footer*/



/**Start Contact Form*/

/* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
  width: 100%; /* Full width */
  padding: 12px; /* Some padding */  
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 6px; /* Add a top margin */
  margin-bottom: 16px; /* Bottom margin */
  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

input[type=tel]{
  width: 100%; /* Full width */
  padding: 12px; /* Some padding */  
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 6px; /* Add a top margin */
  margin-bottom: 16px; /* Bottom margin */
  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

input[type=email]{
  width: 100%; /* Full width */
  padding: 12px; /* Some padding */  
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 6px; /* Add a top margin */
  margin-bottom: 16px; /* Bottom margin */
  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
	width: 50%;
  background-color: #e42125;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
  background-color: #45a049;
}

/* Add a background color and some padding around the form */
.container {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}

/* Align Message Sent to left */
div.wpcf7-response-output{
margin: 0px !important;	
}

/**End Contact Form*/




/* Make sure media & text blocks always stack image, then text */

@media (max-width: 600px) {
.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right {
grid-template-areas: "media-text-media" "media-text-content" !important;
}
}

/* End Make sure media & text blocks always stack image, then text */