  /*
Theme Name: TGCI
Version: 1.1
Author: Levi @ Pixel & Hammer
Author URI: http://pixelandhammer.com/
*/


.aligncenter { text-align:center; }

.alignleft { float:left; margin-right:30px; margin-bottom:30px; }

.alignright { float:right; margin-left:30px; margin-bottom:30px; }



.emergency {
		background-color: #A16767;
	    padding: 10px 25px;
	    text-align: center;
	    font-size: 20px;
	    color: #fff;
	    line-height: 40px;
	    margin: 0 auto !important;
	}
	
.emergency p, .emergency a {
			color: #ffffff;
			 font-family: "Lato",sans-serif;
		}
		
		
html header {
    padding: 10px 0 0;
}

.brown-cow .brown .right ul {
    font-family: "Lato",sans-serif;
    color: #fff;
    font-size: 24px;
    line-height: 40px;
    padding: 30px 0;
}


.dropcon {
    display: inline-block;
    position: relative;
}

header nav .drop a:before {
	display: none;
	content: '';
	height: 0;
	width: 0;
}

header nav .drop a:hover {
	color: #5D4141;
}

header nav .drop {
    transition: visibility 0.5s,opacity 0.5s;
    visibility: hidden;
    opacity: 0;
    transition-delay: 0.3s;
    display: block;
    position: absolute;
    top: 32px;
    z-index: 999;
    width: 140px;
    background-color: #fff;
    left: 20px;
    padding: 15px 25px;
    box-shadow: 0 7px 11px 0 rgba(0,0,0,0.11);
    text-align: left;
}



.page-id-841 .wizy {
	padding: 75px 0 0 !important;
	margin: 0 auto !important;
}

html body .wizy.padder {
	padding: 0 !important;
	margin: 0 !important;
}

.page-id-841 .zigzag .one .image, .page-id-841 .zigzag .two .image {
    background-size: contain;
    background-position: center;
    width: 40%;
    vertical-align: middle;
    background-repeat: no-repeat;
}

.page-id-841 .zigzag .one .content p, .page-id-841 .zigzag .two .content p {
    font-family: "Lato",sans-serif;
    font-weight: 400;
    color: #534A3F;
    padding: 10px 0;
    line-height: 35px;
    font-size: 21px !important;
}

.page-id-841 .zigzag {
	background:  none;
}

.wizy.tanner a.button.brown {
color: #fff !important;
    text-decoration: none;
    display: inline-block;
    width: fit-content;
    max-width: fit-content !important;
    margin: 0 20px;
}

.wizy.tanner {
	    background-image: url(/wp-content/themes/tcgi/assets/img/scratch.jpg);
    background-size: contain;
    background-repeat: repeat;
    margin: 45px 0 !important;
    padding: 45px 0 !important;
}


header nav .drop a:hover {
	opacity: .6;
}

header nav a.dropdown {
	position: relative;
}

header nav .dropcon:hover .drop {
	    transition: visibility 0.5s,opacity 0.5s;
    visibility: visible;
    opacity: 1;
}


html a.button, html button.button {
    max-width: 270px !important;   
}

html body .wizy h1 {
	font-family: "Lato",sans-serif;
    font-weight: 900;
    color: #645B4F;
    opacity: 0.8;
    text-transform: uppercase;
    font-size: 33px;
    margin: 25px 0 15px;
    letter-spacing: 3px;
}

html .wizy img.smaller.alignnone.wp-image-849.size-full {
    max-width: 620px !important;
    height: auto;
    display: block;
    margin: 25px auto;
    width: 90%;
}


html div.gallery.gallery-size-full img {
    border: 20px solid white !important;
    /* margin: 0 10px; */
    /* display: block; */
}

html div.gallery.gallery-size-full {
	margin: 25px auto !important;
}


html .wp-caption-text, html table {
    font-family: "Lato",sans-serif;
    font-weight: 400;
    color: #534A3F;
    font-size: 21px;
}


table {
  border: 1px solid #000000;
  width: 90%;
  max-width: 920px;
  margin: 0 auto !important;
  text-align: center;
  border-collapse: collapse;
}
table td, table th {
  border: 1px solid #000000;
  padding: 15px;
}
table tbody td {
  font-size: 20px;
}
table tfoot td {
  font-size: 20px;
}

.page-id-841 .zigzag {
    background-image: url(/wp-content/themes/img/scratch.jpg);
    background-size: contain;
    background-repeat: repeat;
    display: flex;
    flex-wrap: wrap;
    max-width: 1290px;
    margin: 0 auto;
}


@media only screen and (max-width: 600px) {
	html .page-header {
	    padding: 230px 0 100px;
	}
}