/*
Template: sydney
Theme Name: Class DD
Author: webworkwork
Author URI: https://www.webworkwork.com
Description: Sydney is a powerful business theme that provides a fast way for companies or freelancers to create an awesome online presence. As well as being fully compatible with Elementor, Sydney brings plenty of customization possibilities like access to all Google Fonts, full color control, layout control, logo upload, full screen slider, header image, sticky navigation and much more. Also, Sydney provides all the construction blocks you need to rapidly create an engaging front page.
Version: 1.58
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: www
Tags: two-columns, right-sidebar, custom-colors, custom-background, custom-header, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Sydney is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
*/

@font-face {
	font-family: 'SukhumvitSet';
	src: url(fonts/SukhumvitSet-Text.ttf);
	font-weight: normal;
	font-display: swap;
}
@font-face {
	font-family: 'SukhumvitSet';
	src: url(fonts/SukhumvitSet-Light.ttf);
	font-weight: 300;
	font-display: swap;
}
@font-face {
	font-family: 'SukhumvitSet';
	src: url(fonts/SukhumvitSet-Bold.ttf);
	font-weight: bold;
	font-display: swap;
}
body {
	font-family: 'SukhumvitSet';
	background: #FAFAFA;
	color: #020202;
	font-size: 16px;
	line-height: 1.5em;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'SukhumvitSet';
	margin: 0 0 20px;
	font-weight: bold;
}
img {
	max-width: 100%;
	height: auto;
}
a,a:visited {
	color: #020202;
	text-decoration: none;
	transition: all .3s ease;
}
a:hover,a:active {
	color: #C66376;
	text-decoration: none;
	transition: all .3s ease;
}
input, select {
	height: 40px;
	width: 100%;
	border-radius: 5px;
	border: 1px solid #d5d5d5;
	padding: 5px;
	background: #fff;
	color: #020202;
}
textarea {
	width: 100%;
	border-radius: 5px;
	border: 1px solid #d5d5d5;
	padding: 5px;
}
button, .button {
	background-image: linear-gradient(to top, #C66376, #E3B1BB);
	height: 40px;
	width: 100%;
	border: none;
	border-radius: 5px;
}
.container-fluid {
	padding: 0 50px;
}
ul.menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-flow: row nowrap;
}
ul.menu > li {
	padding: 0 10px;
}
.site-content {
	padding: 40px 0;
}
.error-404 {
	padding: 100px 0;
}
.error-404 h1 {
	font-size: 150px;
	line-height: 1em;
	margin: 0;
}
/* Header */
.site-header {
	background: #fff;
	border-bottom: 1px solid #d5d5d5;
	padding: 10px 0;
}
.site-header.float-header {
	background: #fff !important;
}
.site-header .container-fluid {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
}
.site-search {
	padding: 0 30px;
}
.site-search form {
	display: flex;
	flex-flow: row nowrap;
	box-shadow: 0 0 5px 0 #d5d5d5;
}
.site-search input {
	height: 40px;
	border: 1px solid #d5d5d5;
	padding: 8px;
	min-width: 250px;
	border-radius: 5px 0 0 5px;
}
.site-search button {
	background-image: url(images/icon-search.png), linear-gradient(to top, #C66376, #E3B1BB);
	background-position: center center;
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	border: none;
	border-radius: 0 5px 5px 0;
}
.site-header .site-account {
	flex-grow: 2;
	flex-flow: row nowrap;
	justify-content: flex-end;
	display: flex;
}
.site-header .site-account ul li a {
	color: #020202;
	font-weight: bold;
}
.site-header .site-account ul li a:hover {
	color: #C66376;
}
/* Navigation */
.main-navigation {
	background: #fff;
	border-bottom: 1px solid #d5d5d5;
}
.main-navigation ul {
	display: flex;
	flex-flow: row nowrap;
}
.main-navigation ul li {

}
.main-navigation ul li a {
	color: #C66376;
	padding: 10px;
	display: flex;
	font-weight: bold;
}
.main-navigation ul li a:hover {
	color: #020202;
}
.main-navigation ul ul {
	display: none;
}
/* Search */
.search-panel {
	background: url(images/bg-search.png) center center no-repeat;
	background-attachment: fixed;
	padding: 120px 0;
	color: #fff;
	text-align: center;
	position: relative;
	top: -40px;
}
.search-panel form {
	padding-top: 40px;
}
.search-panel ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-flow: row nowrap;
}
.search-panel ul li {
	width: 20%;
	padding: 0 10px;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-end;
	align-items: flex-start;
}
/* School Listing */
.school-listing {
	padding: 40px 0;
}
.school-listing .heading {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
}
.school-listing .heading a {
	text-decoration: underline;
}
.school-listing .school {
	border: 1px solid #d5d5d5;
	border-radius: 5px;
	overflow: hidden;
	color: #818183;
	transition: all .3s ease;
	margin-bottom: 30px;
}
.school-listing .school:hover {
	box-shadow: 0 0 10px 3px #d5d5d5;
	transition: all .3s ease;
}
.school-listing .school a {
	color: #818183;
}
.school-listing .image {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #fff;
	width: 100%;
	height: 0;
	padding-top: 60%;
	display: block;
	border-bottom: 1px solid #d5d5d5;
}
.school-listing .content {
	background: #fff;
	padding: 15px;
	font-size: 14px;
	line-height: 1.5em;
}
.school-listing .school a .content .school-title {
	color: #000;
	font-weight: bold;
}
.school-footer {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	padding-top: 15px;
}
.school-rating {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
}
.overall {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
}
.overall span {
	width: 22px;
	height: 22px;
	background: url(images/star1.png) center center no-repeat;
	display: flex;
}
.overall.rating-1 span:nth-child(-n+1) { background: url(images/star2.png) center center no-repeat; }
.overall.rating-2 span:nth-child(-n+2) { background: url(images/star2.png) center center no-repeat; }
.overall.rating-3 span:nth-child(-n+3) { background: url(images/star2.png) center center no-repeat; }
.overall.rating-4 span:nth-child(-n+4) { background: url(images/star2.png) center center no-repeat; }
.overall.rating-5 span:nth-child(-n+5) { background: url(images/star2.png) center center no-repeat; }
.school-rating .count {
	margin-top: 2px;
	margin-left: 5px;
}
.school-favourite {
	width: 22px;
	height: 22px;
	background: url(images/favourite1.png) center center no-repeat;
	display: flex;
}
/* Single */ 
.single-header {
	position: relative;
	top: -40px;
	padding: 20px 0;
	background: #fff;
	border-bottom: 1px solid #d5d5d5;
}
.single-header h1 {
	font-size: 36px;
	margin: 0;
}
.sidebar-widget {
	padding: 30px;
	box-shadow: 0 0 10px 3px #d5d5d5;
	margin-bottom: 30px;
	background: #fff;
}
.sidebar-widget h3 {
	font-size: 20px;
}
.sidebar-widget .row {
	margin: 0;
}
.sidebar-widget .school-listing {
	padding: 0;
}
/* Footer */
.site-footer {
	background: #fff !important;
	padding: 20px 0;
	border-top: 1px solid #d5d5d5;
}
.logo-footer {
	text-align: center;
}
.logo-footer img {
	max-width: 100px;
}