:root {
--primary-font: "Muli", sans-serif;
--secondary-font: "Quicksand", sans-serif;
--primary-color: #3e5afb;
--font-color: #585656;
--primary-color-rgb: 31, 101, 214;
}
html {
font-size: 10px;
}
body,
button,
input,
select,
optgroup,
textarea {
color: var(--font-color);
font-family: var(--primary-font);
font-size: 1.8rem;
line-height: 1.65em;
}
a {
color: var(--primary-color);
text-decoration: none;
}
a:hover,
a:focus {
text-decoration: underline;
}
button,
input[type="submit"] {
display: inline-block;
background: var(--primary-color);
border: 2px solid var(--primary-color);
box-shadow: none;
text-shadow: none;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 1.4rem;
line-height: 1.25em;
border-radius: 4px;
padding: 1.5rem;
color: #fff;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
button:hover,
button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
background: none;
color: var(--primary-color);
box-shadow: none;
border-color: var(--primary-color);
} .site-header {
border-bottom: 1px solid #eee;
}
.site-header .header-top {
background: var(--primary-color);
padding: 1.1rem 0;
}
.site-header .header-top .container:after {
display: none;
}
.site-header .header-top .container {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.site-header .header-top .secondary-navigation ul {
margin: 0;
padding: 0;
list-style: none;
font-size: 1.4rem;
line-height: 1.286em;
font-weight: 600;
display: flex;
flex-wrap: wrap;
}
.site-header .header-top .secondary-navigation ul li {
margin-right: 3rem;
position: relative;
}
.site-header .header-top .secondary-navigation ul li a {
color: #fff;
}
.site-header .header-top .secondary-navigation ul li a:hover,
.site-header .header-top .secondary-navigation ul li a:focus {
text-decoration: none;
}
.site-header .header-top .secondary-navigation ul ul { opacity: 0;
position: absolute;
top: 100%;
left: -99999px;
width: 250px;
background: var(--primary-color);
flex-direction: column;
padding-top: 1.4rem;
box-shadow: 0 14px 20px rgba(0, 0, 0, 0.2);
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
transform: translateY(10px);
-webkit-transition: opacity 0.35s, transform ease 0.35s;
-moz-transition: opacity 0.35s, transform ease 0.35s;
transition: opacity 0.35s, transform ease 0.35s;
}
.site-header .header-top .secondary-navigation ul ul li {
margin: 0;
}
.site-header .header-top .secondary-navigation ul ul li a {
display: block;
padding: 1rem 2rem;
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.site-header .header-top .secondary-navigation ul ul li:hover ul,
.site-header .header-top .secondary-navigation ul ul li:focus ul,
.site-header .header-top .secondary-navigation ul ul li.focus ul {
left: 100%;
top: 0;
padding-top: 0;
}
.site-header .header-top .secondary-navigation ul li:hover>ul {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
opacity: 1;
left: 0;
}
.site-header .header-top .secondary-navigation ul li:focus-within>ul {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
opacity: 1;
left: 0;
}
.site-header .header-top .secondary-navigation ul li.focus>ul {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
opacity: 1;
left: 0;
}
.site-header .header-top .social-networks {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
font-size: 1.4rem;
}
.site-header .header-top .social-networks li {
margin-left: 3rem;
}
.site-header .header-top .social-networks li:first-child {
margin-left: 0;
}
.site-header .header-top .social-networks li a {
color: #fff;
}
.site-header .header-m .container:after {
display: none;
}
.site-header .header-m .container {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.site-branding {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.site-branding .custom-logo {
margin-right: 1.5rem;
}
.site-branding .text-logo {
flex-basis: 0;
flex-grow: 1;
}
.site-title a {
font-size: 2.4rem;
line-height: 1.167em;
font-weight: 700;
font-family: var(--secondary-font);
color: #121212;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.site-title a:hover,
.site-title a:focus {
text-decoration: none;
color: var(--primary-color);
}
.site-description {
font-size: 1.4rem;
line-height: 1.429em;
color: #999596;
}
.header-info {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.header-info div {
margin-left: 3rem;
padding-left: 3rem;
border-left: 1px solid rgba(38, 37, 37, 0.1);
}
.header-info .phone {
padding-left: 4rem;
position: relative;
}
.header-info .phone:before {
position: absolute;
top: 50%;
left: 0;
width: 2.7rem;
height: 2.7rem;
content: "";
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23CCC6C8' viewBox='0 0 27 27'%3E%3Cpath d='M5.3,3C5.4,4.3,5.6,5.6,6,6.9L4.2,8.7C3.6,6.8,3.2,4.9,3,3H5.3 M20.1,21c1.3,0.4,2.6,0.6,3.9,0.7v2.2c-1.9-0.1-3.9-0.5-5.7-1.1L20.1,21 M6.8,0H1.5C0.7,0,0,0.7,0,1.5C0,15.6,11.4,27,25.5,27c0.8,0,1.5-0.7,1.5-1.5v-5.2c0-0.8-0.7-1.5-1.5-1.5c-1.8,0-3.6-0.3-5.4-0.9c-0.1-0.1-0.3-0.1-0.5-0.1c-0.4,0-0.8,0.2-1.1,0.4l-3.3,3.3c-4.3-2.2-7.7-5.6-9.9-9.9l3.3-3.3c0.4-0.4,0.5-1,0.4-1.5C8.5,5.1,8.2,3.3,8.3,1.5C8.3,0.7,7.6,0,6.8,0z'/%3E%3C/svg%3E") center center no-repeat;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.header-info .email {
padding-left: 7.6rem;
position: relative;
}
.header-info .email:before {
position: absolute;
top: 50%;
left: 3.3rem;
width: 3rem;
height: 3rem;
content: "";
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23CCC6C8' viewBox='0 0 30 30'%3E%3Cpath d='M15,0C6.7,0,0,6.7,0,15s6.7,15,15,15h7.5v-3H15C8.4,26.9,3.1,21.6,3,15C3.1,8.4,8.4,3.1,15,3c6.6,0.1,11.9,5.4,12,12v2.1c0,1.2-1,2.3-2.3,2.4c-1.2-0.1-2.2-1.1-2.3-2.4V15c0-4.1-3.4-7.5-7.5-7.5S7.5,10.9,7.5,15c0,4.1,3.4,7.5,7.5,7.5c2,0,3.9-0.8,5.3-2.2c1.1,1.4,2.7,2.2,4.4,2.2c2.9,0,5.3-2.4,5.3-5.3c0,0,0,0,0-0.1V15C30,6.7,23.3,0,15,0zM15,19.5c-2.5,0-4.5-2-4.5-4.5s2-4.5,4.5-4.5s4.5,2,4.5,4.5C19.5,17.5,17.5,19.5,15,19.5C15,19.5,15,19.5,15,19.5z'/%3E%3C/svg%3E") center center no-repeat;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.header-info div:first-child {
margin-left: 0; border-left: 0;
}
.header-info .btn-cta a {
display: inline-block;
font-size: 1.4rem;
line-height: 1.143em;
letter-spacing: 1px;
font-weight: 700;
font-family: var(--secondary-font);
color: #fff;
background: var(--primary-color);
border: 2px solid var(--primary-color);
border-radius: 4px;
padding: 1.5rem 2.5rem;
text-transform: uppercase;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.header-info .btn-cta a:hover,
.header-info .btn-cta a:focus {
text-decoration: none;
color: var(--primary-color);
background: none;
}
.header-info .phone .label,
.header-info .email .label {
display: block;
font-size: 1.2rem;
line-height: 1.25em;
color: #999596;
text-transform: uppercase;
}
.header-info .phone .tel-link,
.header-info .email a {
font-size: 1.6rem;
line-height: 1.25em;
font-weight: 700;
color: #585656;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.header-info .phone .tel-link:hover,
.header-info .phone .tel-link:focus,
.header-info .email a:hover,
.header-info .email a:focus {
text-decoration: none;
color: var(--primary-color);
}
.site-header .header-bottom {
background: none;
border-top: 1px solid #eee;
padding: 1.7rem 0;
}
.site-header .header-bottom .container:after {
display: none;
}
.site-header .header-bottom .container {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.main-navigation {
width: inherit;
flex-basis: 0;
flex-grow: 1;
}
.main-navigation ul {
display: flex;
flex-wrap: wrap;
}
.main-navigation ul li a {
color: #121212;
font-size: 1.4rem;
line-height: 1.286em;
letter-spacing: 1px;
padding: 0;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.main-navigation ul li a:hover,
.main-navigation ul li a:focus,
.main-navigation ul li:hover>a,
.main-navigation ul li:focus>a,
.main-navigation ul .current-menu-item>a,
.main-navigation ul .current-menu-ancestor>a,
.main-navigation ul .current_page_item>a,
.main-navigation ul .current_page_ancestor>a {
text-decoration: none;
color: var(--primary-color);
opacity: 1;
}
.main-navigation ul li a:focus {
outline: thin dotted #000;
}
.main-navigation ul li {
position: relative;
}
.main-navigation ul .menu-item-has-children {
padding-right: 22px;
}
.main-navigation ul .menu-item-has-children:after {
position: absolute;
top: 0;
right: 0;
width: 15px;
height: 18px;
content: "";
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23121212' viewBox='0 0 256 512'%3E%3Cpath d='M119.5 326.9L3.5 209.1c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0L128 287.3l100.4-102.2c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L136.5 327c-4.7 4.6-12.3 4.6-17-.1z'/%3E%3C/svg%3E") center center no-repeat;
}
@media only screen and (min-width: 992px) {
.main-navigation ul ul {
float: none;
display: block; margin-left: -99999px;
background: #fff;
width: 25rem;
padding: 2.3rem 0 1rem;
border-radius: 0 0 5px 5px;
opacity: 0;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
transform: translateY(10px);
-webkit-transition: opacity 0.35s, transform ease 0.35s;
-moz-transition: opacity 0.35s, transform ease 0.35s;
transition: opacity 0.35s, transform ease 0.35s;
}
.main-navigation ul ul li {
border-top: 0;
width: 100%;
}
.main-navigation ul li:hover>ul {
left: -2rem;
margin-left: 0;
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
}
.main-navigation ul li:focus-within>ul {
left: -2rem;
margin-left: 0;
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
}
.main-navigation ul li.focus>ul {
left: -2rem;
margin-left: 0;
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
}
.main-navigation ul ul li a {
width: auto;
padding: 1rem 2rem;
display: block;
}
.main-navigation ul ul .menu-item-has-children:after {
top: 1rem;
right: 0.5rem;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.main-navigation ul ul ul {
left: 100%;
top: 0;
padding-top: 0;
padding-bottom: 0;
border-radius: 5px;
}
}
.site-header .form-section {
position: relative;
}
.site-header .form-section .example {
position: absolute;
top: 4.7rem;
right: 0;
width: 250px;
z-index: 1;
display: none;
}
.site-header .form-section svg {
font-size: 18px;
color: #121212;
}
.site-header .form-section {
text-align: left;
}
.site-header .form-section #search-btn {
cursor: pointer;
background: none;
border: 0;
padding: 0;
}
.site-header .form-section .search-form {
height: inherit;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: 5px 15px;
}
.site-header .form-section .search-form label {
flex-basis: 0;
flex-grow: 1;
margin-right: 1.5rem;
}
.site-header .form-section .search-form input[type="search"] {
width: 100%;
padding: 0;
outline: none;
}
.site-header .form-section .search-form input[type="search"]:focus {
outline: thin dotted #000;
outline-offset: -2px;
}
.site-header .form-section .search-form input[type="submit"] {
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23121212' viewBox='0 0 512 512'%3E%3Cpath d='M508.5 481.6l-129-129c-2.3-2.3-5.3-3.5-8.5-3.5h-10.3C395 312 416 262.5 416 208 416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c54.5 0 104-21 141.1-55.2V371c0 3.2 1.3 6.2 3.5 8.5l129 129c4.7 4.7 12.3 4.7 17 0l9.9-9.9c4.7-4.7 4.7-12.3 0-17zM208 384c-97.3 0-176-78.7-176-176S110.7 32 208 32s176 78.7 176 176-78.7 176-176 176z'/%3E%3C/svg%3E") center center no-repeat;
width: 15px;
height: 20px;
outline: none;
}
.site-header .form-section .search-form input[type="submit"]:focus {
outline: thin dotted #000;
} .banner:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
content: "";
}
.banner .banner-text {
height: inherit;
}
.banner .banner-text .text {
max-width: 77rem;
width: 100%;
margin: 0 auto;
text-align: center;
color: #fff;
}
.banner .banner-text .title {
font-size: 7.2rem;
line-height: 1.25em;
font-family: var(--secondary-font);
font-weight: 500;
margin: 0 0 0.556em;
}
.banner .banner-text .apply-now {
display: inline-block;
font-size: 1.4rem;
line-height: 1.143em;
letter-spacing: 1px;
font-weight: 700;
font-family: var(--secondary-font);
color: #fff;
background: var(--primary-color);
border: 2px solid var(--primary-color);
border-radius: 4px;
padding: 1.5rem 2.5rem;
text-transform: uppercase;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.banner .banner-text .apply-now:hover,
.banner .banner-text .apply-now:focus {
text-decoration: none;
outline: none;
background: #fff;
border-color: #fff;
color: var(--primary-color);
}
.banner .banner-text .apply-now:focus {
outline: thin dotted #000;
outline-offset: -2px;
}
.video-banner .wp-custom-header {
position: relative;
padding-bottom: 56.25%; padding-top: 25px;
height: 0;
}
.video-banner .wp-custom-header iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
vertical-align: top;
border: 0;
}
.video-banner .wp-custom-header .wp-custom-header-video-button {
position: absolute;
bottom: 2rem;
left: 2rem;
z-index: 2;
border: 0;
padding: 0;
margin: 0;
box-shadow: none;
font-size: 0;
background: var(--primary-color);
width: 10rem;
height: 5rem;
border-radius: 100px;
}
.video-banner .wp-custom-header .wp-custom-header-video-button:after {
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 25px;
content: "";
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 448 512'%3E%3Cpath d='M144 479H48c-26.5 0-48-21.5-48-48V79c0-26.5 21.5-48 48-48h96c26.5 0 48 21.5 48 48v352c0 26.5-21.5 48-48 48zm304-48V79c0-26.5-21.5-48-48-48h-96c-26.5 0-48 21.5-48 48v352c0 26.5 21.5 48 48 48h96c26.5 0 48-21.5 48-48z'/%3E%3C/svg%3E") center center no-repeat;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.video-banner .wp-custom-header .wp-custom-header-video-button.wp-custom-header-video-pause:after {
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 448 512'%3E%3Cpath d='M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z'/%3E%3C/svg%3E") center center no-repeat;
} .information {
background: #f1f1f1;
}
.no-banner .information {
padding: 5% 0;
}
.information .container:after {
display: none;
}
.thumb-text li .box-1,
.thumb-text li .box-2,
.thumb-text li .box-3,
.thumb-text li .box-4 {
height: inherit;
padding: 0;
background: none;
}
.thumb-text {
display: flex;
flex-wrap: wrap;
margin: -90px 0 0;
text-align: left;
border-radius: 10px;
overflow: hidden;
justify-content: center;
}
.thumb-text:after {
display: none;
}
.thumb-text li {
width: 50%;
}
.no-banner .thumb-text {
margin-top: 0;
}
.thumb-text li .box {
display: flex;
flex-wrap: wrap;
}
.thumb-text li:first-child .box,
.thumb-text li:nth-child(2) .box {
flex-direction: row-reverse;
}
.thumb-text li .box .image-holder {
width: 50%;
}
.thumb-text li .box .image-holder span {
margin: 0;
height: 100%;
}
.thumb-text li .box .image-holder img {
vertical-align: top;
width: 100%;
height: 100%;
object-fit: cover;
}
.thumb-text li .box .caption-holder {
flex-basis: 0;
flex-grow: 1;
color: #fff;
font-size: 1.6rem;
line-height: 1.65em;
padding: 4rem 3rem;
display: flex;
flex-direction: column;
justify-content: center;
}
.thumb-text li .box .caption-holder h3 {
font-size: 2rem;
line-height: 1.15em;
font-weight: 700;
font-family: var(--secondary-font);
margin: 0 0 0.8em;
}
.thumb-text li .box .caption-holder h3 a {
color: #fff;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
border-bottom: 1px dotted transparent;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.thumb-text li .box .caption-holder h3 a:hover,
.thumb-text li .box .caption-holder h3 a:focus {
text-decoration: none;
border-bottom-color: #fff;
}
.thumb-text li .box .caption-holder .apply-now {
font-size: 1.4rem;
line-height: 1.143em;
font-weight: 700;
color: #fff;
font-family: var(--secondary-font);
text-transform: uppercase;
letter-spacing: 1px;
padding: 1.2rem 2.5rem;
border: 2px solid #fff;
border-radius: 100px;
align-self: flex-start;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.thumb-text li .box .caption-holder .apply-now:hover,
.thumb-text li .box .caption-holder .apply-now:focus {
text-decoration: none;
color: var(--primary-color);
background: #fff;
}
.thumb-text li .box .caption-holder .apply-now:focus {
outline: thin dotted #fff;
}
.thumb-text li .box-1 .caption-holder {
background: #7a57d1;
}
.thumb-text li .box-2 .caption-holder {
background: #c50d66;
}
.thumb-text li .box-3 .caption-holder {
background: #f07810;
}
.thumb-text li .box-4 .caption-holder {
background: #8bc24c;
} .welcome-note {
text-align: left;
padding: 0;
}
.welcome-note .header-part {
width: 100%;
margin: 0;
padding: 8.7% 0;
display: flex;
flex-wrap: wrap;
}
.welcome-note .header-part .image-holder {
max-width: 570px;
margin-right: 3rem;
}
.welcome-note .header-part .caption-holder {
flex-basis: 0;
flex-grow: 1;
}
.welcome-note .header-part .caption-holder .section-title {
font-family: var(--secondary-font);
font-weight: 500;
color: #121212;
font-size: 4rem;
line-height: 1.25em;
margin: 0 0 0.5em;
}
.welcome-note .header-part .caption-holder .btn-readmore {
display: inline-block;
font-size: 1.4rem;
line-height: 1.143em;
letter-spacing: 1px;
font-weight: 700;
font-family: var(--secondary-font);
color: #fff;
background: var(--primary-color);
border: 2px solid var(--primary-color);
border-radius: 4px;
padding: 1.5rem 2.5rem;
text-transform: uppercase;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.welcome-note .header-part .caption-holder .btn-readmore:hover,
.welcome-note .header-part .caption-holder .btn-readmore:focus {
text-decoration: none;
color: var(--primary-color);
background: none;
}
.welcome-note .header-part .caption-holder .btn-readmore:focus {
outline-offset: 2px;
} .statcounter-wrap {
padding: 5% 0;
position: relative;
background-repeat: no-repeat;
background-size: cover;
}
.statcounter-wrap:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
content: "";
}
.statcounter-wrap .row {
position: relative;
display: flex;
flex-wrap: wrap;
}
.statcounter-wrap .row:after {
display: none;
}
.statcounter-wrap .col .text {
border: 0;
background: #fff;
text-align: center;
padding: 20px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
border-radius: 5px;
}
.statcounter-wrap .col .text .number {
font-size: 7.2rem;
line-height: 1.25em;
font-weight: 500;
font-family: var(--secondary-font);
color: var(--primary-color);
margin: 0 0 0.139em;
}
.statcounter-wrap .col .text span {
font-size: 1.6rem;
line-height: 1.65em;
font-weight: 700;
color: #121212;
} .featured-courses {
background: #fff;
padding: 4.2% 0;
}
.featured-courses .header-part {
max-width: 770px;
width: 100%;
margin: 0 auto 6rem;
font-size: 2rem;
line-height: 1.65em;
}
.featured-courses .header-part .section-title {
font-size: 4rem;
line-height: 1.25em;
font-weight: 500;
font-family: var(--secondary-font);
color: #121212;
margin: 0 0 0.25em;
}
.featured-courses ul {
margin: 0 -15px;
display: flex;
flex-wrap: wrap;
}
.featured-courses ul li {
width: 33.333%;
padding: 0 15px;
float: none;
display: block;
margin: 0 0 30px;
}
.featured-courses ul li .image-holder {
height: 100%;
display: flex;
flex-direction: column;
}
.featured-courses ul li .image-holder img {
border-radius: 10px 10px 0 0;
}
.featured-courses ul li .image-holder .text {
display: none;
}
.featured-courses ul li .image-holder .description {
position: unset;
width: inherit;
height: inherit;
text-align: left;
background: none;
padding: 0;
display: block;
border: 1px solid #f1f1f1;
border-top: 0;
border-radius: 0 0 10px 10px;
padding: 3rem;
flex-grow: 1;
}
.featured-courses ul li .image-holder .description h2:after {
display: none;
}
.featured-courses ul li .image-holder .description h2 {
font-family: var(--secondary-font);
color: #121212;
font-size: 2rem;
line-height: 1.4em;
font-weight: 700;
margin: 0 0 1em;
}
.featured-courses ul li .image-holder .description h2 a {
color: #121212;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.featured-courses ul li .image-holder .description h2 a:hover,
.featured-courses ul li .image-holder .description h2 a:focus {
text-decoration: none;
color: var(--primary-color);
}
.featured-courses ul li .image-holder .description .btn-readmore {
font-size: 1.4rem;
line-height: 0.875em;
font-family: var(--secondary-font);
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
position: relative;
padding-right: 35px;
}
.featured-courses ul li .image-holder .description .btn-readmore:after {
display: inline-block;
width: 25px;
height: 25px;
content: "";
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%233E5AFB' viewBox='0 0 32 32'%3E%3Cpath d='M0,15.3h22.5l-2.1-5.7c3.5,2.7,7.4,4.9,11.6,6.4c-4.2,1.5-8.1,3.7-11.6,6.4l2.1-5.7H0V15.3z'/%3E%3C/svg%3E") center center no-repeat;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.featured-courses ul li .image-holder .description .btn-readmore:hover,
.featured-courses ul li .image-holder .description .btn-readmore:focus {
text-decoration: none;
}
.featured-courses ul li .image-holder .description .btn-readmore:hover:after,
.featured-courses ul li .image-holder .description .btn-readmore:focus:after {
-webkit-transform: translate(10px, -50%);
-moz-transform: translate(10px, -50%);
transform: translate(10px, -50%);
} .theme {
background: url(//wp1.polyamory.de/wp-content/themes/university-zone/images/cta.jpg) no-repeat;
background-attachment: scroll;
}
.theme .theme-description {
background: rgba(var(--primary-color-rgb), 0.9);
padding: 5% 0;
}
.theme .header-part {
max-width: 770px;
width: 100%;
margin: 0 auto 4rem;
font-size: 2rem;
line-height: 1.65em;
}
.theme .header-part .section-title {
font-size: 4.8rem;
line-height: 1.25em;
font-weight: 500;
font-family: var(--secondary-font);
margin: 0 0 0.417em;
}
.theme .theme-description .apply {
font-size: 1.4rem;
line-height: 1.143em;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 700;
font-family: var(--secondary-font);
padding: 1.7rem 3rem;
border: 2px solid #fff;
border-radius: 4px;
margin: 0 15px 30px;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.theme .theme-description .apply:hover,
.theme .theme-description .apply:focus {
text-decoration: none;
color: var(--primary-color);
background: #fff;
border: 2px solid #fff;
} .choose-us {
background: #f6f6f6;
padding: 5% 0;
}
.choose-us .header-part {
max-width: 770px;
width: 100%;
margin: 0 auto 6rem;
font-size: 2rem;
line-height: 1.65em;
}
.choose-us .header-part .section-title {
font-size: 4rem;
line-height: 1.25em;
font-weight: 500;
font-family: var(--secondary-font);
color: #121212;
margin: 0 0 0.25em;
}
.choose-us .row {
display: flex;
flex-wrap: wrap;
}
.choose-us .row:after {
display: none;
}
.choose-us .col .holder {
background: #fff;
border-radius: 10px;
border: 1px solid #f1f1f1;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
padding: 3rem 1.5rem;
height: 100%;
}
.choose-us .col .img-holder {
width: 12rem;
height: 12rem;
margin: 0 auto 2rem;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.06);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.choose-us .col h3:after {
display: none;
}
.choose-us .col h3 {
font-family: var(--secondary-font);
font-weight: 700;
font-size: 2rem;
line-height: 1.15em;
margin: 0 0 0.8em;
}
.choose-us .col h3 a {
color: #121212;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.choose-us .col h3 a:hover,
.choose-us .col h3 a:focus {
text-decoration: none;
color: var(--primary-color);
}
.choose-us .col .btn-readmore {
font-size: 1.4rem;
line-height: 1.143em;
font-weight: 700;
letter-spacing: 1px;
font-family: var(--secondary-font);
letter-spacing: 1px;
text-transform: uppercase;
padding: 1.2rem 2.4rem;
border: 2px solid var(--primary-color);
display: inline-block;
border-radius: 100px;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.choose-us .col .btn-readmore:hover,
.choose-us .col .btn-readmore:focus {
text-decoration: none;
color: #fff;
background: var(--primary-color);
} .student-stories {
background: url(//wp1.polyamory.de/wp-content/themes/university-zone/images/testimonial.jpg) no-repeat;
background-attachment: scroll;
}
.student-stories .image-wrapper {
background: rgba(0, 0, 0, 0.7);
padding: 5% 0;
}
.student-stories .header-part {
max-width: 770px;
width: 100%;
margin: 0 auto 6rem;
font-size: 2rem;
line-height: 1.65em;
}
.student-stories .header-part .section-title {
font-size: 4rem;
line-height: 1.25em;
margin: 0 0 0.125em;
font-family: var(--secondary-font);
font-weight: 500;
}
.student-stories blockquote {
background: none;
max-width: 770px;
width: 100%;
margin: 0 auto;
font-size: 1.8rem;
line-height: 1.65em;
color: #fff;
padding: 14rem 0 0;
position: relative;
}
.student-stories blockquote cite img {
width: 10rem;
height: 10rem;
object-fit: cover;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
}
.student-stories blockquote cite span {
font-size: 2rem;
line-height: 1em;
font-weight: 700;
color: #fff;
}
#testimonials .owl-carousel .owl-nav .owl-prev,
#testimonials .owl-carousel .owl-nav .owl-next {
width: 5rem;
height: 5rem;
background: var(--primary-color);
border-radius: 50%;
}
#testimonials .owl-carousel .owl-nav .owl-prev {
left: 0;
}
#testimonials .owl-carousel .owl-nav .owl-next {
right: 0;
}
#testimonials .owl-carousel .owl-nav .owl-prev:after {
position: absolute;
top: 50%;
left: 50%;
width: 30px;
height: 30px;
content: "";
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 32 32'%3E%3Cpath d='M16,8l1.4,1.4L11.8,15H24v2H11.8l5.6,5.6L16,24l-8-8L16,8z'/%3E%3C/svg%3E") center center no-repeat;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#testimonials .owl-carousel .owl-nav .owl-next:after {
position: absolute;
top: 50%;
left: 50%;
width: 30px;
height: 30px;
content: "";
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 32 32'%3E%3Cpath d='M16,8l-1.4,1.4l5.6,5.6H8v2h12.2l-5.6,5.6L16,24l8-8L16,8z'/%3E%3C/svg%3E") center center no-repeat;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} .latest-events .header-part {
max-width: 770px;
width: 100%;
margin: 0 auto 6rem;
font-size: 2rem;
line-height: 1.65em;
}
.latest-events .header-part .section-title {
font-size: 4rem;
line-height: 1.25em;
font-weight: 500;
font-family: var(--secondary-font);
color: #121212;
margin: 0 0 0.25em;
}
.latest-events .col-1 .post .image-wrapper {
top: auto;
bottom: 4rem;
}
.latest-events .col-1 .post .image-wrapper .text {
margin-left: 4rem;
width: 65%;
padding: 4rem 3rem 3rem 3rem;
background: rgba(0, 0, 0, 0.8);
}
.latest-events .col-1 .post .entry-header {
padding: 0;
margin: 0 0 2rem;
}
.latest-events .entry-footer {
margin: 0;
}
.latest-events .post img {
border-radius: 10px;
}
.latest-events .post .entry-title {
font-size: 2.4rem;
line-height: 1.25em;
font-weight: 500;
font-family: var(--secondary-font);
margin: 0 0 0.292em;
}
.latest-events .col-1 .post .entry-title a {
color: #fff;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.latest-events .col-1 .post .entry-title a:hover,
.latest-events .col-1 .post .entry-title a:focus {
text-decoration: none;
}
.latest-events .col-1 .post .entry-meta {
font-size: 1.6rem;
line-height: 1.625em;
}
.latest-events .col-1 .post .entry-meta a {
color: rgba(255, 255, 255, 0.7);
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.latest-events .col-1 .post .entry-meta a:hover,
.latest-events .col-1 .post .entry-meta a:focus {
text-decoration: none;
color: #fff;
opacity: 1;
}
.latest-events .col-1 svg {
display: none;
}
.latest-events .col-1 .svg-holder svg {
display: block;
}
.latest-events .col-1 .posted-on,
.latest-events .col-1 .time {
position: relative;
padding-left: 30px;
}
.latest-events .col-1 .posted-on:before {
position: absolute;
top: 50%;
left: 0;
width: 32px;
height: 32px;
content: "";
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23B8B8B9' viewBox='0 0 32 32'%3E%3Cpath d='M22.7,8.5h-0.8V6.8h-1.7v1.7h-8.3V6.8h-1.7v1.7H9.3c-0.9,0-1.7,0.7-1.7,1.7v13.3c0,0.9,0.7,1.7,1.7,1.7h13.3c0.9,0,1.7-0.7,1.7-1.7V10.2C24.3,9.2,23.6,8.5,22.7,8.5z M22.7,23.5H9.3v-9.2h13.3V23.5z M22.7,12.7H9.3v-2.5h13.3V12.7z'/%3E%3C/svg%3E") center center no-repeat;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.latest-events .col-1 .time:before {
position: absolute;
top: 50%;
left: 0;
width: 20px;
height: 20px;
content: "";
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23B8B8B9' viewBox='0 0 20 20'%3E%3Cpath d='M10,0C4.5,0,0,4.5,0,10s4.5,10,10,10s10-4.5,10-10C20,4.5,15.5,0,10,0zM10,18c-4.4,0-8-3.6-8-8s3.6-8,8-8s8,3.6,8,8C18,14.4,14.4,18,10,18z M10.5,5H9v6l5.2,3.2l0.8-1.3l-4.5-2.7V5z'/%3E%3C/svg%3E") center center no-repeat;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.latest-events .col-1 .post .entry-content {
margin: 0 0 3rem;
font-size: 1.8rem;
line-height: 1.65em;
padding: 0;
}
.latest-events .col-1 .post .learn-more {
background: none;
color: var(--primary-color);
padding: 0 35px 0 0;
font-size: 1.4rem;
line-height: 1.143em;
font-weight: 700;
font-family: var(--secondary-font);
letter-spacing: 1px;
text-transform: uppercase;
position: relative;
}
.latest-events .col-1 .post .learn-more:after {
display: inline-block;
width: 25px;
height: 25px;
content: "";
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%233E5AFB' viewBox='0 0 32 32'%3E%3Cpath d='M0,15.3h22.5l-2.1-5.7c3.5,2.7,7.4,4.9,11.6,6.4c-4.2,1.5-8.1,3.7-11.6,6.4l2.1-5.7H0V15.3z'/%3E%3C/svg%3E") center center no-repeat;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.latest-events .col-1 .post .learn-more:hover,
.latest-events .col-1 .post .learn-more:focus {
text-decoration: none;
background: none;
color: #fff;
}
.latest-events .col-1 .post .learn-more:hover:after,
.latest-events .col-1 .post .learn-more:focus:after {
-webkit-transform: translate(10px, -50%);
-moz-transform: translate(10px, -50%);
transform: translate(10px, -50%);
}
.latest-events .col-2 ul {
border: 1px solid #f1f1f1;
border-radius: 10px;
}
.latest-events .col-2 ul li {
padding: 3rem;
border-bottom: 1px solid #f1f1f1;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.latest-events .col-2 ul li:last-child {
border-bottom: 0;
}
.latest-events .col-2 ul li:hover,
.latest-events .col-2 ul li:focus {
background: #f6f6f6;
}
.latest-events .col-2 .post {
border: 0;
margin: 0;
padding: 0;
}
.latest-events .col-2 .post .entry-title {
font-size: 1.8rem;
}
.latest-events .col-2 .post .entry-title a {
color: #121212;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.latest-events .col-2 .post .entry-title a:hover,
.latest-events .col-2 .post .entry-title a:focus {
text-decoration: none;
color: var(--primary-color);
opacity: 1;
}
.latest-events .col-2 svg {
display: none;
}
.latest-events .col-2 .post .entry-meta a {
color: #999596;
padding-left: 3rem;
position: relative;
}
.latest-events .col-2 .entry-meta a:before {
position: absolute;
top: 50%;
left: 0;
width: 32px;
height: 32px;
content: "";
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23999596' viewBox='0 0 32 32'%3E%3Cpath d='M22.7,8.5h-0.8V6.8h-1.7v1.7h-8.3V6.8h-1.7v1.7H9.3c-0.9,0-1.7,0.7-1.7,1.7v13.3c0,0.9,0.7,1.7,1.7,1.7h13.3c0.9,0,1.7-0.7,1.7-1.7V10.2C24.3,9.2,23.6,8.5,22.7,8.5z M22.7,23.5H9.3v-9.2h13.3V23.5z M22.7,12.7H9.3v-2.5h13.3V12.7z'/%3E%3C/svg%3E") center center no-repeat;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.latest-events .col-2 .entry-meta a:hover,
.latest-events .col-2 .entry-meta a:focus {
text-decoration: none;
color: var(--primary-color);
opacity: 1;
}
.latest-events .col-2 {
width: 33.333%;
}
.latest-events .col-1 {
width: 66.667%;
}
.latest-events .btn-learn-more {
margin: 6rem 0 0;
display: inline-block;
font-size: 1.4rem;
line-height: 1.143em;
letter-spacing: 1px;
font-weight: 700;
font-family: var(--secondary-font);
color: #fff;
background: var(--primary-color);
border: 2px solid var(--primary-color);
border-radius: 4px;
padding: 1.5rem 2.5rem;
text-transform: uppercase;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.latest-events .btn-learn-more:hover,
.latest-events .btn-learn-more:focus {
text-decoration: none;
color: var(--primary-color);
background: none;
} .photos-gallery {
background: #f6f6f6;
padding: 5% 0;
}
.photos-gallery h2 {
max-width: 770px;
text-align: center;
font-size: 4rem;
line-height: 1.25em;
font-family: var(--secondary-font);
color: #121212;
margin: 0 auto 0.125em;
}
.photos-gallery p {
max-width: 770px;
margin: 0 auto 1.5em;
text-align: center;
font-size: 2rem;
line-height: 1.65em;
}
.photos-gallery .gallery {
margin-top: 6rem;
}
.photos-gallery .gallery-item {
position: relative;
}
.photos-gallery .gallery-item img {
vertical-align: top;
border-radius: 5px;
}
.photos-gallery .gallery-item figcaption {
position: absolute;
top: 0;
left: 15px;
width: calc(100% - 30px);
height: 100%;
background: rgba(0, 0, 0, 0.5);
border-radius: 5px;
color: #fff;
align-items: flex-end;
justify-content: center;
display: flex;
padding: 2rem;
pointer-events: none;
opacity: 0;
visibility: hidden;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.photos-gallery .gallery-item:hover figcaption,
.photos-gallery .gallery-item:focus figcaption,
.photos-gallery .gallery-item:hover a:after,
.photos-gallery .gallery-item:focus a:after {
opacity: 1;
visibility: visible;
}
.photos-gallery .gallery-item a {
display: block;
position: relative;
}
.photos-gallery .gallery-item a:after {
position: absolute;
top: 50%;
left: 50%;
width: 4rem;
height: 4rem;
content: "";
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 512 512'%3E%3Cpath d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z'/%3E%3C/svg%3E") center center no-repeat;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 10;
opacity: 0;
visibility: hidden;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
} .search-section {
background: url(//wp1.polyamory.de/wp-content/themes/university-zone/images/bg-search.jpg) no-repeat;
background-size: cover;
padding: 5% 0;
position: relative;
}
.search-section:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(var(--primary-color-rgb), 0.9);
content: "";
}
.search-section .row {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
z-index: 1;
}
.search-section .col-1 {
width: 100%;
max-width: 770px;
text-align: center;
}
.search-section form {
max-width: 676px;
width: 100%;
height: auto;
border: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.search-section form label {
flex-basis: 0;
flex-grow: 1;
}
.search-section form input[type="submit"] {
font-size: 1.4rem;
line-height: 1.143em;
text-transform: uppercase;
letter-spacing: 1px;
font-family: var(--secondary-font);
color: #fff;
font-weight: 500;
background: #121212;
width: auto;
padding: 1.7rem 3rem;
border-radius: 5px;
margin-left: 2rem;
height: inherit;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.search-section form input[type="submit"]:hover,
.search-section form input[type="submit"]:focus {
background: var(--primary-color);
}
.search-section form input[type="search"] {
width: 100%;
padding: 0;
background: none;
border: 2px solid rgba(255, 255, 255, 0.2);
padding: 1.5rem 2rem; }
.search-section form input::placeholder {
color: #fff;
opacity: 1; }
.search-section form input:-ms-input-placeholder { color: #fff;
}
.search-section form input::-ms-input-placeholder { color: #fff;
} .page-header {
padding: 3rem 0;
}
.page-header .container:after {
display: none;
}
.page-header .container {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.page-header .page-title {
font-size: 4rem;
line-height: 1.65em;
font-family: var(--secondary-font);
font-weight: 700;
color: #121212;
}
#crumbs {
margin: 0;
font-size: 1.4rem;
line-height: 1.25em;
color: #121212;
font-family: var(--secondary-font);
font-weight: 500;
}
#crumbs a {
font-size: 1.4rem;
line-height: 1.25em;
font-weight: 500;
color: var(--primary-color);
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
#crumbs a:hover,
#crumbs a:focus {
text-decoration: none;
color: #121212;
opacity: 1;
}
#crumbs span:last-child .separator {
display: none;
}
#primary .post {
border: 1px solid #eee;
border-radius: 10px;
overflow: hidden;
}
#primary .entry-header {
padding: 3rem 3rem 0 3rem;
}
#primary .post .entry-header .entry-title {
font-size: 3rem;
line-height: 1.25em;
font-family: var(--secondary-font);
font-weight: 700;
color: #121212;
}
#primary .post .entry-header .entry-title a {
color: #121212;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
#primary .post .entry-header .entry-title a:hover,
#primary .post .entry-header .entry-title a:focus {
text-decoration: none;
color: var(--primary-color);
opacity: 1;
}
#primary .entry-meta a {
font-size: 1.4rem;
line-height: 1.111em;
}
#primary .post .entry-header .entry-meta a:hover,
#primary .post .entry-header .entry-meta a:focus {
text-decoration: none;
color: var(--primary-color);
opacity: 1;
}
#primary .post .entry-content {
padding: 0 3rem;
}
#primary .post .entry-footer {
padding: 0 3rem;
}
#primary .post .entry-footer .read-more {
display: inline-block;
font-size: 1.4rem;
line-height: 1.143em;
letter-spacing: 1px;
font-weight: 700;
font-family: var(--secondary-font);
color: #fff;
background: var(--primary-color);
border: 2px solid var(--primary-color);
border-radius: 4px;
padding: 1.5rem 2.5rem;
text-transform: uppercase;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
#primary .post .entry-footer .read-more:hover,
#primary .post .entry-footer .read-more:focus {
text-decoration: none;
color: var(--primary-color);
background: none;
}
.navigation.pagination .page-numbers {
font-size: 1.9rem;
line-height: 1.25em;
border-radius: 4px;
color: #121212;
font-family: var(--secondary-font);
font-weight: 500;
}
.navigation.pagination .page-numbers.current,
.navigation.pagination .page-numbers:hover,
.navigation.pagination .page-numbers:focus {
text-decoration: none;
border-color: var(--primary-color);
color: var(--primary-color);
} #secondary .widget {
border: 1px solid #eee;
border-radius: 10px;
padding: 2rem;
}
.widget-area .widget-title {
font-size: 1.9rem;
line-height: 1.158em;
margin: 0 0 1.211em;
font-weight: 500;
font-family: var(--secondary-font);
text-transform: none;
}
#secondary .widget-title {
color: #121212;
}
.widget-area .widget ul li {
margin-bottom: 1.2rem;
}
#secondary .widget ul li a {
font-size: 1.5rem;
line-height: 1.294em;
color: #121212;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
#secondary .widget ul li a:hover,
#secondary .widget ul li a:focus {
text-decoration: none;
color: var(--primary-color);
opacity: 1;
}
.widget-area .widget.widget_calendar table caption,
.widget-area .widget.widget_calendar table thead,
.widget-area .widget.widget_calendar table td a {
background: var(--primary-color);
}
.widget-area .gallery {
overflow: hidden;
margin: 0 -5px;
}
.widget-area .gallery .gallery-item {
padding: 0 5px;
margin: 0 0 10px;
}
.widget-area .gallery .gallery-item img {
border-radius: 4px;
}
.widget-area .gallery .gallery-item figcaption {
font-size: 1.3rem;
}
.widget-area .widget_media_image img {
vertical-align: top;
border-radius: 4px;
}
.widget-area .widget_education_zone_popular_post ul li img {
border-radius: 4px;
}
.widget-area .widget_education_zone_popular_post ul li .post .entry-title {
font-family: var(--secondary-font);
}
.widget-area .widget .search-form {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: 0 2rem;
}
.widget-area .widget .search-form input[type="submit"] {
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23121212' viewBox='0 0 512 512'%3E%3Cpath d='M508.5 481.6l-129-129c-2.3-2.3-5.3-3.5-8.5-3.5h-10.3C395 312 416 262.5 416 208 416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c54.5 0 104-21 141.1-55.2V371c0 3.2 1.3 6.2 3.5 8.5l129 129c4.7 4.7 12.3 4.7 17 0l9.9-9.9c4.7-4.7 4.7-12.3 0-17zM208 384c-97.3 0-176-78.7-176-176S110.7 32 208 32s176 78.7 176 176-78.7 176-176 176z'/%3E%3C/svg%3E") center center no-repeat;
width: 15px;
height: 20px;
border: 0;
}
.widget-area .widget .search-form input[type="search"] {
padding: 0;
width: 100%;
}
.widget-area .widget .search-form label {
flex-basis: 0;
flex-grow: 1;
margin-right: 2rem;
} .site-footer {
background: #121212;
}
.site-footer .widget-area .widget ul li a:hover,
.site-footer .widget-area .widget ul li a:focus {
color: #fff;
opacity: 1;
text-decoration: none;
} #primary .post .entry-content .wp-caption.alignnone,
#primary .page .entry-content .wp-caption.alignnone {
margin: 0 0 1.5em;
}
#primary .post .entry-content h1,
#primary .post .entry-content h2,
#primary .post .entry-content h3,
#primary .post .entry-content h4,
#primary .post .entry-content h5,
#primary .post .entry-content h6,
#primary .page .entry-content h1,
#primary .page .entry-content h2,
#primary .page .entry-content h3,
#primary .page .entry-content h4,
#primary .page .entry-content h5,
#primary .page .entry-content h6 {
color: #121212;
font-family: var(--secondary-font);
}
#primary .entry-content blockquote:before {
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%233E5AFB' viewBox='0 0 105 100'%3E%3Cpath d='M104.788,61.24a20.134,20.134,0,0,0-19-17c2.334-8.668,8-12.113,14.891-14.113a.805.805,0,0,0,.556-.889l-1.111-6.89s-.111-.556-1-.445C75.34,24.568,59.227,42.682,62.227,64.685,65.005,79.909,76.9,85.8,87.9,84.243a20.263,20.263,0,0,0,16.891-23Zm-75.9-17C31.112,35.57,37,32.125,43.781,30.125a.805.805,0,0,0,.556-.889l-1-6.89s-.111-.556-1-.445c-23.781,2.556-39.783,20.669-37,42.672C8.221,79.909,20.222,85.8,31.112,84.243a20.1,20.1,0,0,0,16.78-23A19.833,19.833,0,0,0,28.89,44.238Z'/%3E%3C/svg%3E") center center no-repeat;
}
.single-post .site-content .post .entry-content pre {
font-size: 16px;
}
.comment-form form input[type="submit"] {
background: var(--primary-color);
border: 2px solid var(--primary-color);
font-family: var(--secondary-font);
border-radius: 5px;
}
.comment-form form input[type="submit"]:hover,
.comment-form form input[type="submit"]:focus {
background: none;
color: var(--primary-color);
} .search .page-header {
margin: 0;
}
.search .page {
border: 1px solid #eee;
border-radius: 10px;
overflow: hidden;
}
.search #primary .page .entry-title a {
color: #121212;
font-family: var(--secondary-font);
}
.search #primary .page .entry-title a:hover,
.search #primary .page .entry-title a:focus {
text-decoration: none;
opacity: 1;
color: var(--primary-color);
}
.search #primary .page .entry-footer .read-more {
display: inline-block;
font-size: 1.4rem;
line-height: 1.143em;
letter-spacing: 1px;
font-weight: 700;
font-family: var(--secondary-font);
color: #fff;
background: var(--primary-color);
border: 2px solid var(--primary-color);
border-radius: 4px;
padding: 1.5rem 2.5rem;
text-transform: uppercase;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.search #primary .page .entry-footer .read-more:hover,
.search #primary .page .entry-footer .read-more:focus {
text-decoration: none;
color: var(--primary-color);
background: none;
}
.search .page-content .search-form {
display: flex;
flex-wrap: wrap;
}
.search .page-content .search-form label {
flex-grow: 1;
flex-basis: 0;
display: flex;
}
.search .page-content .search-form input[type="search"] {
width: 100%;
padding: 1.5rem;
}
.search .page-content .search-form input[type="submit"] {
border: 2px solid var(--primary-color);
height: inherit;
background: var(--primary-color);
font-family: var(--secondary-font);
color: #fff;
box-shadow: none;
border-radius: 4px;
font-size: 1.4rem;
line-height: 1.25em;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: none;
padding: 1.5rem;
margin-left: 1.5rem;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.search .page-content .search-form input[type="submit"]:hover,
.search .page-content .search-form input[type="submit"]:focus {
background: none;
color: var(--primary-color);
} .error404 .not-found span {
color: var(--primary-color);
}
.error404 .not-found h1 {
font-family: var(--secondary-font);
}
.error404 .homepage {
background: var(--primary-color);
font-size: 1.4rem;
line-height: 1.25em;
font-size: 700;
border-radius: 4px;
letter-spacing: 1px;
padding: 1.5rem 2rem;
font-weight: 700;
font-family: var(--secondary-font);
border: 2px solid var(--primary-color);
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.error404 .homepage:hover,
.error404 .homepage:focus {
text-decoration: none;
background: none;
color: var(--primary-color);
} .comments-title,
.comment-reply-title {
font-family: var(--secondary-font);
color: #121212;
font-weight: 500;
}
.reply a {
font-family: var(--secondary-font);
color: #121212;
}
.reply a:hover,
.reply a:focus {
text-decoration: none;
opacity: 1;
color: var(--primary-color);
}
.avatar.photo {
border-radius: 4px;
} @media only screen and (max-width: 1199px) {
.latest-events .col-1,
.latest-events .col-2 {
width: 100%;
margin: 0 0 2rem;
}
}
@media only screen and (max-width: 1024px) {
.banner img {
height: 60rem;
object-fit: cover;
}
.banner .banner-text .title {
font-size: 5.2rem;
}
}
@media only screen and (max-width: 991px) {
.mobile-header .site-branding {
flex-direction: row;
}
.main-navigation ul .menu-item-has-children:after {
display: none;
}
.main-navigation ul .menu-item-has-children {
padding-right: 0;
}
.mobile-menu .main-navigation ul li a:hover,
.mobile-menu .main-navigation ul li a:focus,
.mobile-menu .main-navigation ul li:hover>a,
.mobile-menu .main-navigation ul li:focus>a,
.mobile-menu .main-navigation ul .current-menu-item>a,
.mobile-menu .main-navigation ul .current-menu-ancestor>a,
.mobile-menu .main-navigation ul .current_page_item>a,
.mobile-menu .main-navigation ul .current_page_ancestor>a,
.mobile-menu .secondary-nav ul li a:hover,
.mobile-menu .secondary-nav ul li a:focus,
.mobile-menu .secondary-nav ul li:hover>a,
.mobile-menu .secondary-nav ul li:focus>a,
.mobile-menu .secondary-nav ul .current-menu-item>a,
.mobile-menu .secondary-nav ul .current-menu-ancestor>a,
.mobile-menu .secondary-nav ul .current_page_item>a,
.mobile-menu .secondary-nav ul .current_page_ancestor>a,
.mobile-menu .contact-info a:hover,
.mobile-menu .contact-info a:focus {
color: var(--primary-color);
}
.site-branding .text-logo {
text-align: left;
}
.featured-courses ul li {
width: 50%;
}
.mobile-menu .btn-cta {
margin: 0 3.2rem 1.5rem;
}
.mobile-menu .btn-cta a {
display: inline-block;
font-size: 1.4rem;
line-height: 1.143em;
letter-spacing: 1px;
font-weight: 700;
font-family: var(--secondary-font);
color: #fff;
background: var(--primary-color);
border: 2px solid var(--primary-color);
border-radius: 4px;
padding: 1.5rem 2.5rem;
text-transform: uppercase;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.mobile-menu .btn-cta a:hover,
.mobile-menu .btn-cta a:focus {
text-decoration: none;
background: none;
color: var(--primary-color);
}
input[type="submit"]:hover,
input[type="submit"]:focus {
color: rgba(0, 0, 0, 0.5);
}
.welcome-note .header-part .image-holder {
margin: 0 0 3rem;
max-width: 100%;
width: 100%;
}
.welcome-note .header-part .image-holder img {
width: 100%;
}
.choose-us .col {
margin: 0 0 3rem;
}
.statcounter-wrap .col .text .number {
font-size: 4rem;
}
.statcounter-wrap .col .text span {
font-size: 1.2rem;
}
.mobile-menu .btn-close-menu {
padding: 0px;
}
.mobile-menu .mobile-navigation .social-networks {
margin: 0;
padding: 15px 32px;
list-style: none;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.mobile-menu .main-navigation .social-networks li {
margin: 0 4px 4px 0;
}
.mobile-menu .main-navigation .social-networks li a {
width: 20px;
height: 40px;
padding: 20px;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #000;
-webkit-transition: ease 0.2s;
-moz-transition: ease 0.2s;
transition: ease 0.2s;
}
.mobile-menu .main-navigation .social-networks li a:hover,
.mobile-menu .main-navigation .social-networks li a:focus {
text-decoration: none;
border-color: #4aa0d7;
background: #4aa0d7;
color: #fff;
}
.mobile-menu .main-navigation .contact-info a:focus {
outline: 1px dotted rgba(0, 0, 0, 0.5);
}
.mobile-menu .angle-down:focus {
outline: 1px dotted rgba(0, 0, 0, 0.5);
}
.mobile-menu .main-navigation .btn-cta a {
outline: 1px dotted rgba(0, 0, 0, 0.5);
}
}
@media only screen and (max-width: 767px) {
.thumb-text {
margin-top: 0;
}
.thumb-text li {
width: 100%;
}
.thumb-text li .box .image-holder {
width: 100%;
}
.featured-courses ul li {
width: 100%;
}
.latest-events .col-1 .post .image-wrapper {
position: unset;
width: 100%;
}
.latest-events .col-1 .post .image-wrapper .text {
width: 100%;
margin: 0;
}
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item {
max-width: 50%;
}
}
@media only screen and (max-width: 600px) {
.gallery-columns-1 .gallery-item,
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item {
max-width: 100%;
width: 100%;
}
} .btn-form-close {
position: absolute;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23121212' viewBox='0 0 32 32'%3E%3Cpath d='M32,2.3L29.7,0L16,13.7L2.3,0L0,2.3L13.7,16L0,29.7L2.3,32L16,18.3L29.7,32l2.3-2.3L18.3,16L32,2.3z'/%3E%3C/svg%3E");
background-color: transparent;
top: 50%;
right: 47px;
width: 15px;
height: 15px;
padding: 0px;
border: 0;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
transform: translate(0, -50%);
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
opacity: 0;
border-radius: 0;
}
.btn-form-close:focus {
opacity: 1;
outline: 1px dotted rgba(0, 0, 0, 0.5);
}
.btn-form-close:hover,
.btn-form-close:focus {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23121212' viewBox='0 0 32 32'%3E%3Cpath d='M32,2.3L29.7,0L16,13.7L2.3,0L0,2.3L13.7,16L0,29.7L2.3,32L16,18.3L29.7,32l2.3-2.3L18.3,16L32,2.3z'/%3E%3C/svg%3E");
background-color: transparent;
} .single-post .entry-content a {
color: var(--font-color);
text-decoration: underline;
}
.single-post .entry-content a:hover {
color: var(--primary-color);
} .entry-content a,
.entry-summary a,
.page-content a,
.comment-content a,
.widget .textwidget a {
color: var(--font-color);
}
.entry-content a:hover,
.entry-summary a:hover,
.page-content a:hover,
.comment-content a:hover,
.widget .textwidget a:hover {
color: var(--primary-color);
}