Skip to content
Snippets Groups Projects

school_theme-3419225: Fixed instagram logo blinking issue

3 files
+ 630
453
Compare changes
  • Side-by-side
  • Inline
Files
3
css/style.css 100755 → 100644
+ 130
43
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/fontawesome.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/fontawesome.min.css");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
html,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
body,
caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav,
div,
output, ruby, section, summary, time, mark, audio, video {
span,
 
applet,
 
object,
 
iframe,
 
h1,
 
h2,
 
h3,
 
h4,
 
h5,
 
h6,
 
p,
 
blockquote,
 
pre,
 
a,
 
abbr,
 
acronym,
 
address,
 
big,
 
cite,
 
code,
 
del,
 
dfn,
 
em,
 
img,
 
ins,
 
kbd,
 
q,
 
s,
 
samp,
 
small,
 
strike,
 
strong,
 
sub,
 
sup,
 
tt,
 
var,
 
b,
 
u,
 
i,
 
center,
 
dl,
 
dt,
 
dd,
 
ol,
 
ul,
 
li,
 
fieldset,
 
form,
 
label,
 
legend,
 
table,
 
caption,
 
tbody,
 
tfoot,
 
thead,
 
tr,
 
th,
 
td,
 
article,
 
aside,
 
canvas,
 
details,
 
embed,
 
figure,
 
figcaption,
 
footer,
 
header,
 
hgroup,
 
menu,
 
nav,
 
output,
 
ruby,
 
section,
 
summary,
 
time,
 
mark,
 
audio,
 
video {
margin: 0;
margin: 0;
padding: 0;
padding: 0;
border: 0;
border: 0;
@@ -14,7 +91,17 @@ output, ruby, section, summary, time, mark, audio, video {
@@ -14,7 +91,17 @@ output, ruby, section, summary, time, mark, audio, video {
}
}
/* HTML5 display-role reset for older browsers */
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
article,
 
aside,
 
details,
 
figcaption,
 
figure,
 
footer,
 
header,
 
hgroup,
 
menu,
 
nav,
 
section {
display: block;
display: block;
}
}
@@ -130,14 +217,14 @@ img {
@@ -130,14 +217,14 @@ img {
height: 4px;
height: 4px;
text-indent: -999px;
text-indent: -999px;
overflow: hidden;
overflow: hidden;
background: #00A0A0;
background: #00a0a0;
border: none;
border: none;
margin: 5px;
margin: 5px;
cursor: pointer;
cursor: pointer;
opacity: 0.3;
opacity: 0.3;
}
}
.slick-dots .slick-active button {
.slick-dots .slick-active button {
background: #00A0A0;
background: #00a0a0;
opacity: 1;
opacity: 1;
}
}
@@ -145,7 +232,8 @@ img {
@@ -145,7 +232,8 @@ img {
min-height: 550px;
min-height: 550px;
}
}
h4, h5 {
h4,
 
h5 {
font-family: "Poppins", sans-serif;
font-family: "Poppins", sans-serif;
font-size: 24px;
font-size: 24px;
line-height: 1.3;
line-height: 1.3;
@@ -153,7 +241,8 @@ h4, h5 {
@@ -153,7 +241,8 @@ h4, h5 {
color: #2c2c2c;
color: #2c2c2c;
}
}
@media only screen and (max-width: 767px) {
@media only screen and (max-width: 767px) {
h4, h5 {
h4,
 
h5 {
font-size: 20px;
font-size: 20px;
}
}
}
}
@@ -196,7 +285,8 @@ h2 {
@@ -196,7 +285,8 @@ h2 {
cursor: pointer;
cursor: pointer;
transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-appearance: none;
-webkit-appearance: none;
appearance: none;
-moz-appearance: none;
 
appearance: none;
}
}
.button.small {
.button.small {
padding: 6px 15px;
padding: 6px 15px;
@@ -219,7 +309,7 @@ h2 {
@@ -219,7 +309,7 @@ h2 {
.button.border {
.button.border {
background: #fff;
background: #fff;
border: 1px solid #116466;
border: 1px solid #116466;
color: #2C2C2C;
color: #2c2c2c;
}
}
.button.border:hover {
.button.border:hover {
border-color: #116466;
border-color: #116466;
@@ -229,7 +319,7 @@ h2 {
@@ -229,7 +319,7 @@ h2 {
.button.border:focus {
.button.border:focus {
background-color: #1b6c6d;
background-color: #1b6c6d;
border-color: #1b6c6d;
border-color: #1b6c6d;
color: #2C2C2C;
color: #2c2c2c;
}
}
.messages--status {
.messages--status {
@@ -251,7 +341,7 @@ table {
@@ -251,7 +341,7 @@ table {
}
}
table tr {
table tr {
font: 500 14px/21px "Poppins", sans-serif;
font: 500 14px/21px "Poppins", sans-serif;
color: #221E20;
color: #221e20;
border: none;
border: none;
}
}
table tr th {
table tr th {
@@ -260,19 +350,19 @@ table tr th {
@@ -260,19 +350,19 @@ table tr th {
padding: 10px 20px;
padding: 10px 20px;
text-align: center;
text-align: center;
background-color: #116466;
background-color: #116466;
border-right: 1px solid #EDEDED;
border-right: 1px solid #ededed;
}
}
table tr td {
table tr td {
padding: 10px 20px;
padding: 10px 20px;
background-color: #fff;
background-color: #fff;
text-align: left;
text-align: left;
border-left: 1px solid #E5E6F0;
border-left: 1px solid #e5e6f0;
border-right: 1px solid #E5E6F0;
border-right: 1px solid #e5e6f0;
border-bottom: 1px solid #E5E6F0;
border-bottom: 1px solid #e5e6f0;
}
}
table tr td a {
table tr td a {
text-decoration: none;
text-decoration: none;
color: #221E20;
color: #221e20;
}
}
table tr td a:hover {
table tr td a:hover {
color: #116466;
color: #116466;
@@ -338,7 +428,7 @@ table tr td a:hover {
@@ -338,7 +428,7 @@ table tr td a:hover {
text-decoration: none;
text-decoration: none;
}
}
.header .header-inner .region-header .menu > .menu-item a:hover {
.header .header-inner .region-header .menu > .menu-item a:hover {
color: #D1E8E2;
color: #d1e8e2;
}
}
.banner img {
.banner img {
@@ -375,7 +465,7 @@ table tr td a:hover {
@@ -375,7 +465,7 @@ table tr td a:hover {
.about-school-outer .about-sec .about-text {
.about-school-outer .about-sec .about-text {
font: 14px/24px "Poppins", sans-serif;
font: 14px/24px "Poppins", sans-serif;
flex: 1;
flex: 1;
color: #4D4D4F;
color: #4d4d4f;
}
}
@media only screen and (max-width: 767px) {
@media only screen and (max-width: 767px) {
.about-school-outer .about-sec .about-text {
.about-school-outer .about-sec .about-text {
@@ -405,7 +495,7 @@ table tr td a:hover {
@@ -405,7 +495,7 @@ table tr td a:hover {
.smarty-programs-section .smarty-programs li {
.smarty-programs-section .smarty-programs li {
width: calc(25% - 20px);
width: calc(25% - 20px);
margin: 0 10px;
margin: 0 10px;
background: #FFFFFF;
background: #ffffff;
box-shadow: 0px 0px 25px rgba(0, 55, 95, 0.1019607843);
box-shadow: 0px 0px 25px rgba(0, 55, 95, 0.1019607843);
border-radius: 14px;
border-radius: 14px;
transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
@@ -448,11 +538,11 @@ table tr td a:hover {
@@ -448,11 +538,11 @@ table tr td a:hover {
}
}
.smarty-programs-section .smarty-programs li .smarty-sec .smarty-bottom p {
.smarty-programs-section .smarty-programs li .smarty-sec .smarty-bottom p {
font: 14px/18px "Poppins", sans-serif;
font: 14px/18px "Poppins", sans-serif;
color: #4D4D4F;
color: #4d4d4f;
}
}
.testimonial-outer {
.testimonial-outer {
background: #D1E8E2;
background: #d1e8e2;
padding-top: 60px;
padding-top: 60px;
padding-bottom: 60px;
padding-bottom: 60px;
}
}
@@ -461,15 +551,11 @@ table tr td a:hover {
@@ -461,15 +551,11 @@ table tr td a:hover {
}
}
@media only screen and (max-width: 767px) {
@media only screen and (max-width: 767px) {
.testimonial-outer .testimonials-list {
.testimonial-outer .testimonials-list {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
display: flex;
overflow-x: auto;
overflow-x: auto;
overflow-y: hidden;
overflow-y: hidden;
flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-overflow-scrolling: touch;
-webkit-overflow-scrolling: touch;
-ms-flex-direction: row;
flex-direction: row;
flex-direction: row;
overflow: -moz-scrollbars-none;
overflow: -moz-scrollbars-none;
-ms-overflow-style: none;
-ms-overflow-style: none;
@@ -522,7 +608,7 @@ table tr td a:hover {
@@ -522,7 +608,7 @@ table tr td a:hover {
.testimonial-inner .testimonials-list li {
.testimonial-inner .testimonials-list li {
width: calc(33.33% - 20px);
width: calc(33.33% - 20px);
margin: 0 10px;
margin: 0 10px;
background: #FFFFFF;
background: #ffffff;
border-radius: 20px;
border-radius: 20px;
}
}
.testimonial-inner .testimonials-list li .testimonial-sec {
.testimonial-inner .testimonials-list li .testimonial-sec {
@@ -550,7 +636,7 @@ table tr td a:hover {
@@ -550,7 +636,7 @@ table tr td a:hover {
}
}
.testimonial-inner .testimonials-list li .testimonial-sec .parent-bottom p {
.testimonial-inner .testimonials-list li .testimonial-sec .parent-bottom p {
font: 14px/18px "Poppins", sans-serif;
font: 14px/18px "Poppins", sans-serif;
color: #4D4D4F;
color: #4d4d4f;
}
}
.facilities-outer {
.facilities-outer {
@@ -702,7 +788,6 @@ table tr td a:hover {
@@ -702,7 +788,6 @@ table tr td a:hover {
height: 15px;
height: 15px;
width: 15px;
width: 15px;
padding: 11px;
padding: 11px;
transition: all 0.2s ease-in;
}
}
.footer .footer-section .middle .social-footer .insta a img {
.footer .footer-section .middle .social-footer .insta a img {
max-width: 16px;
max-width: 16px;
@@ -760,7 +845,7 @@ table tr td a:hover {
@@ -760,7 +845,7 @@ table tr td a:hover {
}
}
.faq-sec > li .faq-title {
.faq-sec > li .faq-title {
font-size: 16px;
font-size: 16px;
background-color: #D1E8E2;
background-color: #d1e8e2;
color: #000;
color: #000;
padding: 18px 15px;
padding: 18px 15px;
padding-right: 40px;
padding-right: 40px;
@@ -779,7 +864,7 @@ table tr td a:hover {
@@ -779,7 +864,7 @@ table tr td a:hover {
}
}
}
}
.faq-sec > li .faq-title:hover {
.faq-sec > li .faq-title:hover {
background-color: #D1E8E2;
background-color: #d1e8e2;
color: #116466;
color: #116466;
}
}
.faq-sec > li .faq-title:after, .faq-sec > li .faq-title:before {
.faq-sec > li .faq-title:after, .faq-sec > li .faq-title:before {
@@ -787,7 +872,7 @@ table tr td a:hover {
@@ -787,7 +872,7 @@ table tr td a:hover {
position: absolute;
position: absolute;
right: 0;
right: 0;
font-size: 10px;
font-size: 10px;
background: #2C2C2C;
background: #2c2c2c;
width: 14px;
width: 14px;
height: 2px;
height: 2px;
top: 50%;
top: 50%;
@@ -797,7 +882,7 @@ table tr td a:hover {
@@ -797,7 +882,7 @@ table tr td a:hover {
transform: rotate(90deg);
transform: rotate(90deg);
}
}
.faq-sec > li .faq-title.active {
.faq-sec > li .faq-title.active {
background-color: #D1E8E2;
background-color: #d1e8e2;
color: #116466;
color: #116466;
font-weight: 700;
font-weight: 700;
}
}
@@ -805,7 +890,7 @@ table tr td a:hover {
@@ -805,7 +890,7 @@ table tr td a:hover {
display: none;
display: none;
}
}
.faq-sec > li .faq-content {
.faq-sec > li .faq-content {
background-color: #F8F8F8;
background-color: #f8f8f8;
padding: 15px;
padding: 15px;
margin: 8px 0 0 0;
margin: 8px 0 0 0;
border-radius: 4px;
border-radius: 4px;
@@ -813,7 +898,7 @@ table tr td a:hover {
@@ -813,7 +898,7 @@ table tr td a:hover {
}
}
.faq-sec > li .faq-content p {
.faq-sec > li .faq-content p {
font-size: 16px;
font-size: 16px;
color: #4D4D4F;
color: #4d4d4f;
}
}
form {
form {
@@ -844,7 +929,9 @@ form .js-form-item .js-text-full {
@@ -844,7 +929,9 @@ form .js-form-item .js-text-full {
max-width: 600px;
max-width: 600px;
padding: 10px;
padding: 10px;
}
}
form .field--name-field-name-, form .field--name-field-phone-number, form .field--name-field-email {
form .field--name-field-name-,
 
form .field--name-field-phone-number,
 
form .field--name-field-email {
max-width: 337px;
max-width: 337px;
width: 100%;
width: 100%;
}
}
@@ -879,7 +966,8 @@ form .js-form-type-checkbox .form-checkbox {
@@ -879,7 +966,8 @@ form .js-form-type-checkbox .form-checkbox {
.facilities-bottom > p .showmore_content {
.facilities-bottom > p .showmore_content {
overflow: hidden;
overflow: hidden;
}
}
.facilities-bottom > p .showmore_trigger .more, .facilities-bottom > p .showmore_trigger .less {
.facilities-bottom > p .showmore_trigger .more,
 
.facilities-bottom > p .showmore_trigger .less {
color: #fff;
color: #fff;
cursor: pointer;
cursor: pointer;
font-weight: 600;
font-weight: 600;
@@ -887,8 +975,9 @@ form .js-form-type-checkbox .form-checkbox {
@@ -887,8 +975,9 @@ form .js-form-type-checkbox .form-checkbox {
font-style: normal;
font-style: normal;
display: block;
display: block;
}
}
.facilities-bottom > p .showmore_trigger .more:hover, .facilities-bottom > p .showmore_trigger .less:hover {
.facilities-bottom > p .showmore_trigger .more:hover,
color: #D1E8E2;
.facilities-bottom > p .showmore_trigger .less:hover {
 
color: #d1e8e2;
}
}
.flexslider {
.flexslider {
@@ -943,6 +1032,4 @@ form .js-form-type-checkbox .form-checkbox {
@@ -943,6 +1032,4 @@ form .js-form-type-checkbox .form-checkbox {
}
}
.tabs li a:hover {
.tabs li a:hover {
color: #116466;
color: #116466;
}
}/*# sourceMappingURL=style.css.map */
\ No newline at end of file
/*# sourceMappingURL=style.css.map */
Loading