/*
 Theme Name:   Basecamp Child
 Template:     basecamp
*/

/* Colours 
Blue: #00205B
Turquoise: #2CCCD3
Orange: #F2A900
*/


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
	margin: 5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}
.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}
.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}
a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}
a img.alignnone {
	margin: 5px 20px 20px 0;
}
a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}
a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	background: #fff;
	border: 1px solid #f0f0f0;
	max-width: 96%; /* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}
.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}
.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;/* Above WP toolbar. */
}
/* Basics */


body {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 1.1rem;
	color: #443536;
}

a, a:hover {
	color: #443536;
	text-decoration: none;	
}



hr {
	border: none;
	margin: 30px 0px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #eee;
	height: 3px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Nunito', sans-serif;
	color: #fab623;
	text-transform:uppercase;

}
h1 {
	font-size: 3rem;
	margin-bottom: 30px;
	font-weight: 300;
}
h2 {
	font-size: 2rem;
	margin-bottom: 20px;
}
h3 {
	font-size: 1.75rem;
	margin-bottom: 15px;
}
h4 {
	font-size: 1.5rem;
}
h5 {
	font-size: 1.5rem;
}
h6 {
	font-size: 1.1rem;
}
blockquote {
	background-color: #eee;
	padding: 20px 20px 10px 110px;
	margin: 0 0 1.5rem;
	background-image: url(images/icon_quote.svg);
	background-repeat: no-repeat;
	background-size: 80px 80px;
	background-position: top 7px left 12px;
}
/* Navigation */

.mega-menu-wrap {
	font-family: font-family: 'Josefin Sans', sans-serif;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {

    background-color: #2CCCD3;
}


.nav_underlined {
font-size: 0.8rem;	
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
}

.nav_underlined .nav-link.active, .nav_underlined .show > .nav-link {
    border-bottom: 2px solid #F2A900;
}



#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item-4845 > a.mega-menu-link {
background-color: #F2A900 !important;
color: #fff;
border-radius: .3rem;
}

/*
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-current-menu-ancestor.mega-menu-item-4845 > a.mega-menu-link, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
	color: #fff;
}
*/



/* Header */ 

header {
	width: 100%;
	z-index: 999;
	padding: 20px 0px;
	background-color: #fff;
}
/* Backgrounds */

.background_primary {
background-color: #00205B;	
}
.background_secondary {
background-color: #2CCCD3;	
}
.background_icons {
background-color: rgba(44,204,211,0.25);
}

/* Table */

.dataTables_wrapper {
margin: 40px 0px !important;	
}

/* Padding */

.padding_0 {
	padding: 0px;
}
/* Margin */

.margin_0 {
	margin: 0px;
}
/* Boxes */

.box_logo {
	text-align: center;
	margin-bottom: 10px;
}
.box_quote p {
	font-size: 1.5rem;
	font-style: italic;
}
.box_quote strong {
	color: rgba(0,0,0,0.8);
	font-style: normal;
	font-weight: normal;
	font-family: 'Share Tech Mono', sans-serif-serif;
	padding-top: 10px;
	font-size: 1.25rem;
}

.box_icons {
padding: 1.25rem;
background: #fff;
border-radius: .25rem;
height: auto;	
margin-bottom: 20px;
}

.box_hero_tabs {
position: relative;
z-index: 3;	
}

.box_curve {
    padding: 0px;
    z-index: 2;
    position: absolute; 
	bottom: 0px;
}


/* Lists */

