/**
 * Theme Name:     Jacqueline Dunstan
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   jacqueline-dunstan
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */
html, body{ overflow-x:hidden;}
body.home header#site-header, body.home footer#site-footer{ display:none;}
.swiper-pagination{	position: absolute;  left: auto;  top: 0!important;  bottom: 0!important;  width: 50px!important; right: 0; left:auto!important;  display: flex;  justify-content: center;  align-items: center;  flex-flow: column;  grid-gap: 5px;}
.swiper-pagination > span:nth-child(1):before{ content:"01"}
.swiper-pagination > span:nth-child(2):before{ content:"02"}
.swiper-pagination > span:nth-child(3):before{ content:"03"}
.swiper-pagination > span:nth-child(4):before{ content:"04"}
.swiper-pagination > span:nth-child(5):before{ content:"05"}
.swiper-pagination > span:nth-child(6):before{ content:"06"}
.swiper-pagination > span:nth-child(7):before{ content:"07"}
.swiper-pagination > span:nth-child(8):before{ content:"08"}
.swiper-pagination > span:nth-child(9):before{ content:"09"}
.swiper-pagination > span:nth-child(10):before{ content:"10"}

.swiper-pagination > span{ font-family:"Oswald", Sans-serif; font-size:16px; font-weight:400; line-height:18px; width:18px; height:18px; background:none!important; border-radius:0; opacity:1!important; color:#fff; margin: 3px !important;}
.swiper-pagination > span.swiper-pagination-bullet-active{ color:#f8b54f;}
.swiper-slide-contents{ width:460px;}
#mainnav ul#menu-navigation li:nth-child(4), #mainnav2 ul li:nth-child(4){ padding-right:180px;}
#mainnav ul#menu-navigation li:nth-child(5), #mainnav2 ul li:nth-child(5){ padding-left:180px;}
.twocolumn{ display:flex; flex-wrap:wrap; justify-content:space-between; color:#fff;}
.twocolumn>div{ width:48%;}
.twocolumn label{ display:block;}
.aligncenter{ text-align:center;}

[class*="flexslider"] {position:relative;z-index:1;display:block; text-align:center;}
[class*="flexslider"] h3{ color:#f8b54f; font-family: "Argue demo", Sans-serif; font-size:40px; line-height: 1.1; margin: 0 0 10px;}
[class*="flexslider"] .slides{	padding: 0 !important;}
[class*="flexslider"] .slides .glsr-review {	position: relative;	padding: 0 !important;	list-style-type: none;}
[class*="flexslider"] .slides .glsr-review > img{ width:100%;}
[class*="flexslider"] .slides .glsr-review+.glsr-review {	display: none;}
[class*="flexslider"] .flex-control-paging{list-style-type: none;  padding: 0;  display: flex;  justify-content: center;  grid-gap: 20px;}
[class*="flexslider"] .flex-control-paging li a{ width:9px; height:9px; border-radius:9px; background:#b1b0b0; font-size:0; display:block;}
[class*="flexslider"] .flex-control-paging li a.flex-active{ background:#f8b54f;}
[class*="flexslider"] .flex-direction-nav { display: none;}

#review-form.glsr-default form.glsr-form label.glsr-label{ color:#333!important; font-family:"Argue demo", Sans-serif!important; font-size:20px!important;  font-weight:400!important;  line-height:22px!important; margin: 10px 0 0;}
#review-form input[type="text"]{height: 50px!important;}
#review-form .glsr-form-success{ background:#009218!important; color:#fff!important; text-align:center; padding:8px 10px 10px; border-radius:4px; box-shadow:0 3px 3px #666;}
.wpcf7-form-control.wpcf7-radio{ display:flex; grid-gap:10px; justify-content:center;}
.wpcf7-submit{display: table!important; margin: 0 auto!important;}
.twobox{ display:flex; flex-wrap:wrap;  justify-content:space-between;}
.twobox > div{ width:49%;}
.wpcf7-form{ text-align:center;}

@media only screen and (max-width: 1190px) {
#menu-navigation li a{ padding:0 5px;}
}

@media only screen and (max-width: 450px) {
.twocolumn{ display:block;}	
.twocolumn>div{ width:100%;}
[class*="flexslider"] h3{ font-size:30px; }	
	
}