/*
 Theme Name:   Canton Main Street
 Theme URI:    https://mainstreetcanton.org
 Description:  Custom theme for Canton Main Street using the GP Framework
 Author:       BD
 Author URI:   https://mainstreetcanton.org
 Template:     generatepress
 Version:      1.0
 Colors: #1e72bd (med blue), #2b3f55 (dk blue), #ee331d (red), #f1c40f (yellow)
*/
/* GeneratePress Site CSS */ /* mobile header spacing */
a {
    text-decoration: underline !important;
}
a.gb-button, .menu-item a, a.button {
    text-decoration: none !important;
}
.mobile-header-navigation {
	padding: 10px;
	box-sizing: border-box; 
}
#site-navigation { margin-top:15px;}

.main-navigation .menu > .menu-item > a:hover:after, .main-navigation .menu > .menu-item > a:focus:after, .main-navigation .menu > .current-menu-item > a:after {
    width: 30px;
    color: #336699;
}
.main-navigation .menu > .menu-item > a:after{
    content: "";
    position: absolute;
    right: 50%;
    left: 50%;
    color: #ccabc1;
    top: 30px;
    transform: translateX(-50%);
    display: block;
    width: 0;
    height: 2px;
    background-color: #336699;
    transition: 0.3s width ease;
}
ul.sub-menu {margin-top: -30px;}
.header-wrap .site-header {
    background: #fff;
}
.inside-page-hero h1 {text-shadow: 2px 2px 2px #333333;}
h2.clr {color: #59af60;}
h2.ylwBG {
background-color: #f0c449; padding: 20px 10px;}

 p.lltight {line-height: 1.3em;}
/* button lift on hover */
.button {
    -webkit-transition: all 500ms ease-in-out !important;
	transition: all 400ms ease-in-out !important; white-space: pre-wrap;
}

.button:hover {
	-webkit-transform: translate3d(0, -4px, 0);
	transform: translate3d(0, -4px, 0);
}

/* post comment form button styling */

.comment-form input[type="submit"] {
  color: #ffffff;
	background-color: #f05423;
  line-height: 48px;
	padding: 0px 16px;
  margin-top: 20px;
	-webkit-transition: all 500ms ease-in-out;
	transition: all 400ms ease-in-out;
}

.comment-form input[type="submit"]:hover  {
  color: #ffffff;
	background-color: #ffaa00;
	-webkit-transform: translate3d(0, -4px, 0);
	transform: translate3d(0, -4px, 0);
}
/*rules*/
hr.sep {background-color: rgba(255,255,255);margin: 10px 0;}
hr.wp-block-separator { background-color: rgba(0,0,0,.1);
border: 0;
height: 1px;}

/*forms*/
textarea {    overflow: auto;    vertical-align: top;    max-width: 90%;
  height: 5em;;
}

input[type="text"],
input[type="email"]{width: 90%;}


/* widget titles */
.sidebar .widget-title, .footer-widgets .widget-title {
line-height: 1.6em;
  display: inline-block;
} 
.sidebar H2.widget-title, .footer-widgets H2.widget-title{
  background-color: #f0c449; display: block; text-align:center; padding: 5px ; }
  
  .widget-area .widget {background-color: #f7f7f7;
border-width: 8px 0 0;
border-style: solid;
border-color: #1e72bd;
padding: 15px;
margin-top: -30px; }
.inside-right-sidebar ul, .inside-right-sidebar p {padding-left: 20px; }
/* End Site CSS */

/*events*/
table.events-table, table.events-table th, table.events-table td { border: solid 1px #ccc !important;    }   table.events-table th {background: #336699; color: #fff;}    
table.events-table td {padding: 5px 10px !important; vertical-align:top; }
table.events-table td.col1 {font-weight:bold;background: #ececec;border-top: solid 2px #ccc !important; }
table.events-table tbody {border-bottom: solid 2px #ccc !important;}
table.events-table td.colbrd {border-top: solid 2px #ccc !important;}
table.events-table td.colbrd img {float: none; padding: 0 20px 5px 0;}
.em.pixelbones h2.evcal {font-size: 28px !important; margin-bottom:5px !important; color: #59af60;}
strong.clr {color:#a00a00; text-transform:uppercase;}
.em.pixelbones th:first-child, td.col1 p{padding-left:10px !important;}.home 
table.events-table td.colbrd img {display:none;}
div.em-search-text.em-search-field {float: left;width: 90%; margin-bottom: 20px;}
.em-events-search-text.em-search-text {width:100%;}.em-search-submit {}

/*biz directory*/
h3.acadp-no-margin {
	font-weight: bold;
    font-size: 19px;
    line-height: 19px !important;
}
.home h3.acadp-no-margin {
	font-weight: normal;
    font-size: 24px;
    line-height: 22px !important;
}
.acadp-social {text-align:center;}
ul.list-group.acadp-margin-bottom span.text-primary {color: #ee331d !important;}
/* --- responsive embed --- */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.embed-container iframe, .embed-container object, .embed-container embed, .embed-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* --- breadcrumbs --- */
.breadcrumbs {text-align: left;
    font-size: 14px;
    margin: 15px 0 0 0;
}

hr.wp-block-separator-2 {
margin-bottom: 20px !important;
margin-top: 0 !important;
}

/*Form*/
input[type="search"] {font-size: 15px;padding: 5px 10px; }
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select {
background-color: #fff;
border: solid 1px #ccc;}
@media screen and (max-width: 1024px) {
	input[type="search"] {font-size: 15px;padding: 2px 5px; margin-bottom:5px;}
	.one-container .site-content {padding: 30px 20px 30px 20px;}
}
@media screen and (max-width: 480px) {
	input[type="search"] {font-size: 15px;padding: 2px 5px; margin-bottom:5px;}
	.acadp-social a {display: inline-block; margin-bottom:5px;}
	.acadp-social {margin-bottom:5px;}
@media screen and (max-width: 360px) {
	input[type="search"] {font-size: 14px;padding: 2px 3px; margin-bottom:5px;}
}
}