body {
padding-top: 0px;
padding-bottom: 0px; font-family: 'Poppins', sans-serif;
position:relative;
overflow-x: hidden;
}
a,
a:active,
a:focus,
button,
button:focus,
button:active,
.btn,
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn.active.focus {
outline: none;
outline: 0;
}
input::-moz-focus-inner {
border: 0;
}
.theme-dropdown .dropdown-menu {
position: static;
display: block;
margin-bottom: 20px;
}
.theme-showcase > p > .btn {
margin: 5px 0;
}
.theme-showcase .navbar .container {
width: auto;
}
li a:hover {
text-decoration:none;
}
.no-resize {
resize:none !important;
}
input[type="file"].form-control {
height:auto !important;
} .owl-nav .owl-prev,
.owl-nav .owl-next {
position:absolute;	
}
#banner-carousel .owl-controls .owl-nav .owl-prev,
#banner-carousel .owl-controls .owl-nav .owl-next {
top:0;
bottom:0;
margin:auto;
width:20px;
height:20px;
font-size:2em;
color:#4670bb;
}
#banner-carousel .owl-controls .owl-nav .owl-prev {
left:5%;
}
#banner-carousel .owl-controls .owl-nav .owl-next {
right:5%;
}   .pad0T {
padding-top: 0px !important;
}
.pad0R {
padding-right: 0px !important;
}
.pad0B {
padding-bottom: 0px !important;
}
.pad0L {
padding-left: 0px !important;
}
.pad0A {
padding: 0px !important;
} .pad5T {
padding-top: 5px !important;
}
.pad5R {
padding-right: 5px !important;
}
.pad5B {
padding-bottom: 5px !important;
}
.pad5L {
padding-left: 5px !important;
}
.pad5A {
padding: 5px !important;
} .pad10T {
padding-top: 10px !important;
}
.pad10R {
padding-right: 10px !important;
}
.pad10B {
padding-bottom: 10px !important;
}
.pad10L {
padding-left: 10px !important;
}
.pad10A {
padding: 10px !important;
} .pad15T {
padding-top: 15px !important;
}
.pad15R {
padding-right: 15px !important;
}
.pad15B {
padding-bottom: 15px !important;
}
.pad15L {
padding-left: 15px !important;
}
.pad15A {
padding: 15px !important;
} .pad20T {
padding-top: 20px !important;
}
.pad20R {
padding-right: 20px !important;
}
.pad20B {
padding-bottom: 20px !important;
}
.pad20L {
padding-left: 20px !important;
}
.pad20A {
padding: 20px !important;
} .pad30T {
padding-top: 30px !important;
}
.pad30R {
padding-right: 30px !important;
}
.pad30B {
padding-bottom: 30px !important;
}
.pad30L {
padding-left: 30px !important;
}
.pad30A {
padding: 30px !important;
} .pad40T {
padding-top: 40px !important;
}
.pad40R {
padding-right: 40px !important;
}
.pad40B {
padding-bottom: 40px !important;
}
.pad40L {
padding-left: 40px !important;
}
.pad40A {
padding: 40px !important;
} .mrg0T {
margin-top: 0px !important;
}
.mrg0R {
margin-right: 0px !important;
}
.mrg0B {
margin-bottom: 0px !important;
}
.mrg0L {
margin-left: 0px !important;
}
.mrg0A {
margin: 0px !important;
} .mrg5T {
margin-top: 5px !important;
}
.mrg5R {
margin-right: 5px !important;
}
.mrg5B {
margin-bottom: 5px !important;
}
.mrg5L {
margin-left: 5px !important;
}
.mrg5A {
margin: 5px !important;
} .mrg10T {
margin-top: 10px !important;
}
.mrg10R {
margin-right: 10px !important;
}
.mrg10B {
margin-bottom: 10px !important;
}
.mrg10L {
margin-left: 10px !important;
}
.mrg10A {
margin: 10px !important;
} .mrg15T {
margin-top: 15px !important;
}
.mrg15R {
margin-right: 15px !important;
}
.mrg15B {
margin-bottom: 15px !important;
}
.mrg15L {
margin-left: 15px !important;
}
.mrg15A {
margin: 15px !important;
} .mrg20T {
margin-top: 20px !important;
}
.mrg20R {
margin-right: 20px !important;
}
.mrg20B {
margin-bottom: 20px !important;
}
.mrg20L {
margin-left: 20px !important;
}
.mrg20A {
margin: 20px !important;
} .mrg30T {
margin-top: 30px !important;
}
.mrg30R {
margin-right: 30px !important;
}
.mrg30B {
margin-bottom: 30px !important;
}
.mrg30L {
margin-left: 30px !important;
}
.mrg30A {
margin: 30px !important;
} .mrg40T {
margin-top: 40px !important;
}
.mrg40R {
margin-right: 40px !important;
}
.mrg40B {
margin-bottom: 40px !important;
}
.mrg40L {
margin-left: 40px !important;
}
.mrg40A {
margin: 40px !important;
} .font_10 {
font-size: 10px !important;
}
.font_12 {
font-size: 12px !important;
}
.font_14 {
font-size: 14px !important;
}
.font_16 {
font-size: 16px !important;
}
.font_18 {
font-size: 18px !important;
}
.font_20 {
font-size: 20px !important;
}
.font_24 {
font-size: 24px !important;
}
.font_28 {
font-size: 28px !important;
}
.font_32 {
font-size: 32px !important;
} header{
padding-top: 20px;
padding-bottom: 21px;
border-top: #e33029 4px solid;
}
header .head_con_list{
padding: 0;
margin: 0;
list-style: none;
}
header .head_con_list li{
padding: 0;
margin: 0;	
display: inline-block;
}
header .head_con_list li.tel a{
color: #302e31;
font-size: 19px;
font-family: 'Alata', sans-serif;
display: block;
padding: 0 15px;
position: relative;
}
header .head_con_list li.tel a:after{
width: 1px;
height: 20px;
background: #dbdadb;
content: "";
position: absolute;
right: -5px;
top: 0;
bottom: 0;
margin: auto;
}
header .head_con_list li.tel a img{
position: relative;
left: -4px;
top: -3px;
}
header .head_con_list li.mailto a{
color: #302e31;
font-size: 14px;
font-family: 'Poppins', sans-serif;
display: block;
padding: 0 17px;
letter-spacing: .4px;
}
header .head_con_list li.mailto {
position: relative;
top: -3px;
}
header .head_social{
padding: 0;
margin: 0 1px 0 0;
list-style: none;
}
header .head_social li{
padding: 0 16.5px;
margin: 0;
display: inline-block;
}
header .head_social li:last-child{
padding-right: 5px;
}
header .head_social li a{
color: #fff;
font-size: 17px;
display: block;
text-align: center;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
padding: 1px;
}
.head_social li.social.x-icon a img{ filter: invert(100%)!important; }
header .head_social li a i{
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
header .head_social li a:hover i{
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.sec_right{
justify-content: flex-end;
}
.btn-black {
background: #000;
color: #fff;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
font-family: 'Alata', sans-serif;
border: #000 1px solid;
padding: 4px 31px 6px;
font-size: 16px;
text-decoration: none;
transition-duration: 1s;
-webkit-transition-duration: 1s;
display: inline-block;
margin-right: 3px;
letter-spacing: .4px;
}
.btn-black:focus, .btn-black:hover {
background: #6e6b6e;
color: #fff;
border: #6e6b6e 1px solid;
transition-duration: 1s;
-webkit-transition-duration: 1s;
}
.btn-black img{
position: relative;
left: -8px;
bottom: 3px;
}
.menu_sec{
margin-top: 9px;
}
header a.logo_area {
position: relative;
display: inline-block; }
a.custom-logo-link img{width:100%; height: auto; }
header a.custom-logo-link img{ max-width: 85px;}
footer a.custom-logo-link img{ max-width: 140px;}
header .search_area{
width: 300px;
height: auto;
background: #fff;
padding: 4px;
border: #a9ce38 1px solid;
position: absolute;
right: 0;
top: 55px;
z-index: 9999;
display: none;
}
header .form-control {
height: 40px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #000;
font-family: 'Raleway', sans-serif;
background-color: rgba(255,255,255,1);
background-image: none;
border: 1px solid #a9ce38;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition-duration: 1s;
-webkit-transition-duration: 1s;
}
header .form-control:focus {
border-color: #a9ce38;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(169, 206, 56,.075), 0 0 8px rgba(169, 206, 56,.6);
box-shadow: inset 0 1px 1px rgba(169, 206, 56,.075), 0 0 8px rgb(169, 206, 56,.6);
transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
}
header .btn-search{
background: #a9ce38;
color: #fff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: #a9ce38 1px solid;
padding: 7px 15px;
font-size: 16px;
font-weight: 300;
text-decoration: none;
}
header .btn-search:focus, header .btn-search:hover {
background: rgb(235, 0, 140);
color: #fff;
border: #eb008c 1px solid;
transition-duration: 1s;
-webkit-transition-duration: 1s;
} #banner-carousel .overlay{
width: 75%;
height: auto;
position: absolute;
left: 0;
right: 0;
bottom: 153px;
margin: 0 auto;
text-align: center;
}
#banner-carousel .overlay h4{
font-size: 29px;
color: #fff;
font-weight: bold;
font-family: 'Poppins', sans-serif;
margin-top: 0;
margin-bottom: 0;
text-shadow: 0px 0px 6px #000000;
line-height: .8;
}
#banner-carousel .overlay h1{
font-size: 79px;
color: #fff;
font-weight: bold;
font-family: 'Poppins', sans-serif;
margin-top: 0;
margin-bottom: 0;
text-shadow: 0px 0px 6px #000000;
}
#banner-carousel .owl-item.active h1{
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: bounceIn;
animation-delay: 0.3s;
}
#banner-carousel .owl-item.active h4{
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeInDown;
animation-delay: 0.3s;
} .dine-divider {
overflow: hidden;
text-align: center;
font-size: 14px;
width: 100%;
margin: 0 auto 44px auto;
}
.divider-inner {
position: relative;
display: inline-block;
}
.divider-inner:before {
width: 9px;
height: 9px;
background: #c4c4c4;
border-radius: 50%;
content: "";
position: absolute;
right: -25px;
top: 1px;
bottom: 0;
margin: auto;
}
.divider-inner:after {
width: 9px;
height: 9px;
background: #c4c4c4;
border-radius: 50%;
content: "";
position: absolute;
left: -25px;
top: 1px;
bottom: 0;
margin: auto;
}
.divider-line.line-left {
right: 100%;
margin-right: 25px;
}
.divider-line {
position: absolute;
top: 50%;
border-top: #c4c4c4 1px solid;
width: 90px;
}
.divider-line.line-right {
left: 100%;
margin-left: 25px;
}
.divider-line {
position: absolute;
top: 50%;
border-top:#c4c4c4 1px solid;
width: 615px;
}
.dine-divider h3{
font-size: 24px;
color: #000;
font-weight: 300;
font-family: 'Poppins', sans-serif;
margin-top: 0;
margin-bottom: 0;
}
#message_area {
background-image: url(//straffanschool.com/wp-content/themes/StraffanNationalSchool/assets/img/message_area_bg.jpg); background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-top: 40px;
padding-bottom: 40px;
}
#message_area .message_txt{
width: 100%;
height: auto;
text-align: center;
}
#message_area .message_txt .coma_img{
width: 21px;
height: 18px;
margin: 0 auto 18px auto;
}
#message_area .message_txt p{
font-size: 17px;
color: #5e5e5e;
font-weight: 300;
font-family: 'Poppins', sans-serif;
line-height: 1.5;
margin-bottom: 35px;
}
.btn-red{
background: #e33029;
color: #fff;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
font-family: 'Poppins', sans-serif;
font-weight: 300;
border: #e33029 1px solid;
padding: 8px 36px;
font-size: 17px;
text-decoration: none;
}
.single .btn-red{
background: #e33029;
color: #fff;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
font-family: 'Poppins', sans-serif;
font-weight: 300;
border: #e33029 1px solid;
padding: 8px;
font-size: 12px;
text-decoration: none;
width: 100%;
margin-top: 35px
}
.btn-red:focus, .btn-red:hover{
background: #412673;
color: #fff;
border: #412673 1px solid;
transition-duration: 1s;
-webkit-transition-duration: 1s;
} #events_area{
background: url(//straffanschool.com/wp-content/themes/StraffanNationalSchool/assets/img/events_area_bg.jpg) no-repeat;
background-size: cover;
position: relative;
}
#events_area .calendar_area{
padding-top: 70px;
padding-bottom: 65px;
}
#events_area .calendar_area > div{
height: auto !important;
}
#events_area .dine-divider h3{
color: #fff;
}
#events_area .dine-divider {
text-align: left;
margin: 0 auto 18px auto;
}
#events_area .divider-inner:after{
display: none;
}
#events_area .divider-inner:before {
width: 6px;
height: 6px;
background: #718bb3;
}
#events_area .divider-line {
border-top: #806ea1 1px solid;
}
.upcoming_area .upcoming{
padding: 30px 0 0 40px;
}
.upcoming_area .upcoming .events_sec {
width: 96%;
position: relative;
}
.upcoming_area .upcoming .events_sec .event_list{
padding: 0 50px 0 0;
margin: 0;
list-style: none;
}
.upcoming_area .upcoming .events_sec .event_list li{
padding: 20px 0 19px 0;
margin: 0;
background: url(//straffanschool.com/wp-content/themes/StraffanNationalSchool/assets/img/border_img.png) repeat-x bottom left;
}
.upcoming_area .upcoming .events_sec .event_list li a{
font-size: 18px;
color: #fff;
font-weight: 300;
font-family: 'Poppins', sans-serif;
text-decoration: none;
display: block;
}
.upcoming_area .upcoming .events_sec .event_list li a span{
color: #829bc2;
display: block;
} #latest_news_area{
padding-top: 40px;
padding-bottom: 35px;
}
#latest_news_area .news_area{
width: 100%;
height: auto;
margin-bottom: 30px;
}
#latest_news_area .news_area .news_img{
width: 100%;
height: auto;
border-radius: 10px;
overflow: hidden;
margin-bottom: 30px;
}
#latest_news_area .news_area .news_img img{
width: 100%;
}
#latest_news_area .news_area .news_txt{
width: 100%;
height: auto;
}
#latest_news_area .news_area .news_txt p{
font-size: 15px;
line-height: 1.5;
color: #000;
font-weight: 500;
font-family: 'Poppins', sans-serif;
margin-bottom: 8px;
}
#latest_news_area .news_area .news_txt p a{
color: #1e4e9d;
text-decoration: none;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
#latest_news_area .news_area .news_txt p a:hover{
color: #ff905e;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
} #extra_area{ background-image: url(//straffanschool.com/wp-content/themes/StraffanNationalSchool/assets/img/extra_area_bg.png); height: 621px; background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-top: 50px;
}
#extra_area h3{
font-size: 24px;
color: #fff;
font-weight: 300;
font-family: 'Poppins', sans-serif;
margin-top: 0;
margin-bottom: 60px;
text-align: center;
}
.list_extra{
padding: 0;
margin: 0;
list-style: none;
}
.extra_area{
width: 100%;
height: auto;
position: relative;
text-align: center;
border: #fff 1px solid;
border-radius: 6px;
padding: 30px 25px;
overflow: hidden;
min-height: 370px;
}
.extra_area h3{
font-size: 20px;
color: #fff;
font-weight: 300;
font-family: 'Poppins', sans-serif;
margin-top: 0;
margin-bottom: 20px;
}
.extra_area p{
font-size: 15px;
color: #9ea6b2;
font-family: 'Poppins', sans-serif;
font-weight: 400;
line-height: 1.5;
padding-bottom: 35px;
position: relative;
}
.extra_area p:after{
width: 30px;
height: 3px;
background: #FFF;
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
}
.extra_area .extra_ico{
width: 80px;
height: 56px;
margin: 0 auto 20px auto;
text-align: center;
}
.extra_area .extra_ico img{
width: auto;
margin: 0 auto;
}
.extra_area .extra_hover{
width: 100%;
height: auto;
text-align: center;
background: #2c0f63;
padding: 30px 25px;
position: absolute;
left: 0;
right: 0;
top: 100%;
bottom: 0;
-webkit-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
}
.extra_area .extra_hover .btn-red{
margin-top: 15px;
}
.extra_area:hover .extra_hover{
top: 0;
-webkit-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
}
#extra-carousel .owl-nav {
width: 50px;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
}
#extra-carousel .owl-nav .owl-prev,
#extra-carousel .owl-nav .owl-next {
bottom:-54px;
margin:auto;
width:18px;
height:30px;
cursor: pointer;
opacity: .4;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
#extra-carousel .owl-nav .owl-prev:hover,
#extra-carousel .owl-nav .owl-next:hover {
opacity: 1;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
#extra-carousel .owl-nav .owl-prev {
left:0;
}
#extra-carousel .owl-nav .owl-next {
right:0;
} #gallery_area{
padding-top: 40px;
padding-bottom: 40px;
}
#gallery_area .gallery{
padding: 0;
margin: 0;
list-style: none;
width: 100%;
float: left;
position: relative;
}
#gallery_area .gallery li{
padding: 0 0;
margin: 6px 6px;
display: inline-flex;
width: 32%;
float: left;
overflow: hidden;
border-radius: 20px;
}
#gallery_area .gallery li img{
width: 100%;
}
#gallery_area .gallery li.btn_area{
position: absolute;
left: 0;
right: 6px;
bottom: 6px;
margin: 0 auto;
}
.btn-redbig{
background: #e33029;
color: #fff;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;																		
border-radius: 16px;
font-family: 'Poppins', sans-serif;
font-weight: 300;
border: #e33029 1px solid;
padding: 14px 32px;
font-size: 24px;
text-decoration: none;
width: 100%;
display: block;
}
.btn-redbig:focus, .btn-redbig:hover{
background: #412673;
color: #fff;
border: #412673 1px solid;
transition-duration: 1s;
-webkit-transition-duration: 1s;
} footer{
background: #412673;
padding-top: 57px;
}
footer h4{
font-size: 24px;
color: #ffffff;
font-weight: 300;
font-family: 'Poppins', sans-serif;
margin-top: 0;
margin-bottom: 18px;
}
footer .big_footer{
padding-bottom: 20px;
}
footer .big_footer p{
font-size: 18px;
color: #fff;
font-weight: 400;
font-family: 'Poppins', sans-serif;
margin-bottom: 18px;
}
footer .big_footer p span{
font-size: 16px;
color: #b187ff;
display: block;
}
footer .big_footer p a{
color: #fff;
text-decoration: none;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
footer .big_footer p a:hover{
color: #e33029;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
footer .copy_footer{
background: #21025a;
padding-top: 20px;
padding-bottom: 20px;
}
footer .copy_footer .footer_menu{
padding: 0;
margin: 0;
list-style: none;
}
footer .copy_footer .footer_menu li{
padding: 0 35px;
margin: 0;
display: inline-block;
font-size: 16px;
color: #fff;
font-weight: 300;
font-family: 'Poppins', sans-serif;
position: relative;
}
footer .copy_footer .footer_menu li:after{
width: 2px;
height: 15px;
background: #9e81d3;
content: "";
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
footer .copy_footer .footer_menu li:last-child:after{
display: none;
}
footer .copy_footer .footer_menu li a{
color: #b187ff;
text-decoration: none;
}
footer .copy_footer .footer_menu li a:hover{
color: #fff;
}
footer .copy_footer .footer_menu li:nth-child(2){
color: #b187ff;
}
footer .copy_footer .footer_menu li:nth-child(2) a{
color: #fff;
text-decoration: none;
}
footer .copy_footer .footer_menu li:nth-child(2) a:hover{
color: #b187ff;
} #about_page {
display: block;
background: #fff;
}
.inner_page {
width: 100%;
height: auto;
padding-bottom: 40px;
padding-top: 40px;
}
.inner_page .headline {
text-align: left;
margin-bottom: 40px;
}
.inner_page .headline h2 {
font-family: 'Poppins', sans-serif;
color: #000;
font-size: 24px;
font-weight: 300;
margin-bottom: 0;
padding-bottom: 20px;
position: relative;
}
.inner_page .headline h2:after {
width: 42px;
height: 2px;
background: #e33029;
content: "";
position: absolute;
left: 0;
bottom: 0;
right: auto;
top: auto;
}
.inner_page p {
font-family: 'Poppins', sans-serif;
font-size: 14px;
color: #000;
font-weight: 400;
line-height: 1.5;
margin-bottom: 35px;
}
#about_page p a {
color: #f6891f;
text-decoration: none;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
#about_page p a:hover {
color: #5c5c5c;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
} .inner-banner-section {
position: relative;
background: #000;
max-height: 562px;
overflow: hidden;
width: 100%;
height: auto;
}
.inner-banner-section img {
width: 100%;
opacity: 1;
} #contact_form1 label {
text-transform: uppercase;
font-family: 'Poppins', sans-serif;
font-weight: 600;
font-size: 13px;
}
.form-control {
display: block;
width: 100%;
height: 44px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #000;
font-family: 'Poppins', sans-serif;
background-color: rgba(255,255,255,1);
background-image: none;
border: 1px solid #d7d5d6;
border-radius: 30px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition-duration: 1s;
-webkit-transition-duration: 1s;
}
textarea.form-control {
height: auto;
}
.form-control:focus {
border-color: #e33029;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(227,48,41,.075), 0 0 8px rgba(227,48,41,.075);
box-shadow: inset 0 1px 1px rgba(227,48,41,.075), 0 0 8px rgba(227,48,41,.075);
transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
}
#contact_page .contact_txt table {
border-color: transparent;
margin-bottom: 30px;
}
#contact_page .contact_txt table td {
vertical-align: top;
border-color: transparent;
}
#contact_page .contact_txt p, #contact_page .contact_txt p a {
font-size: 16px;
color: #000;
font-weight: 400;
font-family: 'Poppins', sans-serif;
text-decoration: none;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
#contact_page .contact_txt p i {
color: #000;
margin-right: 10px;
}
#contact_page .contact_txt p span {
color: #e33029;
margin-right: 10px;
width: 74px;
display: inline-block;
}
#contact_page .contact_txt p a:hover {
color: #e33029;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
#contact_page .btn-red {
margin-top: 25px;
}     .stellarnav.mobile.right > ul {
z-index: 99;
}
@media (min-width:1200px){.container{max-width:1170px}} #events_area .readmore{
margin-bottom: 20px;
}
#gdpr-cookie-message {
position: fixed;
right: 30px;
bottom: 30px;
max-width: 375px;
background-color:#3b3646;
padding: 20px;
border-radius: 5px;
box-shadow: 0 6px 6px rgba(0,0,0,0.25);
margin-left: 30px;
font-family: system-ui;
z-index: 9999;
}
#gdpr-cookie-message h4 {
color: #ee4b5a;
font-family: 'Quicksand', sans-serif;
font-size: 18px;
font-weight: 500;
margin-bottom: 10px;
}
#gdpr-cookie-message h5 {
color: var(--red);
font-family: 'Quicksand', sans-serif;
font-size: 15px;
font-weight: 500;
margin-bottom: 10px;
}
#gdpr-cookie-message p, #gdpr-cookie-message ul {
color: white;
font-size: 15px;
line-height: 1.5em;
}
#gdpr-cookie-message p:last-child {
margin-bottom: 0;
text-align: right;
}
#gdpr-cookie-message li {
width: 49%;
display: inline-block;
}
#gdpr-cookie-message a {
color: #ee4b5a;
text-decoration: none;
font-size: 15px;
padding-bottom: 2px;
border-bottom: 1px dotted rgba(255,255,255,0.75);
transition: all 0.3s ease-in;
}
#gdpr-cookie-message a:hover {
color: white;
border-bottom-color: #ee4b5a;
transition: all 0.3s ease-in;
}
#gdpr-cookie-message button,
button#ihavecookiesBtn {
border: none;
background: #ee4b5a;
color: white;
font-family: 'Quicksand', sans-serif;
font-size: 15px;
padding: 7px;
border-radius: 3px;
margin-left: 15px;
cursor: pointer;
transition: all 0.3s ease-in;
}
#gdpr-cookie-message button:hover {
background: white;
color: #ee4b5a;
transition: all 0.3s ease-in;
}
button#gdpr-cookie-advanced {
background: white;
color: #ee4b5a;
}
#gdpr-cookie-message button:disabled {
opacity: 0.3;
}
#gdpr-cookie-message input[type="checkbox"] {
float: none;
margin-top: 0;
margin-right: 5px;
}
.download_app a img{
margin-bottom: 20px;
}
.extra_curricular_read_more{
margin-top: 70px;
}
.hdownload img{
width: 150px;
}
#schholnewsapi h3 {
font-size: 17px;
color: #000;
font-family: 'Poppins', sans-serif;
margin-top: 16px;
margin-bottom: 0;
min-height: 65px;
}
#schholnewsapi h5 {
font-size: 13px;
color: #666;
font-weight: 300;
font-family: 'Poppins', sans-serif;
margin-top: 10px;
margin-bottom: 0;
font-style: italic;
}
#schholnewsapi p {
font-size: 14px;
color: #4d4d4d;
margin: 7px 0 10px 0;
min-height: 69px;
}
.moremore_latest a { color: #1507ec;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
font-family: 'Poppins', sans-serif;
font-weight: 300; padding: 3px 18px;
font-size: 15px;
text-decoration: none;
margin-top: 13px;
display: inline-block;
margin-bottom: 15px;
}
#schholnewsapi2 h3{
font-size: 18px;
color: #000;
font-weight: normal;
font-family: 'Poppins', sans-serif;
margin-top: 16px;
margin-bottom: 0;
}
#schholnewsapi2 h5{
font-size: 15px;
color: #000;
font-weight: 300;
font-family: 'Poppins', sans-serif;
margin-top: 10px;
margin-bottom: 0;
}
#schholnewsapi2 p{
margin-bottom: 3px !important;
min-height: 72px;
}
#schholnewsapi2 .moremore_latest {
margin-bottom: 20px;
}
.news-feed-box h3 {
font-size: 17px;
color: #000;
font-family: 'Poppins', sans-serif;
margin-top: 16px;
margin-bottom: 0;
min-height: 65px;
}
.news-feed-box h5 {
font-size: 13px;
color: #666;
font-weight: 300;
font-family: 'Poppins', sans-serif;
margin-top: 10px;
margin-bottom: 0;
font-style: italic;
}
.news-feed-box p {
font-size: 15px;
color: #4d4d4d;
margin: 7px 0 10px 0;
}
.upcoming > div {
overflow: hidden !important;
}
.stellarnav.mobile > ul > li > a.dd-toggle:before
{
display: none;
}
.wpcf7-validation-errors {
border: 2px solid red !important;
color: red !important;
}
div.wpcf7-mail-sent-ok {
color: green;
}
span.red {
color: #f00;
}
.big_footer iframe{
width: 100%;
}
.contact_txt iframe{
width: 100%;
}
.principal_box img {
width: 100%; }
.principal_box .title-homepageservice {
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
text-align: center;
color: #fff;
padding: 10px;
margin: 0;
font-weight: 700;
}
.principal_box {
position: relative;
margin-bottom: 30px;
}
.news-feed-box {
border: 1px solid #e8e8e8;
padding: 15px;
margin-bottom:20px;
}
.straffon-landing h2 {
font-size: 24px;
margin: 0 0 27px 0;
}
.strafon-list {
padding: 0;
margin: 0;
list-style: none;
}
.strafon-list li {
font-size: 21px;
color: #666;
margin-bottom: 15px;
}
.download-app h3 {
color: #666;
margin: 0 0 37px 0;
}
.store-list {
padding: 0;
margin: 0;
list-style: none;
display: flex;
flex-direction: column;
}
.store-list li {
margin: 8px;
}
.search-straffan {
background: #d6d5d4;
padding: 20px 0;
}
.search-straffan h5 {
margin: 0 0 24px 0;
font-size: 27px;
color: #666;
font-weight: normal;
line-height: 1.4;
}
.listing{
padding:0;
margin: 0;
}
.listing li{
font-size: 16px;
list-style-type: none;
}
.default-page img{
width: 100%;
}
.rightimg img{
width: 30%;
float: left;
padding: 0 20px 10px 0px;	
}
.rightimg {width: 100%;}
.event_content h3 {
margin: 0 0 10px 0;
font-size: 25px;
text-transform: uppercase;
font-weight: 500;
}
.events_post_fld {
margin: 0;
padding: 0;
overflow: auto;
height: 429px;
position: relative;
}
.events_post_fld::-webkit-scrollbar {
width: 8px;
} .events_post_fld::-webkit-scrollbar-track {
background: #f1f1f1; 
} .events_post_fld::-webkit-scrollbar-thumb {
background: #000; 
} .events_post_fld::-webkit-scrollbar-thumb:hover {
background: #000; 
}
.event_post {
margin: 0;
padding: 10px 0;
border-bottom: 1px solid #eaeaea;
}
.event_post h4 {
margin: 0 0 5px 0;
padding: 0;
font-size: 14px;
color: #5AA4A3;
text-transform: uppercase;
font-weight: 600;
}
.event_post h3 {
margin: 0 0 10px 0;
padding: 0;
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
}
.event_post p {
margin: 0;
padding: 0;
} #banner-carousel .owl-dots {
position: absolute;
bottom: 20px;
margin-top: 0;
z-index: 99;
left: 0;
right: 0;
text-align: center;
}
#banner-carousel .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
background: none;
color: inherit;
border: none;
padding: 0 !important;
font: inherit;
}
#banner-carousel .owl-dots .owl-dot {
width: 11px;
height: 11px;
margin: 2px;
text-indent: -999px;
cursor: pointer;
background-color: rgb(255, 255, 255);
border: none;
border-radius: 10px;
}
#banner-carousel .owl-dots .owl-dot.active,
#banner-carousel .owl-dots .owl-dot:hover {
background-color: #17873b;
width: 12px;
height: 12px;
}
.gallery_btn{margin-top: 0;}
.gallery_btn a{margin-top: 0;}
#banner-carousel .owl-nav{display: none;}
.page-id-169 a p{background: #e33029;
color: #fff;
width: 100%;
padding: 9px 20px;
border-radius: 22px;
text-align: center;text-decoration: none;}
.blogdetails {
width: 100%;
}
.home .news_area h3{
font-size: 18px;
color: #000;
font-weight: normal;
font-family: 'Poppins', sans-serif;
margin-bottom: 15px;
}
nav.navigation.post-navigation {
display: none !important;
}
footer .head_social {float: left;    padding: 0; display: flex; gap: 20px; align-items: center;}
footer .head_social li{ margin: 0;
display: block;
padding-bottom: 22px;
}
footer .head_social li:last-child{
padding-right: 5px;
}
footer .head_social li a{
color: #fff;
font-size: 17px;
display: block;
text-align: center;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
padding: 1px;
}
footer .head_social li a i{
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
footer .head_social li a:hover i{
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
footer .logo{ width: 100%;  max-width: 120px;}
footer .two-col{ display:flex; }
footer .two-col p{ margin-right: 20px; }  .blog_tagh2 {
background-color: #242424;
color: #fff;
text-transform: uppercase;
font-size: 23px;
font-weight: 400;
line-height: 24px;
padding: 14px 20px;
margin: 0;
font-family: 'Alegreya Sans', sans-serif;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.blog_post li {
border-bottom: 1px solid #e1e1e1;
padding: 25px 20px;
}
.postimg {
width: 108px;
overflow: hidden;
float: left;
}
.postimg img {
border: 1px solid #e1e1e1;
max-width: 100%;
}
.postcontent {
float: left;
width: 64%;
padding: 0 15px;
}
.blog_post p {
color: #6e6e6e;
font-size: 12px;
line-height: 20px;
margin-bottom: 0;
}
#schholnewsapi22 a{    
max-height: 271px;
width: 100%;
margin-bottom: 11px;
overflow: hidden;
display: block;}
#schholnewsapi22 a img{ 
width: 100%;
height: auto;
max-height: 100%;
min-height: 271px;
}
#loading-wrapper {
position: relative;
width: 100%;
height: 100%;
left: 0;
top: 22px;
z-index: 999;
}
#loading-text {
display: block;
position: absolute;
top: 0;
left: 50%;
color: #e33029;
width: 100px;
height: 30px;
margin: -14px 0 0 -52px;
text-align: center;
font-family: 'PT Sans Narrow', sans-serif;
font-size: 16px;
}
#loading-content {
display: block;
position: relative;
left: 50%;
top: 50%;
width: 160px;
height: 160px;
margin: -85px 0 0 -85px;
border: 3px solid #F00;
}
#loading-content:after {
content: "";
position: absolute;
border: 3px solid #0F0;
left: 15px;
right: 15px;
top: 15px;
bottom: 15px;
}
#loading-content:before {
content: "";
position: absolute;
border: 3px solid #00F;
left: 5px;
right: 5px;
top: 5px;
bottom: 5px;
}
#loading-content {
border: 3px solid transparent;
border-top-color: #4D658D;
border-bottom-color: #4D658D;
border-radius: 50%;
-webkit-animation: loader 2s linear infinite;
-moz-animation: loader 2s linear infinite;
-o-animation: loader 2s linear infinite;
animation: loader 2s linear infinite;
}
#loading-content:before {
border: 3px solid transparent;
border-top-color: #e33029;
border-bottom-color: #e33029;
border-radius: 50%;
-webkit-animation: loader 3s linear infinite;
-moz-animation: loader 2s linear infinite;
-o-animation: loader 2s linear infinite;
animation: loader 3s linear infinite;
}
#loading-content:after {
border: 3px solid transparent;
border-top-color: #84417C;
border-bottom-color: #84417C;
border-radius: 50%;
-webkit-animation: loader 1.5s linear infinite;
animation: loader 1.5s linear infinite;
-moz-animation: loader 2s linear infinite;
-o-animation: loader 2s linear infinite;
}
@-webkit-keyframes loaders {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
#content-wrapper {
color: #FFF;
position: fixed;
left: 0;
top: 20px;
width: 100%;
height: 100%;
}
#header
{
width: 800px;
margin: 0 auto;
text-align: center;
height: 100px;
background-color: #666;
}
#content
{
width: 800px;
height: 1000px;
margin: 0 auto;
text-align: center;
background-color: #888;
}
#schholnewsapi22 h3{
text-align: center;
display: block;
font-size: small;
font-weight: 800;
}
.sub_box{margin-bottom: 35px;}
.sub_box h3{font-size: 30px;padding: 0px 0 23px;}
.sub_box a{font-size: 20px;
text-decoration: none;
background: #e33029;
padding: 25px 16px;
color: #fff;
display: inline-block;
width: 100%;
margin-bottom: 10px;
text-align: center;}
.overlay p{color: #fff;font-size: 18px;}
#top_section{    text-align: center;
padding: 20px;
background: #cc0909;}
#top_section h1{color: #fff;
text-transform: uppercase;
font-size: 52px;}
#top_section a{color: #fff;
font-weight: 200;}
.page-id-169 .inner_page h3{    text-align: center;
margin: 0 0 20px 0;}
.news-feed-box-img img{width:100%;}
.main_top {
background: #e33029;
}
.main_top_con {
text-align: center;
padding: 20px 0 20px 0;
}
.main_top_con h1 {
font-size: 80px;
font-weight: 700;
color: #fff;
}
.main_top_con h4 a{
color:#fff;
}
.stellarnav > ul > .current-menu-ancestor > a:before {
width: 0% !important;
}