/*
Theme Name: Beneath the Streets
Author: Hydrogen Interactive
Evolved From: Twenty Thirteen by the WordPress team
Version: 2021

/**
Black: #000000;
Salmon: #FF9977;
Melon: #ffb894;
Peach: #ffd6c2;

mango: #FFCC33
Honeydew: #66CC99
Red: #006666
Teal: #006666

font-family: 'EB Garamond', serif;
font-family: 'Poppins', sans-serif;
*/

@import url('https://fonts.googleapis.com/css2?family=EB+Garamond&family=Poppins:wght@400;500;600;700&display=swap');

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

html {
  scroll-behavior: smooth;
}

html,
button,
input,
select,
textarea {
	font-family: 'Poppins', Arial, Verdana, sans-serif;	
	font-size: 18px;
	font-weight: 400;
}

body {background: #ffffff; color: #000000; font-family: 'EB Garamond', serif; font-weight: 400; font-size: 18px;line-height: 1.3; margin: 0;}

a {color: #000000; text-decoration: none; overflow-wrap: break-word; word-wrap: break-word;}
a:visited {color: #000000}
a:focus {outline: thin dotted;}
a:active {background: #FFCC33; outline: 0;}
a:hover {background: #FF9977; }

p a, li a {background: #ffd6c2;}
p a:active, li a:active {background: #FFCC33; outline: 0;}
p a:hover, li a:hover {background: #FF9977; }

h1,h2,h3,h4,h5,h6 {
	font-family: 'Poppins', Arial, Verdana, sans-serif;
	font-weight: 700;
	padding: 0;
	margin: .5em 0;	
}

h1 /*page title*/ {font-size: 300%;}
h2 /*section title*/  {font-size: 180%;} 
h3 /*post title*/ {font-size: 120%; font-weight: 500;}
h4 /*widget title*/{font-size: 100%; text-transform: uppercase;} 
h5 /*tbd*/ {font-size: 100%;}
h6 /*DEBUGGER
*/ {font-size: 80%; font-weight: 700; color: #0f0 } 

p {font-family: 'EB Garamond', serif; margin: 0 0 20px; }
ul li p {margin: 0; }
b, strong { font-weight: 600;}
hr {	
clear: both;
background: none;
border:0; 
border-top: 2px #e6e7e8 solid;
	height: 1px;
	margin: 20px auto;
}

.cb{clear: both;}
.fl, .ifl, .alignleft{float: left; margin: 0 50px 10px 0;} 
.fr, .ifr, .alignright {float: right; margin: 0 0 10px 50px;}
.aligncenter {display: block;margin: 0 auto}
.pw {max-width: 1000px; padding: 0; margin: 0 auto;}

.notes {display: inline-block; font-size: 90%; font-style:italic; margin-top: 40px;}
figcaption {font-size: 12px; line-height: 1; font-style: italic; padding: 6px 0;}

/**
 * 1.0 Reset
 * ----------------------------------------------------------------------------
 */

figcaption,
figure,
footer,
header,
nav {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden] {
	display: none;
}

html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}

blockquote {
	font-size: 18px;
	font-style: italic;
	font-weight: 500;
	margin: 24px 40px;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

menu,
ol,
ul {
	margin: 20px 0;
	padding: 0 0 0 40px;
}

nav ul,
nav ol {
	list-style: none;
	list-style-image: none;
}

li > ul,
li > ol {
	margin: 0;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

form {
	margin: 0;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
	white-space: normal;
}

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
	border: 1px #999999 solid;
}

button,
input {
	line-height: normal;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
	padding-right: 2px; /* Don't cut off the webkit search cancel button */
	width: 220px;
	
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
	
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

table {
	border-bottom: 1px solid #457493;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 14px;
	line-height: 2;
	margin: 0 0 20px;
	width: 100%;
}

th,
td {
	font-weight: normal;
	text-align: left;
}



th {
	font-weight: 500;
	text-transform: uppercase;
	padding: 0px 12px;
}

td {
	border-top: 1px solid #457493;
	padding: 6px 12px;
}



/**
 * 2.0 Repeatable Patterns
 * ----------------------------------------------------------------------------
 */


/* Assistive text */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;
	position: absolute !important;
	height: 1px;
	width: 1px;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	line-height: normal;
	padding: 15px 23px 14px;
	position: absolute;
	left: 5px;
	top: 5px;
	text-decoration: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/* Form fields, general styles first. */
button,
input,
textarea {
	border: 1px solid #999999;
	font-family: inherit;
	padding: 4px;
}


input:focus,
textarea:focus {
	border: 1px solid #000000;
	outline: 0;
}


/*BUTTONS*/

a.button-link,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	display: table;
	font-family: 'Poppins', Arial, Verdana, sans-serif;
	border: 1px solid white;
	color: #000000;
	font-size: 16px !important;
	font-weight: 600;
	line-height: 1;
	padding: 12px 24px;
	margin: 20px auto 0 0;
	border-radius: 20px;
	text-decoration: none;
	background-color:#FF9977;
}

a:hover.button-link,
button:hover,
button:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
	color: #ffffff !important;
	outline: none;
	border: #000000 1px solid;
	background-color: #000000;
}

a:active.button-link,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	color: #ffffff !important;
	outline: none;
	background-color:  #FFCC33;}

.calloutBox a {background: #000000; color: #ffd6c2; font-weight: 700;}
.calloutBox a:hover {background: #FF9977; color: #000000}
.calloutBox a:active {background: #FFCC33; color: #000000}


a.button-link.b-inline{display: inline-block; margin: 20px 20px 0 0;}
a.more-link {background: #ffd6c2; font-family: 'Poppins', Arial, Verdana, sans-serif; }
a:after.more-link {display: block; content: "\203A";}

.salmon a.button-link,
.salmon button,
.salmon input[type="submit"],
.salmon input[type="button"],
.salmon input[type="reset"],
.mango a.button-link,
.mango button,
.mango input[type="submit"],
.mango input[type="button"],
.mango input[type="reset"],
.honeydew a.button-link,
.honeydew button,
.honeydew input[type="submit"],
.honeydew input[type="button"],
.honeydew input[type="reset"] {background-color: #ffffff; color: #000000}

.salmon a:hover.button-link,
.salmon button:hover,
.salmon input[type="submit"]:hover,
.salmon input[type="button"]:hover,
.salmon input[type="reset"]:hover,
.mango a:hover.button-link,
.mango button:hover,
.mango input[type="submit"]:hover,
.mango input[type="button"]:hover,
.mango input[type="reset"]:hover,
.honeydew a:hover.button-link,
.honeydew button:hover,
.honeydew input[type="submit"]:hover,
.honeydew input[type="button"]:hover,
.honeydew input[type="reset"]:hover {background-color: #000000; color: #ffffff;}

/*Responsive images Fluid images for posts, comments, and widgets*/
.entry-content img,
.post-thumbnail img {max-width: 100%;}
.entry-content img,
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
}

img.size-full, img.size-large, img.wp-post-image {height: auto; max-width: 100%;}
#gallery-1 img {border: none !important}

embed,iframe,object,video {max-width: 100%;}


/** 3.0 Basic Structure**----------------------------------------------------------------------------
Black: #000000;
Salmon: #FF9977;
Melon: #ffb894;
Peach: #ffd6c2;

mango: #FFCC33
Honeydew: #66CC99
Red: #CC6633*/




/** 4.0 Header** ----------------------------------------------------------------------------*/

.site-header {display: block; position: fixed; z-index: 99999; background-color: #ffffff; width: 100%; height: 32px; padding: 0; border-bottom: 2px #FF9977 solid;
	-webkit-transition: all 400ms ease;
	transition:        all 400ms ease;}

.site-header .home-link {
	display: inline-block;
	float: left;
	margin: -27px auto 0 0;
	width: 72px;
	height: 72px;
	padding: 0;
	font-size: 0;
	text-decoration: none;
	border-radius: 50%;
	background: #ffffff url("images/maintainers_M.svg") center no-repeat;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-transition: all 400ms ease;
	transition:        all 400ms ease;
}

.site-header .home-link:hover {background-color: #FF9977; }
.utility-navbar {text-align: right;}
.utility-navbar-spacer {display: block; width: 40px; min-height: 30px;} /*for now*/
.navbar {display:inline-block; vertical-align: top; float: right; padding: 0; margin: 0 0 0 auto; max-width: 800px;
-webkit-transition: all 400ms ease;
	transition:        all 400ms ease;}
.navbar .search-form {position: absolute;right: 0px;top: 0px;}

.navbar .search-field {
	background-color: transparent;
	background-image: url("images/search-icon.svg");
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	border: none;
	cursor: pointer;
	height: 40px;
	margin: 0;
	padding: 0 0 0 34px;
	position: relative;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition:         width 400ms ease, background 400ms ease;
	width: 1px;
}

.navbar .search-field:focus { background-color: #fff; border: 2px solid #FF9977; cursor: text; outline: 0; padding: 0 0 0 40px; width: 240px; }
.navbar .search-submit{display: none;}
input[type="submit"].search-submit {margin: 30px auto 0 0;}
input[type="search"]:hover {background-color: #FF9977;}

/*Home Nav*/
.home .site-header {height: auto;}
.home .site-header .home-link {
	display: block;
	float: none;
	margin: 0 auto;
	width: 180px;
	height: 180px;
	padding: 0;
	border-radius: 50%;
	background: #ffffff url("images/maintainers.svg") center no-repeat;
}
.home .navbar {display:block; float: none;margin: 10px auto 0; max-width: 800px;}

/*Home Compact Nav*/

.home .site-header.shorter { height: 32px; }

.home .site-header.shorter .home-link {
	display: inline-block;
	float: left;
	margin: -27px auto 0 20px;
	width: 72px;
	height: 72px; }

.home .site-header.shorter .navbar {display:inline-block; vertical-align: top; float: right; padding: 0; margin: 0 0 0 auto;}
.home .site-header.shorter .home-link:hover {background-color: #FF9977; }

/** 4.2 Navigation
 * ----------------------------------------------------------------------------
Black: #000000;
Salmon: #FF9977;

mango: #FFCC33
Honeydew: #66CC99
Red: #CC6633*/
 
.main-navigation {position: relative; margin: 0 auto; background: #ffffff;}

ul.nav-menu, div.nav-menu > ul{ display: table; margin: 2px 40px 0 auto; padding: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
ul.ut-menu, div.ut-menu > ul{ display: table; margin: 0 20px 0 auto ; padding: 0; }
ul.quick-menu, div.quick-menu > ul{margin: 20px auto ; padding: 0; }
.nav-menu li, .ut-menu li, .quick-menu li {display: inline-block; position: relative;}

.home ul.nav-menu, .home div.nav-menu > ul{margin: 2px auto; padding-right: 40px; }
.home .site-header.shorter ul.nav-menu, .home .site-header.shorter div.nav-menu > ul {margin: 2px 40px 0 auto; padding: 0}


.nav-menu li a, .ut-menu li a, .quick-menu li a{
	font-family: 'Poppins', Arial, Verdana, sans-serif;
	display: block;
	font-size: 18px;
	font-weight: 600;
	line-height: 1;
	padding: 10px;
	margin: 0 5px;	
	text-decoration: none;
	text-align: center;
	background-color: transparent;
	 -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.ut-menu li a,
.quick-menu li a{font-size: 14px; padding: 8px;}

.nav-menu li:hover > a,
.nav-menu li a:hover,
.ut-menu li:hover > a,
.ut-menu li a:hover,
.quick-menu li a:hover{color: #000000; background-color: #FF9977;	 }

.nav-menu li:focus > a,
.nav-menu li a:focus,
.ut-menu li:focus > a,
.ut-menu li a:focus,
.quick-menu li:focus > a,
.quick-menu li a:focus{color: #000000; background-color: #FFCC33; }

.menu-toggle {
	display: none;	
}

ul.anchor-menu {display: block; position: relative; margin: 0px; padding: 0; list-style: none; font-family: 'Poppins', Arial, Verdana, sans-serif;	font-size: 18px;font-weight: 400; }
ul.anchor-menu li {display: inline-block; }
ul.anchor-menu li a {text-decoration: none; padding: 0 10px;}

a.anchor-link {position: relative; display: block; height: 100px; margin-top: -100px; pointer-events: none; font-size: 0; }


/** 5.0 Content* ----------------------------------------------------------------------------
Black: #000000;
Salmon: #FF9977;

mango: #FFCC33
Honeydew: #66CC99
Red: #CC6633**/

.white {}
.salmon {background-color: #FF9977; border-radius: 10px; overflow: hidden}
.mango {background-color: #FFCC33; border-radius: 10px; overflow: hidden; border: none !important;}
.honeydew {background-color: #66CC99; border-radius: 10px; overflow: hidden; border: none !important;}
.melon {background-color: #ffb894}
.peach {background-color: #ffd6c2;}


.salmon-border {border: 4px solid #FF9977 !important; border-radius: 10px; overflow: hidden}
.mango-border {border: 4px solid #FFCC33 !important; border-radius: 10px; overflow: hidden; }
.honeydew-border {border: 4px solid #66CC99 !important; border-radius: 10px; overflow: hidden;}


.border-box {width: 80%; background: #ffffff;}

.border-box.salmon {border-radius: 20px; border: 4px #FF9977 solid !important;}
.border-box.mango {margin-left: 10%;border-radius: 20px; border: 4px #FFCC33 solid !important;}
.border-box.honeydew {margin-left: 20%; border-radius: 20px;  border: 4px #66CC99 solid !important;}


.site-main {padding-top: 80px;}
.home .site-main {padding-top: 260px;}
.site-content{max-width: 1000px; margin : 0 auto;}

.section {clear: both; margin: 20px auto;}
.section-content {display: block; clear: both; margin: 0; padding: 20px; border-top: 1px #ffb894 solid;}

.section-menu {border: 4px #FF9977 solid}

.section-content.calloutBox {background-color: #000000; color: #ffffff !important; border-top: none !important; padding: 20px 40px; border-radius: 10px;}
.section-content.calloutBox h2 {font-size: 160%;}

.section-image{display: inline-block; vertical-align: top; width: 30%;}
.section-text {display: inline-block; vertical-align: top; width: 69%; padding:40px 40px 20px 40px;}
.section-content ul {overflow: hidden; zoom: 1; }
.section-content ul li {padding-bottom: 10px}

.section-content.section-intro {border-top: none;}

/*ARCHIVES*/

.archive .section-content.section-intro {padding: 20px 40px 0;}

.h1.page-title {clear: both}
.page-column{display: inline-block; vertical-align: top; padding: 20px; width: 76%; margin-right: 2%; border-radius: 20px; overflow: hidden;}
.page-column.pc-right {width: 21%; margin-right: 0; padding: 30px 0;}
.page-column.pc-left.salmon .post-content:first-child {border-top-left-radius: 10px; border-top-right-radius: 10px;}
.page-column.pc-left.salmon .post-content:last-child {border-bottom-right-radius: 10px; border-bottom-left-radius: 10px}

.widget ul {margin: 0 0 20px 0; padding: 0 0 0 25px; list-style: circle;}
.widget ul li {font-size: 100%; line-height: 1.1; padding-bottom: 5px;font-family: 'EB Garamond', serif; }

/*post content - listings*/
.post-content {background: #ffffff; margin: 15px auto; padding: 20px; border: 1px #ffb894 solid}
.post-meta{display: block; text-transform: uppercase; font-size: 12px; 	font-family: 'Poppins', Arial, Verdana, sans-serif;}
.post-label {clear: both; display: table; margin: 40px 0 20px; padding: 10px; background: #FF9977; font-size: 80%; border-radius: 20px; }

/* single */
.single h1.page-title{font-size: 250%; margin: 1.5em 0 .75em;}
.single .post-meta{margin: 40px 20px 0;}
.single .preferred-citation {margin: 60px 0 20px;}

.error404 h1.page-title{margin: 3em 0 .75em; clear: both;}


/*PAGES DYNAMIC POSTS*/

/*POST DISPLAY - Dynamic Post LIsting -1x*/

.post-content .post-thumbnail {display: inline-block; vertical-align: middle; width: 30%; max-width: 300px; margin-right: 2%; padding: 10px;}
.post-content .post-summary {display: inline-block; vertical-align: middle;width: 64%; }


/*Icon Boxes - Dynamic Post Listing*/
ul.icon-boxes{display: block; padding: 0; margin: 20px auto; list-style: none;}
ul.icon-boxes li {display: inline-block; width: 16%; margin: 10px 4% 20px;vertical-align: top;text-align: center; line-height: 1.2;}
ul.icon-boxes li a{text-align: center;}
ul.icon-boxes li a .circle-icon {display: block; border-radius: 50%; width: 80px; height: 80px; background: #000000; margin: 10px auto;}
ul.icon-boxes li a:hover .circle-icon {background: #CC6633;}

.icon-circle {border-radius: 50%; background: #e6e7e8; padding: 10px;}


/*Bio Boxes - Dynamic Post Listing – 4x*/
ul.bio-boxes{display: block; padding: 0; margin: 0 auto; list-style: none;}
ul.bio-boxes li {display: inline-block; width: 23%; padding: 0;vertical-align: top;line-height: 1.2; margin-right: 2%; border-radius: 10px; overflow: hidden;}
ul.bio-boxes li:last-child {margin-right: 0;}
ul.bio-boxes li a{display: block; background: transparent; padding: 10px; text-align: center; cursor: pointer;
	-webkit-transition: background 400ms ease; transition: background 400ms ease;}
ul.bio-boxes li a:hover {background: #FF9977;}
ul.bio-boxes li a:active {background: #FFCC33;}
ul.bio-boxes li .post-thumbnail {display: block; border-radius: 50%; width: 150px; height: 150px; margin: 10px auto; overflow: hidden;}


/*Post Boxes - Dynamic Post Listing - 3x*/
ul.post-boxes{display: block; padding: 0; margin: 0 auto; list-style: none;}
ul.post-boxes li {display: inline-block; vertical-align: top; width: 30%; margin: 5px 3% 5px 0; padding: 20px; overflow: hidden; border-radius: 10px; background-color: #66CC99; }
ul.post-boxes li a {display: block;}
ul.post-boxes li p a {background: transparent;}
ul.post-boxes h3 {margin: 0; font-size: 180%;}

ul.post-boxes li:nth-child(3n) {background-color:#FFCC33; border-radius: 10px; margin-right: 0;}
ul.post-boxes li:nth-child(3n - 1) {background-color: #FF9977; border-radius: 10px;}
ul.post-boxes li:hover, ul.post-boxes li:hover > a, ul.post-boxes li > a:hover, ul.post-boxes li:hover > a p {background-color: #000000; color: #ffffff}

/*Menu Button Boxes - Dynamic Post Listing - 2x */
ul.menu-boxes{display: block; padding: 0; margin: 0 auto; list-style: none;}
ul.menu-boxes li {display: inline-block; vertical-align: middle; width: 48%; height: 200px; margin: 10px 2% 10px 0; padding: 20px; overflow: hidden; border: 1px solid #000000;}
ul.menu-boxes li a {display: block; height: 100%; }
ul.menu-boxes h3, ul.menu-boxes p {margin: 0;}

ul.menu-boxes li:hover,
ul.menu-boxes li:hover > a {background-color: #000000; color: #ffffff; text-decoration: none;}
ul.menu-boxes li:nth-child(even) {margin-right: 0;}
/*
ul.menu-boxes li:nth-child(3n) { border: 2px solid #66CC99; }
ul.menu-boxes li:nth-child(3n - 1) {background-color:#FFCC33;}

ul.menu-boxes li:hover,
ul.menu-boxes li:hover > a,
ul.menu-boxes li:nth-child(3n):hover > a,
ul.menu-boxes li:nth-child(3n - 1):hover > a {background-color: #000000; color: #ffffff; text-decoration: none;}*/

/*PROMO Boxes - Dynamic Post Listing - 2*/
ul.promo-boxes{display: block; padding: 0; margin: 10px auto; list-style: none;}
ul.promo-boxes li {display: inline-block; vertical-align: top; width: 46%; margin: 0 4% 0 0;}
ul.promo-boxes li:nth-child(even) {margin: 0;}
ul.promo-boxes li .post-thumbnail {margin-bottom: 10px;}



/*AUTO COLUMNS*/
div.list-2col ul, div.list-3col ul {margin: 0; padding: 0;  list-style: none;}
div.list-2col ul li, div.list-3col ul li {padding: 20px;}

div.list-2col { 
	-moz-column-count: 2;
    -moz-column-gap: 0px;
    -webkit-column-count: 2;
    -webkit-column-gap: 0px;
    column-count: 2;
    column-gap: 0px;
	padding-bottom: 20px
}
div.list-3col { 
	-moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
	padding-bottom: 20px
}

/**
 * 7.0 Footer
 * ----------------------------------------------------------------------------

Black: #000000;
Salmon: #FF9977;

mango: #FFCC33
Honeydew: #66CC99
Red: #CC6633
 */

.site-footer {padding: 40px 20px 0px; border-top: 10px #FF9977 solid; text-align: center; margin-top: 50px;}
.site-footer a {background-color: none;}
.footer-logo{display: block; width: 80px; height: 80px; background:#0f0; font-size: 0; padding: 10px; margin: 20px auto; border-radius: 50%;}

.site-info{clear: both; width: 100%; margin: 0; padding: 10px; line-height: 1.2; font-size: 14px; text-align: center;}
.site-info p {margin: 0; padding: 0;}

ul.social-network {display: table; position: relative; list-style: none;  margin: 0 auto; padding: 20px 0 0;}
ul.social-network li {display: inline-block; position: relative;  width: 48px; height: 48px;  margin-right: 24px; border-radius: 50%; overflow: hidden; }
ul.social-network li a{display: block;  position: relative; width: 48px; height: 48px;background-image:url(images/icons_social.svg); background-size: 48px auto; background-repeat: no-repeat; font-size: 0; background-color: #000000;}

ul.social-network li a.instagram{background-position: center -240px }
ul.social-network li a.facebook{background-position: center -98px}
ul.social-network li a.linkedin{background-position: center -48px }

ul.social-network li a:hover {cursor: pointer; background-color:#FF9977;}
ul.social-network li a:active {cursor: pointer; background-color:#FFCC33;}

/**
 * 7.5 BY HI
 * ----------------------------------------------------------------------------
Black: #000000;
Salmon: #FF9977;
Melon: #ffb894;
Peach: #ffd6c2;

mango: #FFCC33
Honeydew: #66CC99
Red: #CC6633
*/

.home-promo {width: 100%; height: background: url("images/monkey_wrench.png") center no-repeat; background-size: contain;}
.home-quote {display: none; width: 40%; margin: 0 0 0 auto; padding: 50px 0;}
.home-quote h1 {font-size: 180%}

 .embed-container { 
        position: relative; 
        padding-bottom: 56.25%;
		 margin: 20px auto;
        overflow: hidden;
        max-width: 100%;
        height: auto;
	  border: 1px #cccccc solid;
    } 

    .embed-container iframe,
    .embed-container object,
    .embed-container embed { 
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }


/*GF*/
.gform_wrapper {}
.gform_wrapper label.gfield_label, .gform_wrapper legend.gfield_label {font-weight: 600;}
.gform_wrapper button, .gform_wrapper input, .gform_wrapper textarea {border: none}
.gform_wrapper div.validation_error {}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {background-color: rgba(255,255,255,.5); border-top: none !important; border-bottom: none !important; }


/*SLICKSLIDER PRO DESIGN 7 : Home Page/Honeydew Stripe Style*/
/*slides*/

.slideshow {}

.wpsisac-slider-wrp{ width: 100%; max-width: 1280px; height: 400px; margin: 0 auto;}

.wpsisac-slick.wpsisac-prodesign-7{background: transparent !important;}
.wpsisac-slick.wpsisac-prodesign-7 h2 {}

.wpsisac-slick.wpsisac-prodesign-7 .wpsisac-slick-image-slide .wpsisac-slide-wrap .wpsisac-slider-content{padding:120px 100px 20px 20px;}
.wpsisac-slick.wpsisac-prodesign-7 .wpsisac-slick-image-slide .wpsisac-slide-wrap .wpsisac-slider-content h2 {}

.wpsisac-slick.wpsisac-prodesign-7 .wpsisac-slick-image-slide .wpsisac-slide-wrap .wpsisac-slide-title{padding:10px !important; text-align:left; }
.wpsisac-slick.wpsisac-prodesign-7 .wpsisac-slick-image-slide .wpsisac-slide-wrap .wpsisac-slider-short-content{ padding:0 10px !important; margin-bottom:8px; clear:both;}
.wpsisac-slick.wpsisac-prodesign-7 .wpsisac-slick-image-slide .wpsisac-slide-wrap .wpsisac-slider-short-content p{  color:#000; text-align:left;}
.wpsisac-slick.wpsisac-prodesign-7 .wpsisac-slick-image-slide .wpsisac-slide-wrap .wpsisac-readmore{padding-left:10px; float:left;}

.wpsisac-column, .wpsisac-columns {padding-left: 0 !important; padding-right: 0 !important}
.wpsisac-slick-slider .slick-dots {left: 50% !important; text-align: left !important; padding: 0 25px !important }

a.wpsisac-slider-readmore {border: none !important; padding: 10px 12px 8px !important;	
background-color:#FFFFFF;
	color: #8a1e41 !important;
	font-size: 18px !important;
	font-weight: 400;
	border-radius: 8px;
	text-decoration: none;
	text-transform: uppercase;}

a:hover.wpsisac-slider-readmore { background-color: #00758d !important; border: none !important;}
a:active.wpsisac-slider-readmore { background-color: #1f365f !important; border: none !important;}

.wpsisac-slick-slider button.slick-next, .wpsisac-slick-slider button.slick-next:hover, .wpsisac-slick-slider button.slick-next:focus, .wpsisac-slick-slider button.slick-next:active, .wpsisac-slick-carousal button.slick-next, .wpsisac-slick-carousal button.slick-next:hover, .wpsisac-slick-carousal button.slick-next:focus, .wpsisac-slick-carousal button.slick-next:active, .wpsisac-slick-slider button.slick-prev, .wpsisac-slick-slider button.slick-prev:hover, .wpsisac-slick-slider button.slick-prev:focus, .wpsisac-slick-slider button.slick-prev:active, .wpsisac-slick-carousal button.slick-prev, .wpsisac-slick-carousal button.slick-prev:hover, .wpsisac-slick-carousal button.slick-prev:focus, .wpsisac-slick-carousal button.slick-prev:active {background-color: rgba(35, 96, 146, 0.6) !important;}


	
/**
 * 8.0 Media Queries RWD
 * ----------------------------------------------------------------------------
*/
 
.rwd-tester {display: none; position:fixed; bottom: 0; right: 0; width: 50px; height: 50px; z-index: 999999999}	

 
@-ms-viewport {	width: device-width; }
@viewport {	width: device-width; }



@media (max-width: 1080px) {
	/*rwdred */
	.rwd-tester {background: #f00} 


}

@media (max-width: 999px) {
	/*rwdyellow */
	.rwd-tester {background: #ff0} 
	
	
	.section-content.calloutBox,
	.salmon, .mango, .honeydew,
	.salmon-border, .mango-border, .honeydew-border {border-radius: 0;}
	
	.salmon-border, .mango-border, .honeydew-border {border-left: 0 !important; border-right: 0 !important;}
	
	.site-footer {margin-top: 0;}
	
}
	
/* Collapse oversized image and pulled images after iPad breakpoint. */
@media (max-width: 869px) {
	/*rwdgreen*/
	.rwd-tester {background: #0f0; }
	
	.home .site-header .home-link{width: 140px; height: 140px;}
	.nav-menu li a, .quick-menu li a{font-size: 14px; margin: 0; padding: 12px 5px;}
	.ut-menu li a {font-size: 14px;}
	
	.fr, .ifr, .alignright, .fr, .ifr, .alignright {display: block; float: none;margin: 10px auto;}
	
	ul.promo-boxes li {display: block; float: none; margin: 10px auto; width: 100%;}
	
	ul.bio-boxes li {width: 47%}
	
	.single h1.page-title {font-size: 200%; margin: .5em 0 .75em}
	.border-box, .border-box.salmon, .border-box.mango, .border-box.honeydew{width: 100%; border-left: 0 !important; border-right: 0 !important; margin: 10px auto; border-radius: 0;}

}

@media (max-width: 599px) {
	/*rwdblue	*/
.rwd-tester {background: #00f; }
	
h1 {font-size: 240%;}
h2 {font-size: 160%;} 

.site-main {padding-top: 60px;}	
	.section {margin: 0;}
	.site-footer {padding: 20px 20px 0; }
.page-column, .page-column.pc-right, 
.page-column.pc-left.salmon .post-content:first-child, .page-column.pc-left.salmon .post-content:last-child {display: block; padding: 20px; width: 100%; margin: 10px auto; border-radius: 0; }

	.navbar .search-form {top: -35px;}
	ul.ut-menu, div.ut-menu > ul{margin: 0 40px 0 auto}
	
	.home ul.nav-menu, .home div.nav-menu > ul{margin: 0; padding-right: 0; }
    .home .site-header.shorter ul.nav-menu, .home .site-header.shorter div.nav-menu > ul {margin: 0; padding: 0}

	
	.main-navigation {padding-right: 0;}
	.menu-toggle {
		cursor: pointer;
		display: block;
		width: 100%;
		margin: 0;
		border: 0;
		border-radius: 0;
	}

	.menu-toggle,
	.menu-toggle:hover,
	.menu-toggle:focus,
	.menu-toggle:active {
		
	}

	.menu-toggle:focus {
		outline: thin dotted;
	}

	.toggled-on .nav-menu,
	.toggled-on .nav-menu > ul,
	.toggled-on .home .nav-menu, .toggled-on .home .nav-menu > ul {
		display: block;
		margin-left: 0;
		padding: 0;
		width: 100%;
	border-bottom: 2px #FF9977 solid;
	}
	
	
	.toggled-on li,
	.toggled-on .children {
		display: block;
		text-align: center;
		padding: 0;
		width: 100%;
		margin: 0;
		border-bottom: 2px #FF9977 solid;
		
	}

	.toggled-on .nav-menu li > ul {
		display: block;
		width: 100%;
		float: none;
		position: relative;
		left: auto;
		top: auto;
		
	}
	
	.toggled-on ul.nav-menu ul a,
	.toggled-on .nav-menu ul ul a {

	width: 100%;
	font-size: 14px;
	padding: 12px 20px 10px;
	text-align: center;
	border: none;
}

	.toggled-on .nav-menu li > ul a {
		width: 100%;
		margin: 0;
	}

	ul.nav-menu,
	div.nav-menu > ul {
		display: none;
	}
}	
	
/* Mobile devices */
@media (max-width: 499px) {
	/*purple */
	.rwd-tester {background: #C600D2}
	
	h1 {font-size: 200%;}
h2 {font-size: 140%;} 
	ul.bio-boxes li {display: block; float: none; margin: 10px auto; width: 100%;}


}