/*
Theme Name: Aardvark Travel Custom Theme
Theme URI: https:/aardvarktravelcolchester.co.uk
Description: A custom template designed solely for Aardvark Airport & Long Distance Travel (https:/aardvarktravelcolchester.co.uk)
Author: DVH Design
Author URI: https://dvhdesign.co.uk/
Version: 1.0

License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
License URI: http://creativecommons.org/licenses/by-sa/3.0/

*/

@charset "UTF-8";

@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css'); 

/*Font embed Start Google font @import */
@import url('https://fonts.googleapis.com/css2?family=Gelasio:ital,wght@0,400..700;1,400..700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
/*Font embed End */

/* Style Start */

body { font-size: 16px; }

h1 { font-family: Georgia,Times,"Gelasio",Times New Roman,serif; 
     font-size: 1.75em; 
     color: #7F2572;
     font-weight: 700;
     line-height: 38px; 
     padding-bottom: 29px; }
     
.slo h1, .eh h1 { font-size: 1.65em; 
			   	  color: #fff; 
          	   	  text-align: center; }
          
.slo h1:before { font-family: "Font Awesome 6 Pro Solid";
                 content: "7e";
                 color: #fff;
                 margin-right: 4px
                }
.slo h1:after { font-family: "Font Awesome 6 Pro Solid";
                 content: "\7e";
                 color: #fff;
                 margin-left: 4px;
                }
     
h2 { font-family: Georgia,Times,"Gelasio",Times New Roman,serif;
     font-size: 1.5em;
     font-weight: 700;
     color: #7F2572; 
     padding-bottom: 29px; }

h3 { font-family: Georgia,Times,"Gelasio",Times New Roman,serif;
     font-size: 1.375em;
     font-weight: 700;
     color: #7F2572;
     padding-bottom: 29px; }
     
h4 { font-family: Georgia,Times,"Gelasio",Times New Roman,serif;
     font-size: 1.25em;
     font-weight: 700;
     color: #7F2572;
     line-height: 28px; }

footer h3, .tst h2 { color: #fff; }

footer h3 { text-align: center; }

h3.spl { padding-top: 35px; }

a { color: #7F2572; }

a:hover { color: #B497D6; }

footer a { color: #ECE5F5; 
           text-decoration: none; }

footer a:hover { color: #B497D6; }

footer p { color: #fff;
           font-weight: 500;
            }
            
.dst p { text-align: center; }

.dst i { font-size: 1.875em; 
         padding-left: 22px;
         padding-right: 22px; }

p, li, td { font-family: "Lato", sans-serif;
            font-size: 1em;
            font-weight: 400;
            font-style: normal;
            color: #0D160B;
            line-height: 25px; }
            
.tst p { font-family: "Lato", sans-serif;
            font-size: 1em;
            font-weight: 400;
            font-style: italic;
            color: #fff;
            line-height: 25px; }
            
p.nam, .testimonial-name { font-family: "Lato", sans-serif;
        					font-size: 1em;
        					color: #fff;
        					line-height: 25px; 
        					text-align: right;
        					font-style: normal !important; }

.fn { font-family: "Lato", sans-serif;
            font-size: 0.875em;
            font-weight: 400;
            font-style: normal; 
            color: #fff;
            text-align: center; }

a.btn-abt { background-color: #7F2573;
            		  border: 2px #fff solid;
            			border-radius: 15px;
            			font-family: "Lato", sans-serif;
            			text-transform: lowercase;
           		 		font-size: 1.25em;
            			color: #fff;
            			font-weight: 600; 
            			padding: 14px 31px; }

.wpcf7-submit { background-color: #7F2573 !important;
            	border: 2px #fff solid !important;
            	border-radius: 15px !important;
            	font-family: "Lato", sans-serif !important;
            	text-transform: lowercase !important;
           		font-size: 1.25em !important;
            	color: #fff !important;
            	font-weight: 600 !important; 
            	padding: 14px 31px !important; }
            
a.btn-abt:hover, .wpcf7-submit:hover { background-color: #0D160B !important;
                  					color: #fff !important; }
                  
ul.aa { list-style-type: none; }

ul.aa li::before { color: #7F2573;
               	   font-family: "Font Awesome 6 Pro Solid" !important;
                   font-size: 1em;
                   content: "\F00c";
                   padding-right: 1em; }

.log img { margin-bottom: 24px; }

.log i { margin-right: 1em; }

.log p { text-align: left; }

.btt i { font-size: 3.4375em; }

.btt a { color: #B497D6; }

.btt a:hover { color: #7F2572; }

.btt { text-align: right; }

/* Style End */

/* Layers Start */

.nws { padding-top: 1em;
	  padding-bottom: 1em; }

.cnb { display: none; }

header { }

footer { background-color: #0D160B;  }
         
.log { text-align: center;  }

.log, .dst, .olx { padding-top: 35px;
             	   padding-bottom: 35px;  }

.blrb { padding-top: 48px;
        padding-bottom: 48px; }

.nb { position: fixed;
      z-index: 500;
      background-color: #fff; 
      border-bottom: 1px rgba(0,0,0,0.52) solid;
      padding-top: 5px;
      padding-bottom: 5px;
	  top: 0; }

.home main { padding-top: 105px !important; }

.page-id-8631 main { padding-top: 105px !important; }
       
main { padding-top: 105px; }

.page main { padding-top: 155px; }

.tst { background: url(images/bgtile.webp);
       padding-top: 39px;
       padding-bottom: 39px; }
                 

/* Layers End */

/* Button  Start */

.rectangle{
  display:block;
  height:46px;
  width:180px;
   background:#7F2572;
  position:relative;
 }

.circle{
  position:absolute;
  height:46px;
  width:46px;
  border-radius:50%;
  border:2px solid white;
  left:0px;
  margin-left:-20px;
  top: 0;
  background:#7F2572;
  padding: 6px 11px;
}

.telno { padding-left: 34px;
         line-height: 46px; }

.cnb a { font-family: "Lato", sans-serif;
            font-size: 1.125em;
            color: #fff !important; 
            text-decoration: none;
            font-weight: 600; }
            
a.btn-cnb:hover, .rectangle:hover, .circle:hover { background-color: #0D160B !important;
                 color: #fff !important; }            

/* End Button */

/* Nav styling start */

.active, .current_page_item { }

.navbar { background-color: transparent; }


button.navbar-toggler { background-color: transparent;
                        border-radius: 0;
                        padding: 0.6em;
                        border: 1px #fff solid;
                        font-size: 3.4375em; 
						color: #7F2572; }

button.navbar-toggler:hover, button.navbar-toggler:focus  { color: #7F2573; }                    

#navbarSupportedContent { background-color: #fff;
                          border: 1px #707070 solid;
                          padding-top: 10px;
                          padding-bottom: 10px; }

#navbarSupportedContent .navbar-light .navbar-nav .menu-item a:focus, .navbar-light .navbar-nav .menu-item:hover, .navbar-nav .menu-item:focus, .navbar-light .navbar-nav .menu-item:hover {  }

.navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
                          
.navbar .active > .menu-item a, .navbar-nav .current_page_item > .menu-item a, .navbar .menu-item a:focus, .navbar-nav .menu-item a:hover, a.dropdown-item:hover { color: #7F2573;
                                                                                                                                                                   text-decoration: none; }                             
.navbar-nav ul { list-style-type: none; }

/* Nav styling end */

/* Navigation to get Bootstrap working Start */

.navbar-toggler:focus { box-shadow: 0 0 0 0; }

.navbar-light .navbar-nav .active > .menu-item a, .navbar-light .navbar-nav a.current_page_item, .navbar-light .navbar-nav a.show, .navbar-light .navbar-nav .show > .menu-item a {
    color: rgba(0,0,0,.9);
}

.navbar-expand-lg .navbar-nav .menu-item a {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    font-family: "Lato", sans-serif;
    font-size: 1em;
    font-weight: 500;
    font-style: normal;
    color: #0D160B;
    text-transform: uppercase; 
    border-bottom: 2px transparent solid;
    text-decoration: none; }
    
.navbar-expand-lg .navbar-nav .menu-item a:hover { color: #7F2572;
                                                   border-bottom: 2px #7F2572 solid; }

.menu-item a {
    display: block;
    padding: .5rem 1rem;
        padding-right: 1rem;
        padding-left: 1rem;
}


/* Navigation to get Bootstrap Working End */

/* Stuff that WordPress might want to use Start */

p.comment-form-comment label { vertical-align: top; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

/**
 * 8.0 - Alignments
 */

.alignleft {
	float: left;
	margin: 0.375em 1.75em 1.75em 0;
}

.alignright {
	float: right;
	margin: 0.375em 0 1.75em 1.75em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 1.75em;
}

blockquote.alignleft {
	margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}

blockquote.alignright {
	margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}

blockquote.aligncenter {
	margin-bottom: 1.473684211em;
}


/**
 * 9.0 - Clearings
 */

.clear:before,
.clear:after,
blockquote:before,
blockquote:after,
.entry-content:before,
.entry-content:after,
.entry-summary:before,
.entry-summary:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.site-main > article:before,
.site-main > article:after,
.primary-menu:before,
.primary-menu:after,
.social-links-menu:before,
.social-links-menu:after,
.textwidget:before,
.textwidget:after,
.content-bottom-widgets:before,
.content-bottom-widgets:after {
	content: "";
	display: table;
}

.clear:after,
blockquote:after,
.entry-content:after,
.entry-summary:after,
.comment-content:after,
.site-content:after,
.site-main > article:after,
.primary-menu:after,
.social-links-menu:after,
.textwidget:after,
.content-bottom-widgets:after {
	clear: both;
}

.navbar-brand {  }


/* Stuff that WordPress might want to use End */ 

/* Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)*/

@media (min-width: 576px) { 



 }

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 


 }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

/*.cov { background: url(https://aardvarktravelcolchester.co.uk/shenzhou/wp-content/uploads/2025/05/cover-dt.webp) no-repeat bottom center;
       background-size: cover;
       min-height: 861px;
       opacity: 0.71;  }*/
       
main { padding-top: 135px; }
	
.home main { padding-top: 105px; }

.dst p { text-align: left; }

#navbarSupportedContent { background-color: #fff;
                          border: 0px #fff solid;
                          padding-top: 0;
                          padding-bottom: 0;

 }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

.cnb { display: flex; }

.slo h1, .eh h1 { font-size: 3.4375em; }

h1 { font-size: 2.25em; 
	 line-height: 3.1em;}

h2 { font-size: 1.875em;
	 line-height: 2.25em; }

h3 { font-size: 1.375em; }

.tst p { font-size: 1.125em;
         line-height: 30px; }
         
footer h3 { text-align: left; }

.fn p { text-align: right; }

.log  { text-align: left; }

.slo h1:before { background: url(https://aardvarktravelcolchester.co.uk/shenzhou/wp-content/uploads/2025/05/left-det.png) no-repeat center center;
                 content: " ";
                 padding-left: 32px;
                 padding-right: 32px;
                 margin-right: 10px }
                
.slo h1:after { background: url(https://aardvarktravelcolchester.co.uk/shenzhou/wp-content/uploads/2025/05/right-det.png) no-repeat center center;
                 content: " ";
                 padding-left: 32px;
                 padding-right: 32px;
                 margin-left: 10px; }
 }