.list_tick {
	list-style-type: none;
	padding-left: 0px;
}
.list_tick li {
	font-size: 1.25rem;	
	color: #fff;
	padding: 7px 0px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
.list_tick li::before {
	font-family: "Font Awesome 5 Free";
	content: "\f00c";
	display: inline-block;
	vertical-align: middle;
	font-weight: 900;
	color: #2CCCD3;
	width: 2rem;

}
.list_green {
	list-style-type: none;
}
.list_green li::before {
	content: "\2022";
	display: inline-block;
	vertical-align: middle;
	font-weight: 900;
	color: rgba(0,76,108,1);
	width: 1.5rem;
	margin-left: -1.5rem;
}


.list_category {
  list-style-type: none;
   margin: 0;
  padding: 0;	
}
.list_category li {
	font-size: 0.8rem;
	padding: 5px 0px;
border-bottom: 1px solid #eee;
}



/* Pagination */

.nav-links {
}




.page-numbers {
	padding: 6px 8px;
	color: #fff;
	background-color: rgba(242,169,0,0.6);
	margin-right: 3px;
	margin-bottom: 3px;
	
	
	font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
}
.page-numbers:hover {
	color: #fff;
}
.page-numbers.current {
	background-color: #F2A900;
}
/* Section */

section { }


.section_content {
padding: 40px 0px;	
}

.section_grey {
	background-color: #eee;
}
.section_title {
	padding: 60px 0px 40px 0px;
	background-color: #fab623;
}
.section_banner {
	background-color: rgba(0,76,108,1);
	padding: 40px 0px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
		color: #fff;
}
.section_banner_overlay {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	z-index: 2;
}
.section_banner_content {
	position: relative;
	z-index: 3;
}




.section_hero {
background: linear-gradient(180deg, rgba(0,32,91,1) 0%, rgba(1,45,126,1) 100%);	
padding-bottom: 0px;
position: relative;
}

.section_curve {
    padding: 0px;
    background-image: url(images/background_curve.png);
    background-position: center;
    margin-top: -75px;
    height: 75px;
    z-index: 999;
    display: block;
    position: relative;
}

.section_full_width_image {
background-color: #fab623;	
}

.section_icons ul {
	 list-style-type: none; /* Remove bullets */
  padding: 0; /* Remove padding */
  margin: 0; /* Remove margins */
}
.section_icons li {
padding: 5px 0px;
border-bottom:1px solid #fab623;	
}


.section_testimonials {
background-color: #2CCCD3;
padding: 40px 0px;	
}



/* Text */

.text_uppercase {
	text-transform: uppercase;
}
.text_small {
	font-size: 0.9rem;
}
.text_large {
	font-size: 1.25rem;
}
.text_large::first-line {
	font-variant: small-caps;
}
.text_white {
	color: #fff;
}
a.text_white {
	color: #fff;
}


.text_blue, .text_blue a, a.text_blue{
color: #00205B;	
}

.text_more {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 0.8rem;
}
.text_category {
	font-size: 0.8rem;
	margin-bottom: 5px;
	text-transform: uppercase;
	font-weight:700;
}
.text_introduction {
	color: rgba(0,0,0,0.6);
	font-size: 1.4rem;
	text-align: center;
}
.text_caption {
	margin: 10px 0px 20px 0px;
	font-size: 0.8rem;
	text-align: center;
}
.text_caption_heading {
	margin: 20px 0px 20px 0px;
	text-align: center;
}

.text_heading_tab {
font-size: 2.5rem;
}

.text_orange {
color: #fab623;	
}



		.text_center_then_right {
		text-align: center;	
		}
				.text_center_then_left {
		text-align: center;	
		}


/* Clears */

.clear_10 {
	clear: both;
	height: 10px;
}
.clear_20 {
	clear: both;
	height: 20px;
}
.clear_30 {
	clear: both;
	height: 30px;
}
.clear_40 {
	clear: both;
	height: 40px;
}
.clear_50 {
	clear: both;
	height: 50px;
}
/* Card */

.card_ruled_bottom {
border-bottom: 4px solid #2CCCD3;	
}

/* Footer */

footer {
	font-family: 'Nunito', sans-serif;
	background-color: #fab623;
	padding: 50px 0px 50px 0px;
	font-size: 0.8rem;
	background-image:url(http://harryandpercys.co.uk/wp-content/uploads/2022/05/background_footer.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	background-size:auto;
}
footer p {
	color: #fff;
}
footer a, footer a:hover {
 color:#fff;	
}
footer p strong {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
}
footer ul {
	padding: 0px;
	list-style-type: none;
}
footer li {
	color: rgba(255,255,255,1);
	padding: 5px 0px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}
footer li a, footer li a:hover {
	color: rgba(255,255,255,1);
	text-decoration: none;
}
/* Margins */

.margin_bottom_10 {
	margin-bottom: 10px;
}
.margin_bottom_30 {
	margin-bottom: 30px;
}
/* Font Awesome */

.fas, .fab {
}
/* Buttons */

.btn {
	font-family: 'Nunito', sans-serif;
}


.btn-primary {
	background-color: #F2A900;
	border-color: #F2A900;
}
.btn-primary:hover {
	background-color: #F2A900;
	border-color: #F2A900;
}


.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #F2A900;
    border-color: #F2A900;
}
.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #F2A900;
    border-color: #F2A900;
    box-shadow: 0 0 0 .2rem rgba(242, 169, 0,.2);
}


