/*
	Theme Name: CDU UK Theme
	Theme URI:
	Description: Bespoke WordPress theme for CDU UK
	Version: 1.0.0
	Author: Pinch Agency
	Author URI:
	Tags: HTML5, CSS3
*/

/*------------------------------------*\
	MAIN
\*------------------------------------*/

@import 'css/constants.css';

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

body, html{
	color:#000;
	font-family: "Raleway", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
	font-variation-settings:"wdth" 100;
	font-size: 16px;
}

/* Typography */

.uk-h1,
.uk-h2,
.uk-h3,
.uk-h4,
.uk-h5,
.uk-h6,
.uk-heading-2xlarge,
.uk-heading-large,
.uk-heading-medium,
.uk-heading-small,
.uk-heading-xlarge,
h1,
h2,
h3,
h4,
h5,
h6{
	font-family: "Raleway", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
}


/*------------------------------------*\
	HEADER ELEMENTS
\*------------------------------------*/

header.header{
	padding:18px 0;
	background:#fff;
}

@media only screen and (max-width:640px) {

	header.header{
		padding:15px 0;
	}

	header.header .logo img{
		width:105px;
		height:auto;
	}

}

/*------------------------------------*\
	FOOTER ELEMENTS
\*------------------------------------*/

footer.footer{
	background:var(--purple);
	color:#fff;
	padding:100px 0;
}

footer.footer .footer-bottom{
	margin-top:60px;
}

footer.footer .footer-bottom .footer-copy{
	border-top:1px solid #fff;
	padding-top:40px;
	margin-top:40px;
}

footer.footer .footer-form input[type="text"]{
	background: transparent;
	height: 48px;
}

footer.footer .footer-links a:hover{
	color:#fff;
	text-decoration:underline;
}

footer.footer .social-link{
	transition:all 0.2s;
	display:inline-block;
}

footer.footer .social-link:hover{
	text-decoration:none;
	transform:translateY(-3px);
}

@media only screen and (max-width:640px) {

	footer.footer{
		padding: 50px 0;
	}

	footer.footer .footer-form .uk-button.uk-button-default{
		width:100%;
	}

	footer.footer .footer-bottom {
	  margin-top: 20px;
	}

	footer.footer .footer-links{
		margin-top: 20px;
	}

}


/*------------------------------------*\
	NAVIGATION MENUS
\*------------------------------------*/

nav#main-navigation .uk-navbar-nav{
	gap:2px;
}

nav#main-navigation .uk-navbar-item,
nav#main-navigation .uk-navbar-nav > li > a,
nav#main-navigation .uk-navbar-toggle,
#mobile-nav-offcanvas .uk-offcanvas-bar #mobile-navigation li a{
	min-height:40px;
	font-size:0.875rem;
	color:#000;
	font-family: "Raleway", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	text-transform:none;
	font-weight:400;
	padding:0 20px;
	border-bottom:1px solid transparent;
}

nav#main-navigation .uk-navbar-nav > li:hover > a,
#mobile-nav-offcanvas .uk-offcanvas-bar #mobile-navigation ul li:hover > a{
	background: var(--grey);
	color: var(--teal);
	border-bottom:1px solid var(--teal);
}

nav#main-navigation .uk-navbar-nav > li.current-menu-item > a,
#mobile-nav-offcanvas .uk-offcanvas-bar #mobile-navigation li.current-menu-item > a{
	border-bottom:1px solid var(--teal);
}

nav#main-navigation .uk-navbar-nav > li.button > a,
#mobile-nav-offcanvas .uk-offcanvas-bar #mobile-navigation li.button > a{
	background-color: var(--purple);
	color:#fff;
	font-weight:500;
	text-align:center;
	width:120px;
}

nav#main-navigation .uk-navbar-nav > li.button:hover > a,
#mobile-nav-offcanvas .uk-offcanvas-bar #mobile-navigation li.button:hover > a{
	background-color: var(--teal);
	color:#fff;
}

