/*
Theme Name: Arch - Kidney Care Learning
Theme URI: Arch
Author: Arch
Author URI: archcreative.co.uk
Description: 
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: 
*/



:root {
  --dark: #2B2B2B;
  --darkblue: #063951;
  --midblue: #095478;
  --lightblue: #12B9CD;
}



/* GENERAL */

html,body { padding:0;margin:0;color:var(--dark);font-family: open-sans, sans-serif; }


h1,h2,h3,h4,h5,h6 { font-weight:400; }

h1 { font-size:3em;line-height:1.2em; }
h2 { font-size:2em; }
h3 { font-size:2em; }
h4 { font-size:2em; }

.m-grid { margin:0; }



.text-lblue { color:var(--lightblue); }
.text-mblue { color:var(--midblue); }
.text-dblue { color:var(--darkblue); }
.text-white { color:#ffffff;font-weight:300; }

.bg-lblue { background:var(--lightblue); }
.bg-mblue { background:var(--midblue); }
.bg-dblue { background:var(--darkblue); }

.pos-rel { position:relative; }


.vertical-outer { display:inline-table;width:100%;height:100%;vertical-align: middle; }
.vertical-inner { display:table-cell;width:100%;height:100%;vertical-align: middle; }


a.button { background:var(--lightblue);color:#fff;display:inline-block;padding:15px 40px;border-radius:40px;text-decoration: none;margin:0px 5px 15px 5px;text-align:center; }
a.button:hover { background:var(--midblue); }

a.button.small { padding:8px 40px; }

a.button.white { border:2px solid #fff;background:transparent; }
a.button.white:hover { background:#fff; }

a.button.mblue { background:var(--midblue); }
a.button.mblue:hover { background:#fff;color:var(--midblue); }

.bg-lblue a.button.white:hover { color:var(--lightblue); }
.bg-mblue a.button.white:hover { color:var(--midblue); }
.bg-dblue a.button.white:hover { color:var(--darkblue); }


.bg-lblue p, .bg-lblue ul { color:#fff; }

p, ul { font-size:1em;font-weight:300;font-size:20px; }
p.large { font-size:1.1em;font-size:22px; }

ul { padding-left:20px; }


/* HEADER */
nav { display:block;padding:10px 0; }
.logomain { display:inline-block;width:334px;vertical-align:top; }
.logomain img { width:100%;height:auto; }
.logosother { display:inline-block;width:calc(100% - 334px);text-align:right; }
.logosother img { width:auto;height:71px;margin-left:15px;display:inline-block; }
.main-banner { margin-bottom:60px; }
.main-banner .background-kidney { position:absolute;top:50%;left:45%;width:55%;height:auto;transform: translateY(-50%); }
.certified { display:inline-block;vertical-align:middle;width:auto;height:120px;margin:0 15px; }
.banner-text { padding:30px 15px 30px; }


/* FOOTER */
footer { margin-top:120px; }
footer .logosother { text-align:left;margin-top:60px; }
footer span { font-size:25px;margin-bottom:10px;display:block; }
footer span > span { margin-bottom:0;display:inline-block; }
footer p { margin:0;font-size:0.8em; }
.logo-white { width:230px;height:auto;margin-bottom:50px; }
footer a { text-decoration: none;display:inline-block;padding:0px 5px;font-size:0.8em; }
footer a:hover { color:var(--lightblue); }
.footer-links { text-align:right; }
footer a.emaillink { color:#fff;font-size:25px;padding:0; }


/* ONE COLUMN BOX */
.one-column-box { margin-bottom:30px;padding:45px 60px; }
span.price { font-size:2em;font-weight:500; }
span.subtitle { margin-top:-30px;display:block;margin-bottom:10px; }


/* TWO COLUMN BOX */
.two-column-box img { width:100%;height:100%;object-fit: cover; }
.two-column-box h3 { width:100%;max-width:470px;margin:0 auto; }

/* THREE COLUMN */
.three-column-col { padding:100px 30px;position:relative; }
.three-column-col img { width:100%;max-width:200px; }
.three-column-col h4 { min-height:75px; }

.new { position:absolute;display:inline-block;padding:42px 20px;text-align:center;border-radius:100%;font-size:26px;width:120px;height:120px;top:-20px;right:-20px; }


@media(max-width:991px){
	.header-image-col { text-align:center; }
	.header-image { max-width:550px;margin:0 auto;display:inline-block; }
	.thirdccol { grid-column-start: 4; }
	.main-banner .background-kidney { position:absolute;top:auto;bottom:0;left:10%;width:90%;height:auto;transform: translateY(0%); }
		.two-column-box h3 { font-size:1.5em; }
		.new { top:0px;right:0px;width:100%;height:auto;border-radius:0;padding:15px 15px;font-size:22px; }
}



@media(max-width:768px){
	

	.three-column-col { padding:50px 15px; }
	.logosother { width:100%;text-align:left;margin-top:30px; }
	.new { top:0px;right:0px;width:140px;height:auto;border-radius:0;padding:15px 15px;font-size:22px; }
	
}



@media(max-width:560px){
	.two-column-box img { height:auto; }
	.m-inner-section-30 { padding-left:15px;padding-right:15px; }
	.logosother { width:100%;text-align:left;margin-top:15px; }	
	.logosother img { height:38px;margin-left:5px;margin-right:5px; }
	.banner-text { padding:5px 0 30px; }
	p, ul { font-size:15px; }
	p.large { font-size:17px; }
	h1 { font-size:1.8em; }
	h4 { font-size:1.5em; }
	.two-column-box h3 { font-size:1.3em; }
	.three-column-col { padding:20px 15px; }
	.three-column-col img { max-width:160px; }
	.three-column-col h4 { min-height:1px;margin:10px 0 30px; }
	footer, footer .logosother { text-align:center; }
	footer .logosother img { margin-bottom:20px; }
	footer a { margin-top:10px; }
	.footer-links { text-align:center; }
	.thirdccol { grid-column-start: 1; }
	.one-column-box { padding:30px 30px; }
	.two-column-box .m-inner-section-30 { padding-left:30px;padding-right:30px; }
	.main-banner a.button { width:100%; }
	.main-banner.certified-header a.button { width:49%; }
	.logomain { width:244px; }
	.certified { vertical-align: top;position: relative;margin-top:-75px;height:auto;width:37%; }
	.one-column-box a.button { width:100%; }
	.price-column { text-align:center;padding-bottom:30px; }
	.one-column-box, .two-column-box { margin:0 -15px 30px; }
	#courses  { padding:30px 0; }
	#courses h2 { padding:0 30px; }
	#courses .m-grid-gap-15 { grid-gap:0; }
	

}