.btn-secondary {
	background-color: transparent;
	border: 3px solid rgba(210,187,111,1);
	padding: 10px 15px;
}
.btn-secondary:hover {
	background-color: rgba(210,187,111,1);
	border-color: rgba(210,187,111,1);
}



.btn-circle {
    width: 120px;
    height: 120px;
    padding: 10px;
    border-radius: 120px;
    text-align: center;
}

/* Owl */

.owl-dots {
  text-align: center;
}

.owl-dot {
     width: 12px;
     height: 12px;
     border-radius: 100%;

     background: #ddd !important;
     margin-right: 5px;
     display: inline-block;  /*for making them horizontal, if you want vertical then you can use- display: block*/
}


.owl-dot.active {
     background: #bbb !important;
}

.owl-nav {
display: none;
}

/*Ninja forms */

.nf-form-content textarea.ninja-forms-field {
    height: 100px !important;
}

.nf-form-content button, .nf-form-content input[type="button"], .nf-form-content input[type="submit"] {
background-color: #F2A900 !important;
padding: .5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: .3rem;
}


.nf-form-content {
    padding: 30px 0px !important;
    max-width: none !important;

}


/* Product pages */

.section_product {
	background-color: #fab623;
	padding-bottom: 60px;
}
.section_product h1, .section_product h2, .section_product h3, .section_product h4, .section_product h5 {
	font-family: 'Josefin Sans', sans-serif;
}
.title_product {
	font-weight: 700;
}
 @media (min-width: 992px) {
.title_product {
	font-size: 6rem;
}
}
.title_josefin {
	font-family: 'Josefin Sans', sans-serif;
}
.box_product_left {
	background-color: #333;
	padding: 20px 20px 0px 20px;
	color: #fab623;
	height: auto;
}


.box_product_right {
height:auto;	
}

 @media (min-width: 768px) {
.box_product_left {
	 height: 100% !important;
	 }
.box_product_right {
	 height: 100% !important;	
}
}



.fa-ul {
	margin-left: 1.3rem !important;
}
.fa-ul li {
	border-bottom: 2px solid #fff;
	padding: 8px 0px;
	font-size: 0.8rem;
	text-transform: uppercase;
}
.box_product_ocado p {
	color: #443536;
}
.box_product_ocado i {
	color: #fab623;
	font-size: 0.75rem;
}
.list_striped {
	list-style-type: none;
	padding: 0;
}
.list_striped li {
	padding: 5px;
}
.list_striped > li:nth-of-type(odd) {
	background-color: #fab623;
}
.text_circle {
	font-size: 2rem;
	width: 1.5em;
	height: 1.5em;
	box-sizing: initial;
	background: #fab623;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	line-height: 1.65em;
	box-sizing: content-box;
}
.text_grey {
	color: #443536;
}

.box_product_ocado {
	margin: 20px 0px; 
	padding: 20px;
	background-color: #fff;
}

.text_bold {
	
	font-weight: 700;
}

/*==========  Mobile First Method  ==========*/
/*
Min-Width: Refers to everything greater than or equal to the amount given.
Max-Width: Refers to everything less than or equal to the amount given. 
*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
}

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {


    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
 .box_logo {
 text-align:left;
margin-bottom: 0;
}

.box_icons {
height: 100%;
margin-bottom: 0px;	
}

}

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
		
		.text_center_then_right {
		text-align: right;	
		}
				.text_center_then_left {
		text-align: left;	
		}
		
}

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
}