nav#main-navigation .uk-navbar-nav > li.menu-item-has-children > a:after{
	content:'';
	width:14px;
	height:8px;
	background: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.3977 7.66292C7.17802 7.88259 6.82192 7.88259 6.60225 7.66292L0.867387 1.92804C0.64772 1.70837 0.64772 1.35227 0.867387 1.13259L1.13256 0.867393C1.35222 0.647718 1.70838 0.647718 1.92805 0.867393L6.99997 5.93934L12.0719 0.867393C12.2916 0.647718 12.6477 0.647718 12.8674 0.867393L13.1326 1.13259C13.3522 1.35227 13.3522 1.70837 13.1326 1.92804L7.3977 7.66292Z' fill='black'/%3E%3C/svg%3E") no-repeat scroll center center transparent;
	margin-left:5px;
}

nav#main-navigation .uk-navbar-nav > li.menu-item-has-children:hover > a:after{
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.3977 7.66292C7.17802 7.88259 6.82192 7.88259 6.60225 7.66292L0.867387 1.92804C0.64772 1.70837 0.64772 1.35227 0.867387 1.13259L1.13256 0.867393C1.35222 0.647718 1.70838 0.647718 1.92805 0.867393L6.99997 5.93934L12.0719 0.867393C12.2916 0.647718 12.6477 0.647718 12.8674 0.867393L13.1326 1.13259C13.3522 1.35227 13.3522 1.70837 13.1326 1.92804L7.3977 7.66292Z' fill='%23007A87'/%3E%3C/svg%3E");
}

nav#main-navigation .uk-navbar-nav > li > .uk-dropdown{
	padding:0;
	box-shadow: 0 0px 4px rgba(0,0,0,.25);
}

nav#main-navigation .uk-navbar-nav > li > .uk-dropdown > ul > li > a{
	font-family: "Raleway", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	text-transform:none;
	font-weight:400;
	padding: 12px 20px;
	font-size: 0.875rem;
	color: #000;
	border-bottom: 1px solid rgb(232, 232, 232);
	transition:all 0.2s;
}

nav#main-navigation .uk-navbar-nav > li > .uk-dropdown > ul > li:hover > a{
	background: var(--grey);
	color: var(--teal);
}

#mobile-nav-offcanvas .uk-offcanvas-bar{
	background: #fff;
	width:300px;
}

/* Mobile navigation */

#mobile-nav-offcanvas .uk-offcanvas-bar #mobile-navigation{
	margin-top:40px;
}

#mobile-nav-offcanvas .uk-offcanvas-bar #mobile-navigation li a{
	padding: 10px;
	padding: 15px 0;
	border-bottom: 0;
	border-top: 1px solid #ddd;
}

#mobile-nav-offcanvas .uk-offcanvas-bar #mobile-navigation li.button > a{
	padding: 15px;
	display: block;
	width: 100%;
}

#mobile-nav-offcanvas .uk-offcanvas-bar #mobile-navigation li ul.uk-nav-sub{
	border-left: 1px solid #ddd;
	padding: 0;
	margin-left: 10px;
	margin-bottom:20px;
}

#mobile-nav-offcanvas .uk-offcanvas-bar #mobile-navigation li ul.uk-nav-sub > li > a{
	border:none;
	padding: 10px;
}

#mobile-nav-offcanvas .uk-offcanvas-bar .uk-close{
	top: 10px;
	right: 10px;
	color: rgba(0,0,0,1);
}

#mobile-nav-offcanvas .uk-offcanvas-bar .uk-close svg{
	width: 20px;
}

#mobile-nav-offcanvas .uk-offcanvas-bar .uk-close svg line{
	stroke-width: 0.8;
}


/*------------------------------------*\
	SINGLE COURSES CPT
\*------------------------------------*/

section.courses-hero .course-breadcrumbs{
	margin-bottom:24px;
}

section.courses-hero a.uk-button{
	width:100%;
	padding:0;
}

