/*
 Theme Name:   ASW GP
 Theme URI:    https://generatepress.com
 Description:  GeneratePress child theme for ASW
 Author:       ASW
 Author URI:   https://astreetweb.com
 Template:     generatepress
 Version:      0.1
 link:#1e73be
 hover:#eb531d
 visited: 420058
button #34ad05
 button hover: #205E08
 
 nav hover: 3b9a04
 
 #215b00
 pale yellow: fef8d7
 accent: #125a8c (dk teal) #7dc6b9(lt teal)
 title bar teal #178C9E
 font: h1 oswald, h2 bitter, body pt sans
 /wp-content/images/global/logo_asw_oswald_02.png
 .post-type-archive-portfolio .sidebar {
    display: none;
}
*/
.post-type-archive-portfolio .site-content .content-area {width: 100%;}
.post-type-archive-portfolio .sidebar {
    display: none;
}
.strong-view-id-1 .wpmtst-testimonial-content p, .strong-view-id-1 .wpmtst-testimonial-field {font-size:.84rem;}
#right-sidebar {border-left:1px dotted #ddd; }
.animated {animation-duration: 1s;}
.slideInRight { animation-name: slideInRight;}
.icon-box {}
.icon-box a {color:#1e73be;}
.icon-box a {color:#1e73be;}
.wp-caption-text {text-align:center; }
blockquote .smaller {font-size:1em;}
.note {font-size:.86em;}

.page-id-2 h1.page-header {display:none;}
.page-id-2 #generate-section-1 {border-bottom:2px solid teal;}
.page-id-2 .page-header-content-container {padding-bottom:1px; padding-top:1px;}

pre {
  font-family:     "Courier New" Courier monospace;}

/*Sentence*/

h1.sentence{
     color: #222;
     text-align: center;
	 line-height:1.1em;
	 font-family: "Oswald", sans-serif;
}
h1.sentence p {display:none;}
/*Wrapper*/
.wrapper{
    background-color: transparent;
    
	font-family: "Oswald", sans-serif;
    margin: 12px auto;
    padding: 0px 0px 20px;
    position: relative;
    
}

/*Vertical Sliding*/
.slidingVertical{
	display: flex;
	font-size: 30px;
	margin: 12px auto;
	
	padding: 0 0 20px 0;
}
.slidingVertical span{
	animation: topToBottom 12.5s linear infinite 0s;
	-ms-animation: topToBottom 12.5s linear infinite 0s;
	-webkit-animation: topToBottom 12.5s linear infinite 0s;
	color: #00abe9;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	 max-width:600px;
	margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
text-align: center;
	
	
}
.slidingVertical span:nth-child(2){
	animation-delay: 2.5s;
	-ms-animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s;
}
.slidingVertical span:nth-child(3){
	animation-delay: 5s;
	-ms-animation-delay: 5s;
	-webkit-animation-delay: 5s;
}
.slidingVertical span:nth-child(4){
	animation-delay: 7.5s;
	-ms-animation-delay: 7.5s;
	-webkit-animation-delay: 7.5s;
}
.slidingVertical span:nth-child(5){
	animation-delay: 10s;
	-ms-animation-delay: 10s;
	-webkit-animation-delay: 10s;
}

/*topToBottom Animation*/
@-moz-keyframes topToBottom{
	0% { opacity: 0; }
	5% { opacity: 0; -moz-transform: translateY(-50px); }
	10% { opacity: 1; -moz-transform: translateY(0px); }
	25% { opacity: 1; -moz-transform: translateY(0px); }
	30% { opacity: 0; -moz-transform: translateY(50px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
@-webkit-keyframes topToBottom{
	0% { opacity: 0; }
	5% { opacity: 0; -webkit-transform: translateY(-50px); }
	10% { opacity: 1; -webkit-transform: translateY(0px); }
	25% { opacity: 1; -webkit-transform: translateY(0px); }
	30% { opacity: 0; -webkit-transform: translateY(50px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes topToBottom{
	0% { opacity: 0; }
	5% { opacity: 0; -ms-transform: translateY(-50px); }
	10% { opacity: 1; -ms-transform: translateY(0px); }
	25% { opacity: 1; -ms-transform: translateY(0px); }
	30% { opacity: 0; -ms-transform: translateY(50px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}

.page-hero h1 { font-size: 20px; font-family: "Oswald", sans-serif;}
h1.page-header {margin-bottom:none; margin-top:1em;}
.page-header{margin-bottom:1em;}
h3.icon-box-title {text-transform:uppercase; font-size:.9em; font-weight:400; margin-top:-18px!important;}

/*Global*/
.default li, #right-sidebar .widget ul li{margin-bottom:.70em;}
/* My alignment */
.mycenter {text-align: center;}
.myleft {text-align: left;}
.myright {text-align: right;}
/*home*/
.page-id-216 h1.entry-title  {text-align:center!important;}
/* old home banner bg #generate-section-1 {background:url("/wp-content/images/backgrounds/bg_hearts_green_seamless.png") repeat;} */
/*Home Page*/

.home-banner  {
  background-size: 138px;
  background-repeat: repeat !important;
}

.home-banner h1 {font-size:26px;}
h4.value {max-width:728px; margin:auto; padding-bottom:20px;}

a.see-more-link {font-weight:700;}
a.see-more-link:after {
    content: " » ";
    display: inline-block; padding-left:5px;}
/*Portfolio*/
/*.post-type-archive-portfolio .paging-navigation{display:none;}

#post-grid-828  .excerpt {display:none!important;}
#post-grid-828 .title, #post-grid-828 .read_more {text-align:center!important;}

#post-grid-828 .title {font-size:18px!important;}


*/
.single-portfolio .featured-image {display:none;}
div.port-image {text-align:center;}
div.port-image a.cap, div.port-image span.cap  {font-size:.78em; text-transform:uppercase;}
p.pqname {font-style:italic; color: #145862}


q {
    display: inline; font-style:italic; color: #0e4e58; quotes: "\201C""\201D""\2018""\2019";
	margin-bottom:1.2em;
}

q:before {
    content: open-quote;
}

q:after {
    content: close-quote;
}

dl.port {margin-bottom:1.5em;}
dl.port dt {font-weight: 700;}
dl.port dd {display: inline;margin: 0 .25em 0 0; padding-right: .25em; font-size:.89em;}
dd:before { content: "\00bb\00a0";  }

/*call to action*/

h2 a:link, h2 a:visited {color:#900;}
h2 a:hover {color:#34ad05;}
h2.intro {font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-weight: 400; font-size: 20px; color:#000;}
h1.red,h2.red, h3.red, p.red,h4.covid-notice {color:#900;}

h2.asw, h2.asw a:link, h2.asw a:visited {color:#02987d!important; font-size:1.24em;}

h3.slogan {text-align:center;}
p.mkt-message {font-size:1.1em;}
p.mycenter a:link.phone-action ,p.mycenter a:visited.phone-action  {color:#34ad05!important; text-align:center; font-size:1.6em!important; font-weight:bold;} 
p.mycenter a:link.phone-action:hover { color:#205E08!important;}
p.quick-contact {font-size:1.1em;}
blockquote h5 {color:#02987d;}
/*my-button green*/

.button.my-button,
.button.my-button:visited {
	background: #34ad05;
	color:#FFF;
	border:2px solid #34ad05; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
}

.button.my-button:hover,
.button.my-button:active {
	background: #fff;
	color:#34ad05;
	border:2px solid #34ad05; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
}

/* DESKTOP STYLES */


/*blog*/
.single-post h1.entry-title, .single-portfolio h1.entry-title {font-family: "Oswald", sans-serif;font-weight: 400; font-size: 24px; color:#900;}
.entry-header h1.blog-title{font-size:26px!important; text-transform:none!important; }
#generate-section-1  h1.home-banner {font-size:30px!important; text-transform:none!important; }

.entry-meta a, .entry-meta a:visited, .last-updated {
    font-size: x-small;
    text-transform: uppercase;
} 

.posted-on .updated {
    display: block;
}

/*author box style*/
#authorbox{
background: #fff; /*background color of the author box*/
border-top: 1px dotted #ccc; /* border around the box */
border-bottom: 1px dotted #ccc; /* border around the box */

width:100%;
overflow:hidden;
color: #333;
margin:40px 0 15px 0; /*space top and bottom of the box*/
padding-bottom:5px;
}
#authorbox h3{
font-size: 20px; /*font size of heading containing the author name*/
color:#036; /* color of the heading text */
margin:0 0 5px 0;
padding:5px 2px 5px 5px;
border-bottom: 0px dotted #ccc;
}
#authorbox a{
color: #c87137; /* Link color */
text-decoration:none;
}
#authorbox img{
margin:0;
padding: 0 10px 0px 0px;
float:left;
}
#authorbox p{
color:#333; /* Author description text color */
margin:0;
padding:0px 5px 5px 5px;
font-size:14px;
line-height:150%;
}
/* Domain Checker */
#pwhois_form {margin: 0 auto 1em auto;}
#pwhois_result {font-size:20px; }
#pwhois_result .orange {color: #F60;}
#pwhois_result .green {color:#0C3;}
/* Mobile styles

----------------- */

@media only screen and (min-width: 767px) {

	/* Desktop styles go below this line */

	.portfolio .featured-image {max-width:50%;}

}

@media (max-width: 768px) {
h1.page-header{font-size: 20px;}
h1 {font-size: 22px;}
	#main h2 {font-size: 20px;}
	#main h3 {font-size: 18px;}
}

@media (min-width: 769px) and (max-width: 1024px) {
h1.page-header {font-size: 24px;}
h1 {font-size: 24px;}
	#main h2 {font-size: 20px;}
	#main h3 {font-size: 18px;}
}