$main-f: "gilroy";
$sec-f: "tahoma";
$third-f: "open";
$fiol: #4800a0;
$green: #ffe640;
$black: #282828;
$yellow: #ffe640;
@mixin anim {
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
@font-face {
font-family: 'gilroy';
src: url(//addrian.school/css/fonts/gilroy.otf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'tahoma';
src: url(//addrian.school/css/fonts/tahoma.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'open';
src: url(//addrian.school/css/fonts/opensans.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
//base_rools-start
.base_head {
font-family: $main-f;
text-align: center;
text-transform: uppercase;
margin-top: 20px;
margin-bottom: 5px;
}
.base_head_desc {
text-align: center;
margin-top: 0;
font-size: 14px;
}
.hid {
display: none;
}
section {
padding: 50px 0;
}
//base_rools-end
//form
.modal-title {
color: $fiol;
}
.modal_reg_btn {
border: 0;
color: $black;
text-align: center;
padding: 10px;
background: $green;
width: 90%;
border-radius: 3px;
margin: 0 auto;
margin-top: 20px;
display: block;
}
.modal_reg_input {
width: 90%;
border: 1px solid #c1bcbc;
padding: 10px;
border-radius: 3px;
margin: 0 auto;
margin-top: 10px;
color: #333;
display: block;
}
.modal_reg_hidden {
display: none;
}
//form
header {
position: fixed;
top: 0;
background-color: #FFF;
border-bottom: 1px solid #eae8e8;
width: 100%;
z-index: 99;
box-shadow: 0px 1px 7px #33333345;
.navbar {
background-color: #ffffff;
padding: 0;
.navbar-brand {
img {
width: 180px;
}
}
.navbar-collapse {
align-items: center;
.filial--city {
font-family: $sec-f;
font-size: 18px;
color: $fiol;
margin-left: 15px;
a {
display: inline-block;
background: $fiol;
padding: 4px 10px;
border-radius: 25px;
text-align: center;
color: #fff !important;
z-index: 15;
position: relative;
font-weight: 100;
font-size: 16px;
&:hover{
cursor: pointer;
}
}
.dropdown-menu {
left: 98px;
top: 18px;
min-width: 10px;
width: 110px;
background: #ffffff;
border: 0;
border-radius: 0px;
@include anim;
z-index: 0;
position: absolute;
box-shadow: 0px 0px 2px #a5a2a2;
.dropdown-item {
color: $black !important;
background: transparent;
&:first-child {
padding-top: 17px;
}
&:hover {
color: $fiol !important;
text-decoration: underline;
@include anim;
}
}
}
.kh{
width: 91px;
}
}
.filial--phone {
font-family: $sec-f;
color: $fiol;
font-size: 27px;
&:hover {
text-decoration: none;
}
}
.filial--promo {
background: #4800a0;
color: #fff;
padding: 8px 22px;
margin-left: 16px;
font-family: $sec-f;
border-radius: 40px;
&:hover, &:focus {
text-decoration: none;
background: $green;
color: $black;
@include anim;
}
}
}
}
}
.under-navbar {
ul {
margin: 0;
padding: 8px;
text-align: center;
border-top: 1px solid rgba(53, 15, 82, 0.18);
li {
display: inline-block;
a {
font-family: $sec-f;
color: $fiol;
padding: 5px 15px;
&:hover {
text-decoration: none;
}
}
}
}
}
.main {
padding: 0;
.swiper-container {
width: 100%;
height: 100vh;
min-height: 700px;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
.slide-content {
font-family: $sec-f;
h4 {
background: $yellow;
color: $black;
padding: 8px;
font-size: 17px;
width: 300px;
margin: 0 auto;
margin-bottom: 25px;
font-weight: bold;
}
.slide-text--offer {
position: relative;
h1 {
color: #fff;
text-transform: uppercase;
font-family: $sec-f;
font-size: 50px;
b {
color: $yellow;
font-size: 80px;
}
}
h3 {
color: #fff;
text-transform: uppercase;
letter-spacing: 4px;
font-size: 27px;
margin-top: 28px;
font-family: $sec-f;
}
img {
position: absolute;
top: -65px;
right: 0;
}
}
.slide-text--form {
font-family: $sec-f;
p {
margin-top: 40px;
color: #fff;
}
form {
display: flex;
border: 6px solid $fiol;
color: #000;
font-family: $sec-f;
font-size: 16px;
input {
display: block;
width: 25%;
margin: 0;
padding: 10px;
border: 0;
border-right: 1px solid #8c8b8b;
}
.btn {
border-radius: 0;
background: $yellow;
color: #282828;
font-size: 19px;
border: 0;
&:hover {
cursor: pointer;
background: #fbf0aa;
}
}
}
}
}
}
.s1, .s2, .s3, .s4 {
background-size: cover !important;
background-position: center !important;
}
.s1 {
background: url(//addrian.school/img/filial-main-slider/1.jpg);
}
.s2 {
background: url(https://addrian.school/img/filial-main-slider/2.jpg);
}
.s3 {
background: url(https://addrian.school/img/filial-main-slider/3.jpg);
}
.s4 {
background: url(//addrian.school/img/filial-main-slider/1.jpg);
}
.ss1 {
background: url(//addrian.school/img/hero.webp);
background-size: cover !important;
background-position: center !important;
}
.ss2 {
background: none;
background-size: cover !important;
background-position: center !important;
}
.swiper-pagination-bullet {
width: 10px;
height: 10px;
text-align: center;
line-height: 20px;
font-size: 1px;
color: transparent;
opacity: 1;
border: 1px solid #fff;
background: transparent;
}
.swiper-pagination-bullet-active {
color: #fff;
background: #fff;
}
}
.description {
.row {
display: flex;
justify-content: center;
p {
font-family: $sec-f;
color: $black;
text-align: center;
font-size: 20px;
width: 62%;
b {
color: $fiol;
}
strong {
background: $yellow;
font-style: italic;
}
}
}
}
.stat {
background: $yellow;
h3 {
@extend .base_head;
}
.stat-item {
margin-top: 40px;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
font-family: $sec-f;
h5 {
font-size: 46px;
font-weight: bold;
}
span {
text-transform: uppercase;
display: inline-block;
font-weight: bold;
font-size: 14px;
}
}
}
.courses,.spec-courses {
.course_frame {
margin-top: 57px;
border: 3px solid #4800a0;
padding-top: 10px;
position: relative;
padding: 10px 90px;
padding-bottom: 40px;
.course_frame--head {
color: #fff;
padding: 10px;
position: relative;
top: -35px;
background: $fiol;
text-transform: uppercase;
width: 250px;
font-size: 20px;
text-align: center;
margin: 0 auto;
}
.courses-line {
.no-margin {
.courses-line--item_content {
margin: 0;
}
}
.courses-line--item {
.courses-line--item_content {
border-radius: 6px;
background-color: #fff;
box-shadow: 0px 0px 8px rgba(58, 58, 58, 0.33);
position: relative;
display: flex;
flex-direction: column;
align-items: center;
padding-bottom: 22px;
margin: 15px 0;
.preview {
background-size: cover !important;
background-position: center !important;
height: 170px;
border-radius: 6px 6px 0 0;
border-bottom: 2px solid $fiol;
width: 100%;
.discount {
font-family: $sec-f;
color: #fff;
position: absolute;
top: 13px;
right: 8px;
}
}
h4 {
text-align: center;
text-transform: uppercase;
font-size: 16px;
margin-top: 20px;
color: $fiol;
font-family: $sec-f;
}
h2 {
font-family: $sec-f;
text-align: center;
font-size: 17px;
b {
color: $fiol;
font-size: 40px;
}
}
ul {
padding: 0;
margin: 10px 0;
list-style: none;
display: flex;
flex-direction: column;
align-items: center;
li {
width: 270px;
margin-bottom: 4px;
b {
width: 148px;
background: #e7e7e7;
color: $black;
font-family: $sec-f;
text-align: left;
padding: 3px;
padding-left: 5px;
font-weight: 100;
margin-right: 4px;
display: inline-block;
font-size: 14px;
}
strong {
width: 118px;
background: #e3d4ff;
color: $black;
font-family: $sec-f;
text-align: center;
padding: 3px;
font-weight: 100;
font-size: 14px;
display: inline-block;
}
}
}
a {
padding: 7px 14px;
background: #4800a0;
color: #fff;
margin-top: 13px;
border-radius: 65px;
&:hover, &:focus {
background: $green;
text-decoration: none;
@include anim;
color: $black;
}
}
&:hover{
box-shadow: 0px 0px 8px #470498a6;
@include anim;
}
}
}
}
}
.more_course{
color: #ffffff;
margin: 26px auto;
display: block;
background: $fiol;
border-radius: 60px;
border: 0;
padding: 14px;
font-family: $sec-f;
&:hover,&:focus,&:active{
@include anim;
background: $yellow;
color: $black;
cursor: pointer;
box-shadow: 0px 0px 0px;
}
}
.more_course_collapse{
.card-block{
padding: 0;
border: 0;
}
}
}
.spec-courses .course_frame{
border: 3px solid #ffe640;
.course_frame--head {
background: #ffe640;
width: 350px;
color: $black;
}
.courses-line .courses-line--item .courses-line--item_content {
ul li strong {
background: #f9f0b7;
}
&:hover{
box-shadow: 0px 0px 8px #c5ad0999;
@include anim;
}
}
.more_spec{
color: #ffffff;
margin: 26px auto;
display: block;
background: $fiol;
border-radius: 60px;
border: 0;
padding: 14px;
font-family: $sec-f;
&:hover,&:focus,&:active{
@include anim;
background: $yellow;
color: $black;
cursor: pointer;
box-shadow: 0px 0px 0px;
}
}
.more_spec_collapse{
.card-block{
padding: 0;
border: 0;
}
}
}
.promo {
background: url(//addrian.school/img/promo.jpg);
background-size: cover;
background-position: center;
h3 {
font-family: $third-f;
}
h3, p {
color: #fff;
}
.base_head_desc{
margin: 0 auto;
margin-bottom: 7px;
margin-top: 22px;
text-align: center;
display: inline-block;
font-size: 17px;
}
form {
width: 100%;
display: flex;
margin: 20px 0;
border: 6px solid $fiol;
margin-top: 0;
input {
width: 25%;
padding: 11px;
border-radius: 0px;
border: 0;
color: #b2adad;
border-right: 1px solid #333;
&:last-child {
border: 0;
}
}
.promo-btn {
background: $yellow;
color: $black;
text-transform: uppercase;
font-size: 19px;
&:hover{
cursor: pointer;
background: #fbf0aa;
@include anim;
}
}
}
}
.testimonials {
.accordeon {
.testimonials-item {
margin: 40px 0;
.accordeon-title {
padding: 0;
cursor: pointer;
h4 {
font-family: $sec-f;
color: $fiol;
font-size: 19px;
font-weight: bold;
}
p {
font-family: $sec-f;
font-size: 14px;
margin: 0;
}
a {
background: $yellow;
padding: 5px 10px;
color: $black;
pointer-events: none;
font-size: 14px;
position: relative;
border-radius: 15px;
top: 10px;
}
.testimonials-author {
position: relative;
margin-top: 25px;
padding-left: 60px;
img {
width: 46px;
position: absolute;
top: 0;
left: 0;
}
p {
font-family: $sec-f;
font-size: 15px;
color: $black;
line-height: 15px;
}
h5 {
font-weight: bold;
font-family: $sec-f;
font-size: 15px;
color: $fiol;
}
}
}
.accordeon-content {
display: none;
padding: 0;
p {
font-family: $sec-f;
font-size: 15px;
color: $black;
}
}
}
}
}
.open {
display: inline-block;
padding: 3px 7px;
cursor: pointer;
background: $yellow;
margin-top: 10px;
border-radius: 15px;
}
.hidd {
display: none;
margin: 0px 0;
padding: 5px;
}
.team{padding-bottom: 0;}
.under-team{
background: #e8e7ed;
}
.team,.under-team {
.team_back {
.team_top {
h2 {
font-family: $main-f;
}
p {
}
}
}
.row {
background: url(//addrian.school/img/team/team-back1.jpg);
div {
padding: 0;
height: 425px;
.team_photo {
background-size: cover;
background-position: center !important;
background-repeat: no-repeat !important;
.team_photo--overlay {
display: none;
h4 {
text-align: center;
margin-top: 20px;
font-size: 19px;
color: #fff;
font-family: $sec-f;
margin-bottom: 0;
}
span {
display: block;
text-align: center;
margin-top: 5px;
font-style: italic;
color: #fff;
}
}
&:hover .team_photo--overlay {
display: flex;
width: 100%;
height: 100%;
background: rgba(72, 0, 160, 0.7);
flex-direction: column;
justify-content: center;
align-items: center;
@include anim;
}
}
}
}
}
.gift_cards {
background: $fiol;
height: 210px;
padding: 0;
margin: 50px 0;
.promo_block {
display: flex;
position: relative;
height: 210px;
justify-content: flex-end;
padding-left: 550px;
img {
position: absolute;
bottom: 0;
left: 0;
}
.promo_block-text {
h3 {
font-family: $main-f;
color: #fff;
text-transform: uppercase;
font-size: 30px;
margin-top: 30px;
}
p {
color: #fff;
font-family: $sec-f;
font-size: 16px;
width: 80%;
}
a {
text-align: center;
padding: 10px;
display: block;
font-family: $main-f;
font-size: 16px;
text-transform: uppercase;
background: $green;
color: $black;
border-radius: 50px;
width: 110px;
margin: 0px !important;
margin-top: 20px !important;
&:hover, &:focus {
background: #fbf0aa;
text-decoration: none;
color: $black;
@include anim;
}
}
}
}
}
.precont {
position: relative;
height: 600px;
width: 100%;
display: flex;
justify-content: flex-end;
#map {
width: 100%;
height: 100%;
position: absolute;
top: 0;
z-index: 0;
}
.map_block {
background: rgba(72, 0, 160, 0.9);
border-radius: 0;
border: 0;
padding: 15px;
z-index: 0;
position: relative;
width: 300px;
margin: auto 0;
margin-right: 15%;
padding-top: 25px;
padding-bottom: 0;
h3 {
font-family: $sec-f;
font-size: 20px;
text-align: center;
color: #fff;
margin-bottom: 20px;
}
h5 {
font-family: $sec-f;
font-size: 17px;
text-align: center;
color: #fff;
}
ul {
font-family: $sec-f;
list-style: none;
padding: 0;
margin-top: 10px;
li {
text-align: center;
color: #fff;
a {
color: #fff;
&:hover {
text-decoration: none;
}
}
form{
input{
background: transparent;
color: #fff;
border: 0;
}
}
}
.precont_main_phone{
margin-top: 20px;
font-size: 19px;
span{
font-size: 11px;
position: relative;
top: -10px;
color: #d5b4ea;
}
}
}
}
}
.projects {
background: $fiol;
padding: 20px 0;
h3, p {
color: #fff;
}
.projects-line {
justify-content: space-evenly;
a {
display: flex;
justify-content: center;
align-items: center;
img {
width: 80%;
}
}
}
}
.footer {
background: $fiol;
padding-bottom: 0;
.footer_logo {
margin-bottom: 40px;
width: 180px;
}
ul {
list-style: none;
padding: 0;
li {
padding-left: 7px;
a {
color: #d5b4f8;
&:hover {
text-decoration: none;
color: #fff;
@include anim;
}
}
&:before {
content: url(//addrian.school/img/arrow.png);
position: relative;
left: -6px;
}
}
}
h4 {
font-family: $sec-f;
color: #fff;
text-transform: uppercase;
font-size: 15px;
margin-bottom: 20px;
}
.direction {
h4 {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #fff;
}
.logos {
display: flex;
a {
img {
width: 100%;
}
}
}
}
.social {
display: flex;
justify-content: flex-end;
ul {
display: flex;
justify-content: flex-end;
margin-top: 2px;
background: #370673;
width: auto;
li {
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
border-left: 2px solid #4800a0;
&:before {
content: "";
}
h4 {
margin: 0;
font-size: 14px;
line-height: 21px;
}
a {
img {
width: 30px;
}
&:hover {
}
}
}
}
}
.rights {
color: #d5b4f8;
text-align: center;
font-family: $sec-f;
margin: 0;
padding: 10px 0;
width: 100%;
margin-top: 20px;
border-top: 1px solid #d5b4f8;
font-size: 12px;
}
}
@media (max-width: 991px) {
.gift_cards {
height: auto;
.promo_block {
height: auto;
padding-left: 0;
justify-content: space-between;
align-items: flex-end;
img {
position: relative;
width: 280px;
margin-right: 45px;
}
.promo_block-text {
padding-bottom: 22px;
p {
font-size: 14px;
width: 100%;
}
}
}
}
header .navbar {
justify-content: space-between;
.navbar-collapse .filial--phone {
display: none !important;
}
}
.main .swiper-slide .slide-content{
&>h4{display: none;}
.slide-text--form {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
p {font-size: 14px;}
form {
flex-direction: column;
justify-content: center;
align-items: center;
width: 80%;
border: 0;
input{
border:0;
width: 100%;
margin-bottom: 10px;
padding: 4px;
}
}
}
.slide-text--offer {
h1 {
font-size: 35px;
margin-top: 35px;
}
h3 {
font-size: 17px;
}
img {
top: -46px;
right: 127px;
width: 83px;
}
}
}
.promo form {
width: 80%;
display: flex;
border: 0;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 20px auto;
input{
width: 100%;
margin-bottom: 10px;
border: 0;
}
}
.team .row div,.under-team .row div {
height: 280px;
.team_photo {
background-size: contain !important;
background-position: bottom !important;
}
}
.footer .social ul {
width: 77%;
flex-direction: column;
li h4{
text-align: center;
}
}
}
@media(max-width: 770px){
.footer_logo {width: 159px;}
}
@media (max-width: 768px) {
.team .row div,.under-team .row div {
height: 425px;
.team_photo {
background-position: center !important;
border-bottom: 10px solid #fff;
}
.t-last{
border-bottom: 0px solid #fff;
}
}
.navbar-light .navbar-toggler {
margin-top: 11px;
}
.navbar-collapse {
align-items: center;
padding: 20px 0;
}
.mr-auto {margin-bottom: 15px;}
.description .row p {width: 100%;}
.footer {
.footer_logo {width: 159px;}
.social 
{
justify-content: center;
width: 200px!important;
}
}
}
@media (min-width: 768px) {
.navbar-expand-custom {
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-custom .navbar-nav {
flex-direction: row;
}
.navbar-expand-custom .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem;
}
.navbar-expand-custom .navbar-collapse {
display: flex !important;
}
.navbar-expand-custom .navbar-toggler {
display: none;
}
}
@media (max-width: 615px) {
.gift_cards {
.promo_block {
img {
display: none;
}
.promo_block-text {
text-align: center;
p {
width: 90%;
margin: 15px auto;
}
}
}
}
.gift_cards .promo_block .promo_block-text a {
margin: 0px auto !important;
}
}
@media (max-width: 520px) {
.main .swiper-slide .slide-content .slide-text--offer img {
display: none;
}
.under-navbar{
display: none;
}
.hid{display: block;}
.nav-item{
padding-left: 15px;
&:first-child{padding: 0;}
}
.precont {
justify-content: center;
align-items: center;
.map_block{
margin: 0;
}
}
.courses .course_frame,.spec-courses .course_frame {padding: 10px 15px;}
.main .swiper-slide .slide-content .slide-text--offer {
h1 {font-size: 22px;}
b{font-size: 54px;}
}
.courses .course_frame .courses-line .courses-line--item .courses-line--item_content ul,.spec-courses .course_frame .courses-line .courses-line--item .courses-line--item_content ul {
li {
width: 250px;
margin-bottom: 4px;
b {
width: 136px;
font-size: 13px;
}
strong {
width: 110px;
font-size: 13px;
}
}
}
.promo h3 {font-size: 21px;}
.main .swiper-slide .slide-content .slide-text--form p {width: 80%;}
.spec-courses .course_frame .course_frame--head {
background: #ffe640;
width: 229px;
color: #282828;
font-size: 13px;
}
}
.head-line {
color: #9220ac;
font-size: 25px;
text-transform: uppercase;
text-align: center;
}
.descr-line {
font-family: "myriad", sans-serif;
color: #353434;
font-size: 14px;
text-align: center;
margin-bottom: 45px;
font-style: italic;
}
.camps .camps-choose {
display: flex;
justify-content: space-around;
width: 100%;
}
.camps .camps-choose .nik {
background: url(//addrian.school/img/type/4.jpg);
}
.camps .camps-choose .kherson {
background: url(//addrian.school/img/type/3.jpg);
}
.camps .camps-choose .camps-choose__item {
display: flex;
align-items: flex-end;
width: 23.5%;
background-size: cover !important;
border-radius: 3px; overflow: hidden;
box-shadow: 0 0 8px #071b5282;
}
table.socialtop {
margin-top: 30px;
}*{
outline: none;
outline-width: 0;
outline-color: transparent;
}
.hid-for-blog {
display: none !important;
}
.blog-posts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.blog-post {
width: 33.33%;
padding: 15px;
}
.blog-post a,
.blog-post a:hover {
text-decoration: none;
color: initial;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 5px;
overflow: hidden;
background-color: #f4f7fb;
}
.blog-post>* {
height: 100%;
}
.post-container {
text-align: justify;
}
.post-container .row:first-child {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 950px;
margin: 0 auto;
margin-bottom: 20px;
}
.blog-post .post-content {
padding: 10px 8%;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.blog-post img {
width: 100%;
height: auto;
}
.blog-post .post-content h4 {
color: #6189fc;
}
.blog-post .post-footer,
.info-wrap .post-footer,
.posts-slide .post-footer {
margin-top: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-top: 1px solid rgba(97, 137, 252, .7);
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 10px 7%;
}
.info-wrap .post-footer {
padding: 0;
border-top: 0;
min-width: 239px;
}
.post-content p {
margin-top: auto;
}
.blog-post .post-footer>div,
.info-wrap .post-footer>div,
.posts-slide .post-footer>div {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.blog-post .post-footer>div:nth-child(1):before,
.info-wrap .post-footer>div:nth-child(1):before,
.posts-slide .post-footer>div:nth-child(1):before {
content: '';
background-image: url(//addrian.school/wp-content/themes/addrian_school/img/icons.png);
width: 16px;
height: 15px;
display: block;
margin: auto;
margin-right: 5px;
background-position: right top;
}
.blog-post .post-footer>div:nth-child(2):before,
.info-wrap .post-footer>div:nth-child(2):before,
.posts-slide .post-footer>div:nth-child(2):before {
content: '';
background-image: url(//addrian.school/wp-content/themes/addrian_school/img/icons.png);
width: 21px;
height: 15px;
display: block;
margin: auto;
background-position: -17px top;
margin-right: 5px;
}
.blog-post .post-footer>div:nth-child(3):before,
.info-wrap .post-footer>div:nth-child(3):before,
.posts-slide .post-footer>div:nth-child(3):before {
content: '';
background-image: url(//addrian.school/wp-content/themes/addrian_school/img/icons.png);
width: 16px;
height: 15px;
display: block;
margin: auto;
background-position: left top;
margin-right: 5px;
}
.blog-post .post-footer p,
.info-wrap .post-footer p,
.posts-slide .post-footer p {
margin: 0;
}
.posts-slide h4 {
font-size: 17px;
text-align: left;
}
.load_more>a,.load_more>span {
background: #fc6161;
color: #fff;
border-radius: 2px;
font-family: "myriad", sans-serif;
padding: 0;
font-size: 17px;
width: 100%;
max-width: 270px;
text-align: center;
line-height: 33px;
display: block;
margin: 20px auto;
text-decoration: none !important;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.load_more>a:hover {
color: #fff;
background: #ef4d4d;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.subscribe_section {
text-align: center;
background-color: #f4f7fb;
margin-top: 30px;
}
.subscribe_section .form-wrap {
width: 480px;
margin: 0 auto;
margin-top: 20px;
}
.subscribe_section .form-wrap form>p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.subscribe_section .your-email {
width: 70%;
}
.subscribe_section .wpcf7-submit {
padding: 0;
border-radius: 0px 2px 2px 0;
background: #6189fc;
text-transform: uppercase;
color: #fff;
font-size: 14px;
-webkit-transition: all 0.4s;
transition: all 0.4s;
border: none;
height: 38px;
width: 30%;
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
background-color: white;
border: none;
font-size: 25px;
}
.wpcf7-form-control.wpcf7-text.wpcf7-email {
height: 38px;
width: 100%;
border: 1px solid #c1bcbc;
padding: 0 10px;
border-radius: 3px 0 0 3px;
margin: 0 auto;
color: #333;
display: block;
font-size: 15px;
}
.social-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
padding: 3%;
background-color: #f4f7fb;
margin: 20px -15px;
}
.social-wrapper>a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: black;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: white !important;
padding: 4px 11px 4px 4px;
border-radius: 3px;
font-size: 17px;
text-decoration: none !important;
}
.social-wrapper svg {
display: block;
width: 18px !important;
height: 18px !important;
}
.post-container img {
max-width: 100%;
width: auto;
height: auto;
display: block;
margin: 20px auto;
}
.back-wrap {
position: relative;
padding-left: 19px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.back-wrap a {
position: relative;
z-index: 5;
line-height: 23px;
font-size: 14px;
display: block;
color: #488aff;
}
.back-wrap::before {
content: '';
display: block;
width: 15px;
height: 15px;
border-top: 1px solid #488aff;
border-left: 1px solid #488aff;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.posts-slide {
padding: 10px;
height: 100%;
}
.posts-slide img {
margin: 0;
}
.posts-slide>a {
border-radius: 5px;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: #f4f7fb;
text-decoration: none !important;
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
margin-left: auto;
margin-right: auto;
}
.slick-track::before,
.slick-track::after {
display: table;
content: none !important;
}
.slick-slide {
display: none;
float: none !important;
height: initial !important;
min-height: 1px;
}
.slick-slide>div {
height: 100%;
}
.posts-slide .post-content {
padding: 6px;
}
.post-slider.slick-slider .slick-next.slick-arrow {
background-color: transparent;
border: none;
color: transparent;
width: 20px;
height: 20px;
border-top: 2px solid #488aff;
border-right: 2px solid #488aff;
padding: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.post-slider.slick-slider .slick-prev.slick-arrow {
background-color: transparent;
border: none;
color: transparent;
width: 20px;
height: 20px;
border-top: 2px solid #488aff;
border-left: 2px solid #488aff;
padding: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.post-slider.slick-slider{display: -webkit-box !important;display: -ms-flexbox !important;display: flex !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
margin-bottom: 25px !important;
width: 100% !important;
}
.posts-slide .post-footer {
padding: 10px 5%;
font-size: 12px;
}
.post-container .embed-container > iframe {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.post-container .embed-container {
position: relative;
max-width: 780px;
width: 95%;
margin: 0 auto;
padding-bottom: 49%;
}
@media only screen and (max-width: 1200px) {} @media only screen and (max-width: 991px) {
.blog-post {
width: 50%;
}
.social-wrapper > a {font-size: 12px;}
.posts-slide .post-footer {
padding: 10px 5%;
font-size: 12px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.posts-slide .post-footer > div:first-child {width: 100%;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;}
.posts-slide h4 {
font-size: 14px;}
.posts-slide .post-footer > div:nth-child(1)::before {margin: initial;}
.subscribe_section h3 {
font-size: 22px;
}
} @media only screen and (max-width: 768px) {} @media only screen and (max-width: 570px) {
.blog-post {
width: 100%;
padding: 5px;
}
.social-wrapper {padding: 16px 2% 6px;
max-width: 300px;
margin: 0 auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.social-wrapper > a {
margin-bottom: 10px;
}
.subscribe_section .form-wrap {
width: 300px;}
.subscribe_section .wpcf7-submit {font-size: 11px;}
.subscribe_section h3 {
width: 95%;
margin: 0 auto;
}
} @media only screen and (max-width: 400px) {
.info-wrap .post-footer {
padding: 0;
min-width: 210px;
}
}