section.courses-hero div.course-details{
	background: var(--grey);
	padding:35px 15px;
	font-weight:400;
	min-height:100%;
	clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);
	padding-bottom:100px;
}

section.courses-hero div.course-details span{
	margin-bottom:5px;
	display:inline-block;
	font-weight:500;
}

section.courses-hero div.course-details a{
	color:#000;
	text-decoration:underline;
}

section.courses-hero div.course-details img{
	margin-right:10px;
}

a.uk-button.secondary.course-pack:hover svg path{
	stroke:white;
}

section.courses-banner a.uk-button.course-pack:hover svg path{
	stroke:#1F1642;
}

div.course-breadcrumbs{
	font-weight:500;
}

div.course-breadcrumbs a{
	font-weight:400;
	color:#000;
}

div.course-accordion .uk-accordion-title{
	font-size:1rem;
	color:#000;
	font-weight:400;
}

div.course-accordion .uk-accordion-title::before{
	margin-right: 15px;
	float: left;
	margin-left:0;
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.6023 1.04558C6.82198 0.825903 7.17808 0.825903 7.39775 1.04558L13.1326 6.78045C13.3523 7.00013 13.3523 7.35623 13.1326 7.5759L12.8674 7.8411C12.6478 8.06078 12.2916 8.06078 12.0719 7.8411L7.00003 2.76915L1.92808 7.8411C1.7084 8.06078 1.3523 8.06078 1.13263 7.8411L0.867428 7.5759C0.647753 7.35623 0.647753 7.00013 0.867428 6.78045L6.6023 1.04558Z' fill='black'/%3E%3C/svg%3E");
	transform:rotate(180deg);
	width:14px;
}

div.course-accordion .uk-open > .uk-accordion-title::before{
	transform:rotate(0deg);
}

div.course-accordion .uk-accordion-content{
	padding-left: 30px;
	font-size:0.875rem;
	font-weight:400;
}

div.course-accordion > ul > li{
	border-top:1px solid #000;
	padding-top:20px;
}

div.course-accordion > ul > li:last-of-type{
	border-bottom:1px solid #000;
	padding-bottom:20px;
}

.testimonials-slider-item{
	border:1px solid #000;
	border-radius:4px;
}

section.courses-recommendations .recommend-item{
	padding:20px;
	border: 1px solid #000;
	border-radius:4px;
}

.uk-accordion-title::before{
	background-image: url("data:image/svg+xml,%3Csvg width='18' height='11' viewBox='0 0 18 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.88379 9.53027C1.78615 9.62787 1.6279 9.6279 1.53027 9.53027L1.17676 9.17676C1.07913 9.07913 1.07916 8.92088 1.17676 8.82324L8.82324 1.17676C8.92088 1.07912 9.07912 1.07912 9.17676 1.17676L16.8232 8.82324C16.9209 8.92088 16.9209 9.07912 16.8232 9.17676L16.4697 9.53027C16.3721 9.62789 16.2139 9.62789 16.1162 9.53027L9 2.41406L1.88379 9.53027Z' fill='black' stroke='black'/%3E%3C/svg%3E%0A");
	transform: rotate(180deg);
}

.uk-open > .uk-accordion-title::before{
	background-image: url("data:image/svg+xml,%3Csvg width='18' height='11' viewBox='0 0 18 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.88379 9.53027C1.78615 9.62787 1.6279 9.6279 1.53027 9.53027L1.17676 9.17676C1.07913 9.07913 1.07916 8.92088 1.17676 8.82324L8.82324 1.17676C8.92088 1.07912 9.07912 1.07912 9.17676 1.17676L16.8232 8.82324C16.9209 8.92088 16.9209 9.07912 16.8232 9.17676L16.4697 9.53027C16.3721 9.62789 16.2139 9.62789 16.1162 9.53027L9 2.41406L1.88379 9.53027Z' fill='black' stroke='black'/%3E%3C/svg%3E%0A");
	transform: rotate(0deg);
}

