/*
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
*/

html {
  scroll-behavior: smooth !important;
}

h2, h3, section {
  scroll-margin-top: 170px !important;
}



/* Sticky strip at the bottom */
.sticky-strip {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #333;
  padding: 0px 0px;
  z-index: 9999;
}

/* Style for the phone number button */
.phone-btn {
  flex: 1;
  background-color: #6272ff;
  color: white;
  text-align: center;
  padding: 10px 0;
  text-decoration: none;
  font-size: 17px;
  font-weight: bold;
}

/* Style for the WhatsApp button */
.whatsapp-btn {
  flex: 1;
  background-color: #25d366;
  color: white;
  text-align: center;
  padding: 10px 0;
  text-decoration: none;
  font-size: 17px;
  font-weight: bold;
}

/* Mobile View */
@media screen and (max-width: 768px) {
  .sticky-strip {
    flex-direction: row; /* Keep side by side */
    padding: 0px 0px;
  }

  .phone-btn,
  .whatsapp-btn {
    padding: 10px 0;
    font-size: 17px;
    margin: 0 0px; /* smaller horizontal margin */
  }
}


.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;
	z-index:15 !important;
}

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

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


.entry-content {
    margin-top: 30px !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('/wp-content/uploads/h1-bg.jpg');
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: center;
padding:30px 5px;
/* 
background-image: linear-gradient(to top, rgba(0,255,0,0.2), rgba(255,0,0,0.2)),url('/wp-content/uploads/h1-bg.jpg');
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;}}

@keyframes visibilitytricktelegram {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;
}

.telegram-button {
margin: 5px !important;
color: white !important;
background-color: blue !important;
padding: 9px 15px;
font-size:21px !important;
font-family:  black !important;
animation: visibilitytricktelegram 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: 5px 5px;
font-size:18px !important;
font-family:  black !important;
animation: visibilitytrickwhatsapp 3s infinite;
text-decoration:none !important;
}

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

.telegram-button {
margin: 6px !important;
color: white !important;
background-color: blue !important;
padding: 5px 5px;
font-size:18px !important;
font-family:  black !important;
animation: visibilitytricktelegram 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%;
}
}


.row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
	background-color: #041833;
}

.column {
  width: 33%;
  padding: 5px;
  box-sizing: border-box;
}

.column2 {
  width: 25%;
  padding: 5px;
  box-sizing: border-box;
}


/* 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%;
  }
.column2 {
    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: linear-gradient(135deg, #f4d2a9, #e8b78a); border: 3px white solid; border-radius: 20px; overflow: hidden; padding: 0px;width: 98%;
text-align:center;
} /* mobile figure */
@media only screen and (max-width: 800px) {
figure {width:99%;margin-bottom: 12px !important;}
}
	
/* pc figcaption */
figcaption {background: linear-gradient(135deg, #f4d2a9, #e8b78a); color:#1e3c72 !important;font-style: bold;font-size: 20px;padding: 10px !important;text-align: center !important;
opacity:0.9;font-weight:bold;
margin-bottom: 5px;
width:100%%;height:80%;
}
/* mobile figcaption */
@media only screen and (max-width: 768px) {
figcaption {font-size:20px;}}


/* pc figure */
.image-top-section-figure {background: #041833; border: 3px white solid; border-radius: 20px; overflow: hidden; padding: 0px;width: 98%;
text-align:center;
} /* mobile figure */
@media only screen and (max-width: 800px) {
.image-top-section-figure {width:99%; margin-bottom: 12px;}
}
	
/* pc figcaption */
.image-top-section-figcaption {background: #041833; color: #F4D2A9 !important;font-style: bold;font-size: 20px;padding: 10px !important;text-align: center !important;
opacity:0.9;font-weight:bold;
margin: 10px;
width:100%%;height:80%;
}
/* mobile figcaption */
@media only screen and (max-width: 768px) {
.image-top-section-figcaption {font-size:20px;}}


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

.image-top-section {
	background-color: black !important;
}


/* pc image */
.image {
padding: 0px;width: 100%; height: 450px !important; object-fit: cover; object-position: top; align: center;transition:all 0.6s ease-in-out;
margin-top:1px;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: 380px !important; object-fit: cover; object-position: top; 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;
}



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