/*
Theme Name:   GeneratePress Child
Theme URI:    http://example.com/generatepress-child/
Description:  GeneratePress Child Theme
Author:       Tom Usborne
Author URI:   http://example.com
Template:     generatepress
Version:      1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  generatepresschild
*/

.cat-links, .tags-links {
	display:none;
}


.city-name {
  padding: 5px 15px;
  border: 3px solid yellow;
  font-size:20px;
  width:25%;
  text-align:center;
  font-weight:600;
  font-family:cursive;
}

.grecaptcha-badge {
	opacity: 0.1;
}

table, td, tr, th {
    border-color: white;
}

.gp-icon.icon-arrow {
	font-size: 30px !important;
}

.entry-meta {
	display:none !important;
}

footer.site-info {
background-color: black;
}

.inside-site-info.grid-container, copyright-bar {
background-color: black !important;
font-size: 15px !important;
}

@media screen and (max-width: 800px) {
#site-navigation {
	margin-left:-25px !important;
}
}

.site-description {
	font-family:Brush Script MT, Brush Script Std, cursive;
	font-size:25px !important;	
	font-weight:500 !important;
}

@media only screen and (max-width: 800px) {
.main-title {
	font-size:15px;
}
}

.call-whatsapp-button-container {
	width:100% !important;
}

@media only screen and (max-width: 800px) {
.call-whatsapp-button-container {
	height:50px !important;
	width:125% !important;
	padding:0px !important;
	margin-left:-10% !important;
}
}

aside#block-14 {
	width:100% !important;
}

@media only screen and (max-width: 800px) {
aside#block-14 {
	width:100% !important;
	height:100% !important;
}
}

.top-bar.top-bar-align-center {
	position:fixed !important;
	left:0;
	right:0;
	top:0;
	padding:10px;
	z-index:15 !important;
}

#masthead {
	position:fixed !important;
	left:0;
	right:0;
	top:0;
	margin-top:60px;
	z-index:15 !important;
}

.site-content {
	margin-top:175px !important;
	text-align:justify !important;
}

.gp-icon.icon-menu-bars {
	font-size:24px !important;
}


.entry-content {
    margin-top: 80px !important;
}

h1 {text-transform: uppercase;width:100% !important;height:200px !important;margin-top: -35px !important;margin-left: 0px !important;color: white !important;text-shadow: 0px 0px white;
font-family: arial black;font-weight:bold;
font-size:33px;padding:15% 2% 20% 2%;text-align: center;line-height: 101%; 
background-image: linear-gradient(to top, rgba(0,255,0,0.0), rgba(255,0,0,0.2)),url('/image/headbg.webp');
background-repeat: no-repeat;
background-position: center center;
  background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
position:relative;
}
/* mobile head text */
@media screen and (max-width: 768px) {
h1 {width:100% !important;height:125px !important;margin-top: -8% !important;font-family: arial black;margin-top: 45%;margin-bottom: 15%;font-size: 15px; line-height: 101%; text-align: left;
padding:125px 2px 0px 2px;
background-image: linear-gradient(to top, rgba(0,255,0,0.2), rgba(255,0,0,0.2)),url('/image/headbg.webp');
background-repeat: no-repeat;
background-position: center center;
  background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
}}