@media only screen and (max-width:640px) {

	section.courses-overview .fs-20{
		font-size:1rem;
	}

	section.courses-overview .fs-20 p{
		margin-bottom:0;
	}

	section.courses-banner a.uk-button{
		width:100%;
		max-width:275px;
	}

}


/*------------------------------------*\
	RESPONSIVE
\*------------------------------------*/

@media only screen and (max-width:320px) {

}

@media only screen and (max-width:480px) {

}

@media only screen and (max-width:768px) {

}

@media only screen and (max-width:1024px) {

}

@media only screen and (max-width:1140px) {

}

@media only screen and (max-width:1280px) {

}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (max-resolution:144dpi) {

}

/*------------------------------------*\
	MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
	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%;
	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 .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}

.sticky {

}

.bypostauthor {

}

/*------------------------------------*\
	PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}

	a,
	a:visited {
		text-decoration:underline;
	}

	a[href]:after {
		content:" (" attr(href) ")";
	}

	abbr[title]:after {
		content:" (" attr(title) ")";
	}

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}

	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}

	thead {
		display:table-header-group;
	}

	tr,img {
		page-break-inside:avoid;
	}

	img {
		max-width:100% !important;
	}

	@page {
		margin:0.5cm;
	}

	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}

	h2,
	h3 {
		page-break-after:avoid;
	}

}

/*------------------------------------*\
	FORMS
\*------------------------------------*/

form.mktoForm{
	font-family: "Raleway", sans-serif!important;
	font-optical-sizing: auto;
	font-weight: 400!important;
	font-style: normal;
	font-variation-settings: "wdth" 100;
	font-size:1rem!important;
}

form.mktoForm{
	width:100%!important;
}

form.mktoForm .mktoLabel {
	float: none;
	line-height: 1.2em;
	padding-top: 0.3em;
	font-weight:400!important;
	display:block;
}

form.mktoForm .mktoOffset,
form.mktoForm .mktoGutter {
  display:none;
}

form.mktoForm .mktoFormRow {
	clear: none;
	display:flex;
	gap:10px;
}

form.mktoForm .mktoFormCol{
	flex:1;
	margin-bottom:20px!important;
}

form.mktoForm .mktoFieldWrap{
	float:none;
}

form.mktoForm .mktoLabel{
	width: 100% !important;
}

form.mkto-form select,
form.mkto-form input:not([type="checkbox"]){
  height: 48px!important;
  border:1px solid #000;
  width:100%!important;
  background:#fff;
}

form.mkto-form textarea.mktoField{
  border:1px solid #000;
  width:100%!important;
}

form.mkto-form .mktoButtonWrap{
	margin-left:0!important;
}

form.mktoForm .mktoButtonWrap.mktoSimple .mktoButton{
	text-transform: none;
	font-size: 0.875rem;
	line-height: 46px;
	padding: 0 25px;
	border-radius: 0;
	font-family: "Raleway", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	min-width: 120px;
	background: var(--purple);
	border: 1px solid var(--purple);
	color: #FFF;
}

form.mktoForm .mktoLabel#LblgDPROptIn,
form.mktoForm .mktoLabel#LblUnsubscribed{
	width:95%!important;
	float:right;
	padding-top:0;
	width:calc(100% - 28px)!important;
}

form.mktoForm .mktoCheckboxList{
	width:5%!important;
	width:calc(28px)!important;
}

form.mktoForm div.mktoHtmlText{
	width:100%!important;
}

form.mkto-form select#countryCodes{
	width:22%!important;
	border-right-width: 0;
}

form.mkto-form input#MobilePhone{
	width: 78% !important;
	float:right;
}

form.mktoForm fieldset legend {
  display: none;
}

form.mktoForm fieldset.mktoFormCol{
	border:0;
	padding:0;
	min-width: 0;
	margin-bottom:0!important;
}

form.mktoForm .mktoFormCol{
	min-height:0;
}

@media only screen and (max-width:640px) {

	form.mktoForm .mktoFormRow{
		display:block;
	}

	.mktoForm textarea.mktoField{
		height: auto!important;
	}

}