h2 {margin-top: 15%;margin-left: 0% !important;width:100% !important;margin-bottom: 0%;
color: white !important;font-family: arial black;font-weight:bold;font-size:36px;padding: 18px; text-align: center; line-height: 150%;
background-image: linear-gradient(to bottom, rgba(255,0,0,0.8), rgba(0,0,255,0.9)),url('image/h2bg.jpg');
background-position: center center;
  background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
background-repeat: cover;
border-width:1px;border-style:dotted;border-color:#ffffff;}

h2:hover {
background-size: 150%;
-webkit-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}
h3 {width:100% !important;margin-left: 0% !important;margin-top: 15%;margin-bottom: 0%;
color: white !important;font-family: arial black;font-weight:bold;font-size:36px;padding: 18px; text-align: center; line-height: 150%;
background-image: linear-gradient(to bottom, rgba(0,0,255,0.6), rgba(0,0,255,0.9)),url('images/h3bg.jpg');
background-position: center center;
  background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
background-repeat: cover;
 border-width:1px;border-style:dotted;border-color:#ffffff;}
h3:hover {background-size: 150%;
-webkit-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}

@media screen and (max-width: 800px) {
h2 {margin-top: 25%;margin-bottom: 0%;font-size: 15px;
padding:4% 0.5%;}
h3 {margin-top: 25%;margin-bottom: 0%;font-size: 15px;
padding:4% 0.5%;}
h4 {}
}

header a {
font-size:24px !important;
}

h1, h2, h3 {
	margin:50px;
}

a:link {
	color: white !important;
}

a:hover {
	color: white !important;
}

header {
	z-index:15 !important;
}


/* Call WhatsApp Buttons in Header Top */

@keyframes visibilitytrickcall {0%{border: 3px ridge white;}50%{border: 3px ridge white;}100%{border: 3px ridge white;}}

@keyframes visibilitytrickwhatsapp {0%{border: 3px ridge white;}50%{border: 3px ridge white;}100%{border: 3px ridge white;}}

.whatsapp-button {
margin: 5px !important;
color: white !important;
background-color: #25D366 !important;
padding: 9px 15px;
font-size:21px !important;
font-family:  black !important;
animation: visibilitytrickwhatsapp 3s infinite;
text-decoration:none !important;
}

.call-button {
margin: 5px !important;
color: white !important;
background-color: red !important;
padding: 9px 15px;
font-size:21px !important;
font-family:  black !important;
animation: visibilitytrickcall 3s infinite;
text-decoration:none !important;
}


@media only screen and (max-width: 800px) {
.whatsapp-button {
margin: 6px !important;
margin-left: -10px !important;
color: white !important;
background-color: #25D366 !important;
padding: 9px 15px;
font-size:18px !important;
font-family:  black !important;
animation: visibilitytrickwhatsapp 3s infinite;
text-decoration:none !important;
}

.call-button {
margin: 0px !important;
margin-left:15px !important;
color: white !important;
background-color: red !important;
padding: 9px 15px;
font-size:18px !important;
font-family: black !important;
animation: visibilitytrickcall 3s infinite;
text-decoration:none !important;
}
}

form.wpcf7-form {
    margin: 0;
    font-family: -apple-system, Arial, sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.5;
    color: white;
    text-align: left;
background-image: linear-gradient(to top, brown, brown, brown, #317712);
    padding: 30px;
    padding-bottom: 0px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    width:100%;
}

input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number.phone-number-field {
    width: 388px;
}

@media screen and (max-width: 800px) {
input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number.phone-number-field {
    width: 100%;
}
}
	
textarea.wpcf7-form-control.wpcf7-textarea {
    height: 122px !important;
}

input.wpcf7-form-control.has-spinner.wpcf7-submit {
    background: #58b4b4;
    font-size: 22px;
    padding: 10px 30px;
    font-weight: 700;
}

@media screen and (max-width: 800px) {
input.wpcf7-form-control.has-spinner.wpcf7-submit {
width: 100%;
}
}

.column {
  float: left;
  width: 25%;
  padding: 5px;
}

/* Clearfix (clear floats) */
.row::after {
  content: "";
  clear: both;
  display: table;
  padding: 0px;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 800px) {
.column {
    float: none;
    width: 97%;
    padding:0px;
    margin-left:0%;
  }
.row {
margin-left:0%;
width:100%;
}

}

.contid {
font-size : 50px;
}
section {
padding : 20px;
margin : 10px;
font-size: 18px;
}
.more {
display : none;
font-size : 50px;
}


/* pc figure */
figure {background-color: #8AABFF; border: 0px white solid; padding: 5px;width: 252px;
text-align:center;
border-bottom: 10px solid #8AABFF;
} /* mobile figure */
@media only screen and (max-width: 800px) {
figure {width:99%;}

	
/* pc figcaption */
figcaption {background-color:black; color:white !important;font-style: bold;font-size: 15px;padding: 0px;text-align: center !important;
opacity:0.9;font-weight:bold;
margin-bottom: 5px;
width:100%%;height:80%;
border-width:50px;border-style:style;border-color:black;
border-bottom:25px solid black;
}
} /* mobile figcaption */
@media only screen and (max-width: 768px) {
figcaption {font-size:20px;}}

.wp-caption-text {
	color: white;
	font-size: 20px !important;
	padding: 5px !important;
	text-align: center;
}

/* pc image */
.image {
padding: 1px;width: 250px; height: 300px; align: center;transition:all 0.6s ease-in-out;
margin-top:2%;position: relative;
opacity:0.9;
border-width: 1px;border-style: solid;border-color: white;border-radius: 2%; border-spacing: 30px 30px;
}
.image:hover {
opacity: 0.9;  filter: alpha(opacity=100);transform:scale(0.99);transition:all 0s ease-in-out;
  transform: translateY(0%);
background: linear-gradient(to bottom, rgba(255,0,0,0.8), rgba(355,0,0,0.9)));
}

/* mobile image */
@media screen and (max-width: 800px) {
.image { 
padding: 1px;margin: 0px;width: 100%; height: auto; opacity: 0.9;float: center;transition:all 0.6s ease-in-out;
margin-top:2%;position: relative;
border-width: 2px;border-style: solid;border-color: white;border-radius: 2%;
}
.image:hover {
opacity: 0.9;  filter: alpha(opacity=100);transform:scale(0.8);transition:all 0s ease-in-out;
  transform: translateY(0%);
background: linear-gradient(to bottom, rgba(255,0,0,0.8), rgba(355,0,0,0.9)));
}

}


.rdmore {
margin: auto;
font-family: 'Roboto';
font-weight: 700;
margin-top: 5px;
padding : 10px;
border : 2px solid #ffffff;
background-color : black;
color: white;
font-size : 20px;
display : block;
cursor : pointer;
vertical-align: middle;
text-align: center;
line-height: 1;
	width: 150px !important;
}

.rdmore a:hover {
margin: auto;
margin-top: 5px;
padding : 10px;
border : 2px solid #ffffff;
background-color : black;
color: white;
font-size : 20px;
display : block;
cursor : pointer;
vertical-align: middle;
text-align: center;
line-height: 1;
}
@media screen and (max-width: 800px) {
.rdmore {
margin: auto;
margin-top: 15px;
padding : 10px;
border : 2px solid #ffffff;
background-color : black;
color: white;
font-size : 20px;
display : block;
cursor : pointer;
vertical-align: middle;
text-align: center;
line-height: 1;
}

.rdmore a:hover {
margin: auto;
margin-top: 15px;
padding : 10px;
border : 2px solid #ffffff;
background-color : black;
color: white;
font-size : 20px;
display : block;
cursor : pointer;
vertical-align: middle;
text-align: center;
line-height: 1;
}
}


h1, h2, h3, {
	text-align: center;
}

footer.entry-meta {
    display: block !important;
}


h3.entry-title {
    background: none;
    padding: 0;
    text-align: left;
    font-size: 20px;
    border: none;
}



.location-service-list {
    margin-bottom: 20px;
}
.location-service-list ul {
    list-style: none;
    padding-left: 15px;
}
.location-service-list li {
    margin: 5px 0;
}