@charset "utf-8";
@media screen and (max-width:767px) {
* {
box-sizing: border-box;
}
.left,
.right,
.copyright-txt,
.design-by,
.headertop .left,
.headertop .right {
float: none;
margin: 0 auto;
text-align: center;
}
.center {
width: 100%;
}
.container {
width: auto;
padding: 0 15px;
}
.footer {
padding-bottom: 30px;
}
.wrap_one {
width: auto;
text-align: center;
}
.header {
width: 100%;
padding: 0;
position: relative!important;
}
.logo {
float: none;
text-align: center;
padding: 10px 0px 5px 0 !important;
position: relative;
width: auto;
min-height:inherit;
}
.logo h2 {
text-align: center;
}
.logo p {
text-align: center;
float: none;
margin: 10px auto 0;
}
#sidebar {
width: 100%;
float: none;
}
.content-area {
width: auto;
margin: 0;
padding: 50px 20px;
}
.site-main {
width: auto;
margin: 0;
padding: 0 0 20px;
float: none;
}
.copyright-wrapper {
text-align: center;
}
h2.section_title {
text-align: center;
}
.BlogPosts {
float: none;
width: auto;
margin: 0 0 10%;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
width: 100%;
}
input.search-field {
width: 66%;
}
.toggle {
margin: 0 auto;
}
.copyright-txt {
padding: 15px 0 0 0;
}
.header .container {
border-bottom: none;
padding: 0;
}
.row_area {
margin: 0;
}
.footerleft {
float: none;
text-align: center;
}
body.home .page_content {
padding: 0;
}
.col-columns-2 {
width: 100%;
padding: 25px 15px;
box-sizing: border-box;
float: none;
}
.site-navigation .menu li {
padding: 0!important;
}
.site-navigation .menu ul a,
.site-navigation .menu ul ul a {
color: #FFF!important;
}
body.wp-custom-logo .logo{
padding:20px 0 !important;
}
#navigation{
float:none;
text-align:center;
width:100%;
padding-top:8px;
}
#top-social{
float:none;
text-align:center;	  
}
.social-icons{
margin-top:0px;
}
.transheader{
position:relative !important;
}
.main-navigation ul li a{
line-height:inherit;
}
.header-extras{
width:85%;
margin:0 auto 20px;
float:none;
padding-top:0px;
}
.header-extras .header-search-form{
left:0;
right:0;
width:100%;
bottom:-53px;
}
.inner-banner-thumb h1{
left:0;
right:0;
top:30%;
text-align:left;
font-size:25px;
padding-left:30px;
}
.cols-3{
float:none;
width:100% !important;
margin: 0 0 0.5% 0;
}
.cols-3:nth-of-type(1) {
padding-top:25px;
}
.blog-post{margin-top:60px;}
.blog_lists{
float:none;
width:100%;
margin-bottom:30px;
margin-left:0px;
margin-right:0px;
}
.page_content{
padding:5px 0;
}	
.skt-coach-banner br{
display:none;
}
.header-phone-number{
margin: 0 auto 10px;
float: none;
}
.skt-coach-banner-section .linear{
top:0px;
}
.skt-coach-banner-section :where(h2, h4){
text-align:left;
}
.skt-coach-banner-section h4 br{
display:none;
visibility:hidden;
}
.skt-coach-banner-section{
background-size:contain !important;
}
.skt-coach-banner-section h2{
font-size:25px !important;
}
.skt-coach-choose-img-box .skt-blocks-block-section {
border-width: 0 0 1px 0 !important;
}
.inner-banner-thumb{
min-height:150px;
}
.inner-banner-thumb h1{
top: 70px;
text-align: center;
padding: 0;
}
.header-right-infos{
float:none;
}	
.header-cart{
padding-top:0px;
margin-top:-13px;
}
.skt-header-quote-btn a{
bottom: -54px;
right: 0;
left: 0;
padding: 10px 20px;
font-size: 16px;
display:table;
margin:0 auto;
}
.postmeta{font-size:14px;}
.footer-row .widget_nav_menu ul li {
display: block;
}
.footer-row ul li a::before {
content: '';
padding-right: 0;
}
} @media screen and (min-width: 480px) and (max-width: 767px) {
.container,
.content-area {
width: auto;
margin: 0 auto;
}
.post-thumb {
width: 100%;
float: none;
}
.toggle {
width: 100%;
}
.row_area {
margin: 0;
}
.site-navigation .menu li {
padding: 0!important;
}
.logo {
padding: 25px 420px 25px 0;
}
#navigate-main {
width: 100%;
}
.inner-banner-thumb h1{
left:0;
right:0;
text-align:center;
font-size:40px;
}
.blog-post{margin-top:60px;}
.blog_lists{
float:none;
width:100%;
margin-bottom:30px;
margin-left:0px;
margin-right:0px;
}	
.skt-coach-banner br{
display:none;
}
.get-button-karate{
float:none;
margin-left:0px;
}
#navigation{
padding-top:0px;
padding-bottom:0px;
}
.header-phone-number{
margin: 15px auto;
}  
.skt-coach-welcome-rating-column .elementor-container{
margin:0 auto !important;
}
.skt-coach-banner-section .linear{
top:0px;
}
.skt-coach-banner-section :where(h2, h4){
text-align:left;
}
.skt-coach-banner-section h4 br{
display:none;
visibility:hidden;
}
.skt-coach-banner-section{
background-size:contain !important;
}
.skt-coach-banner-section h2{
font-size:25px !important;
}
.skt-coach-choose-img-box .skt-blocks-block-section {
border-width: 0 0 1px 0 !important;
}
.skt-coach-section4 .skt-blocks-block-section{
padding-bottom:0px !important;
}
#footer{padding:0 45px 25px 45px;}
.footerarea{padding-top:60px;}
.skt-glaziers-section-6-left-inner::before { width:100% !important;}
.elementor-element.skt-glaziers-section-8-left-inner-box1 { width:100% !important;}
} @media screen and (max-width:1023px) and (min-width:768px) {
body.wp-custom-logo .logo {
padding: 25px 50px 12px 0!important;
}
.menu-toggle {
top: 34px;
}
.site-navigation .menu li {
padding: 0!important;
}
.header {
width: 100%;
}
.header .container {
padding: 0 0 0 25px;
}
#navigate-main {
width: 100%;
}
.site-navigation .menu ul a,
.site-navigation .menu ul ul a {
color: #FFF!important;
}
.main-navigation ul li a{
line-height:inherit;
}
.main-navigation{
display:block;
}
#navigation{
float:none;
width:100%;
}
.main-navigation button.menu-toggle{
text-align:left !important;
margin:0 !important;
top:34px;
}
.social-icons{
margin-top:-15px;
}
.copyright-area{
position: relative !important;
}
.header-extras{
padding-top:0px;
margin-top:-20px !important;
}
.inner-banner-thumb h1{
padding-left:25px;
font-size:45px;
}
.blog_lists h4{
font-size:18px;
}
body.blog #content_navigator, body.search-results #content_navigator, body.search-no-results #content_navigator, body.error404 #content_navigator{
padding-top:30px;
}
.blog-post{margin-top:0;}
.blog_lists{
float:none;
width:100%;
margin-bottom:20px;
margin-left:0px;
margin-right:0px;
}
aside.widget{
margin-bottom:20px;
}
.header-phone-number{
margin: -15px 0 20px 30px;
}
.skt-coach-banner-section .linear{
top:0px;
}
.skt-coach-banner-section :where(h2, h4){
text-align:left;
}
.skt-coach-banner-section h4 br{
display:none;
visibility:hidden;
}
.skt-coach-banner-section{
background-size:cover !important;
}
.skt-coach-banner-section h2{
font-size:25px !important;
}
.skt-coach-choose-img-box .skt-blocks-block-section {
border-width: 0 0 1px 0 !important;
}
.inner-banner-thumb{
min-height:inherit;
}
.inner-banner-thumb h1{
top:35px;
font-size:20px !important;
}
.skt-coach-section4 .skt-blocks-block-section{
padding-bottom:0px !important;
}
.header-cart{padding-top:0px; margin-top:-20px;}
#sidebar h2, #sidebar .wp-block-search__label{font-size:18px;}
.footer h2{font-size:20px;}
#footer{padding:0 45px 0 45px;}
.footerarea{padding-top:40px;}
.skt-glaziers-section-6-left-inner::before { width:600px !important;}
.skt-glaziers-section-8-left { width:100% !important;}
.skt-glaziers-section-8-right { width:100% !important;}
}
@media screen and (max-width:1169px) and (min-width:768px) {
* {
box-sizing: border-box;
}
.center {
width: auto;
}
.header .container {
padding: 0 0 0 20px;
}
.container {
width: 100%;
padding: 0 20px;
}
.logo {
width: auto;
float: left;
position: relative;
text-align: center;
}
.content-area {
width: auto;
margin: 0;
padding: 50px 20px;
}
#sidebar {
width: 30%;
}
.site-main {
width: 68%;
}
.footer {
padding-top: 40px;
padding-bottom: 30px;
}
input.search-field,
.post-password-form input[type="password"] {
width: 53%;
}
.head-info-area .center {
width: 98%;
}
.toggle {
float: right;
width: 15%;
margin-top: 3.8%;
}
.logo {
min-height: inherit;
}
.post-password-form input[type="password"] {
width: 50%!important;
}
.row_area {
margin-left: 0;
}
.header-extras {
margin-top: 20px;
padding-right: 35px;
}
body.wp-custom-logo .logo {
padding: 25px 25px 25px 0;
}
.main-navigation ul li a{
padding:0 11px !important;
}
.main-navigation li.menu-item-has-children a:after {
right:-15px !important;
}
.skt-header-quote-btn a{right:20px;}
.header-extras{
margin-top:0px !important;
}
.inner-banner-thumb h1{
padding-left:25px;
font-size:45px;
}
.blog_lists h4{
font-size:18px;
}
.postmeta{
padding:0 0 10px 0;
}
body.wp-custom-logo .logo{
padding:36px 35px 16px 0 !important;
}
.main-navigation button.menu-toggle{
left:25px;
}
.inner-banner-thumb{
min-height:250px;
}
.inner-banner-thumb h1{
font-size:35px !important;
}  
.banner-container{width:auto;} 
#main-set .transheader{width:96.5%;}
#sidebar h2, #sidebar .wp-block-search__label{font-size:20px;}
.footer h2{font-size:20px;}
#footer{padding:0 45px 0 45px;}
.footerarea{padding-top:60px;}
}
@media screen and (min-width: 768px) and (max-width: 980px) {
.post-thumb {
height: auto;
}
#navigation{
width:100%;
}
.header-extras{
margin-top:-22px !important;
}
.main-navigation ul{
position:relative;
top:35px;
}
.main-navigation.toggled ul li:last-child{
margin-bottom:50px;
}
.main-navigation.toggled ul ul li:last-child{
margin-bottom:0px;
}	  
.inner-banner-thumb{
min-height:250px;
}
.inner-banner-thumb h1{
top:130px;
font-size:30px !important;
}   
.skt-header-quote-btn a{
bottom:-35px;
right:20px;
}
.skt-coach-section4 .skt-blocks-block-section{
padding-bottom:0px !important;
}	
}
@media screen and (max-width:1169px) and (min-width:981px) {
html {
overflow-x: hidden;
}
.headertop .header-inner {
width: auto;
}
input.search-field,
.post-password-form input[type="password"] {
width: 70%;
}
.toggle {
width: inherit;
}
.sitenav ul li a {
padding: 40px 14px;
}
.blog_lists{
margin:0 10px 30px 10px;
}
}
@media screen and (min-width: 981px) { .menu-toggle,
.dropdown-toggle {
display: none;
}
.site-navigation {
align-items: start;
}
.site-navigation .primary-menu,
.site-navigation .social-menu {
position: static;
}
.site-navigation .menu li {
position: relative;
width: auto;
left: unset;
}
.site-navigation .menu ul li:first-child {
border-top: 0;
}
.site-navigation .menu a,
.site-navigation .menu ul a,
.site-navigation .menu ul ul a {
padding: .75em .95em;
}
.site-navigation .menu ul {
position: absolute;
background-color: #ffffff;
text-align: left;
top: 100%;
left: -9999em;
}
.site-navigation .menu li:hover > ul,
.site-navigation .menu li:focus > ul,
.site-navigation .menu li.focus > ul {
left: 0;
}
.site-navigation .menu ul li {
position: relative;
width: 220px;
}
.site-navigation .menu li li:hover > ul,
.site-navigation .menu li li:focus > ul,
.site-navigation .menu li li.focus > ul {
top: 0;
left: 100%;
}
.site-navigation .menu ul a:hover,
.site-navigation .menu ul a:focus {
color: #000000;
}
.menu-item-has-children > a:after,
.page_item_has_children > a:after {
font-family: dashicons;
content: '\f347';
vertical-align: bottom;
margin-left: .25em;
}
.menu-item-has-children .menu-item-has-children > a:after,
.menu-item-has-children .page_item_has_children > a:after,
.page_item_has_children .menu-item-has-children > a:after,
.page_item_has_children .page_item_has_children > a:after {
content: '\f345';
font-family: dashicons;
position: absolute;
right: 0;
top: 50%;
transform: translate(0, -50%);
}
.headertop {
text-align: center;
}
.headertop .header-inner {
width: auto;
}
.headertop .header-inner,
.widget-left,
.topright {
width: auto;
padding: 0;
float: none;
}
.topbar-container {
float: none;
}
.container.menuwrapper {
background: transparent!important;
}
#menubar {
border-top: 3px solid transparent!important;
}
#topmenu {
float: none;
}
}
@media screen and (min-width:1024px) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: block; }
}
@media(max-width:1024px) {
.main-navigation {
width: 100%;
}
.main-navigation button.menu-toggle {
width: 40px;
text-align: center;
margin:0 auto;
background: transparent;
border: 0;
color: #ffffff;
padding: 10px;
height: 40px;
position: relative;
cursor: pointer;
}
.main-navigation button.menu-toggle span.nav-icon {
float: right;
background: #fff;
color: #000;
height: 43px;
width: 45px;
line-height: 43px;
text-align: center;
position: absolute;
right: 20px;
top: 11px;
border: 1px solid;
}
#primary-menu ul.nav-menu {
position: absolute;
width: 100%;
left: 0;
box-shadow: 0 0 10px rgb(0 0 0 / 12%);
background: #ffffff;
z-index: 99;
margin-top: 5px;
}
.main-navigation button.menu-toggle span.nav-icon:hover {
background: #6abe52;
color: #ffffff;
cursor: pointer;
}
.main-navigation.toggled ul li {
text-align: left;
line-height: 37px;
float: left;
position: relative;
width: 100%;
}
.main-navigation.toggled ul ul,
.main-navigation.toggled ul ul ul {
position: relative;
width: 100%;
float: left;
display: block;
opacity: 0;
left: 0;
height: 0;
box-shadow: none;
}
.main-navigation ul ul ul {
right: 0;
opacity: 0;
left: 0;
}
.main-navigation.toggled ul li:hover ul,
.main-navigation.toggled ul li:focus ul,
.main-navigation.toggled ul li.focus ul {
display: block;
opacity: 1;
height: auto;
}
.main-navigation.toggled ul li:hover ul ul,
.main-navigation.toggled ul li:focus ul ul,
.main-navigation.toggled ul li.focus ul ul {
display: block;
opacity: 0;
height: 0;
box-shadow: none;
}
.main-navigation.toggled ul  ul li:hover ul,
.main-navigation.toggled ul  ul  li:focus ul,
.main-navigation.toggled ul  ul li.focus ul {
display: block;
opacity: 1;
left: 0;
height: auto;
box-shadow: none;
}
.main-navigation.toggled ul li a {
padding: 2px 15px;
}
.main-navigation ul ul li.menu-item-has-children > a:after {
content: "\f347";
font-family: dashicons;
}
.main-navigation ul ul li a{color:#0083e1;}
}
@media screen and (max-width: 29.938em) {
.footer-social{
padding: 0 0 25px 0;
float:left;
text-align:left;
}	
.footer-logo{
float:none;
text-align:center;
padding:25px 0;
}
#footermenu{
margin-top:0px;
}
#footermenu li{
display:block;
padding:10px 0;
}
.skt-coach-welcome-rating-acolumn{
margin-left:10px;
}
}
@media screen and (max-width:63.938em) and (min-width:48.000em) {	 	
#footermenu li{
padding:5px 15px;
}
.copyright-txt{
padding:25px 0;
}
}
@media screen and (max-width: 29.938em) {
.responsive-heading-desc-text{ line-height:28px !important;}
#simple-menu{ margin-top:5px;}
.wpcf7-submit{ margin-top:0px;}	
#footer{padding:0 20px 0 20px;}
.footerarea{padding-top:50px;}
}
@media screen and (max-width:47.938em) and (min-width:30.000em) {
#simple-menu{margin-bottom:10px;}
}
@media screen and (max-width:72.438em) and (min-width:63.250em) {
.skt-header-extras .skt-header-button a{padding:26px 0 26px 50px;}
#topmenu ul li a{padding:37px 16px;}
.skt-coach-section2 img {width:92%;}	
}
@media(max-width: 479px){
.skt-glaziers-section-6-left-inner::before { width:100% !important;}	
}body#tinymce.wp-editor { 
font-family: 'Roboto',Arial; 
margin: 10px; 
}
body#tinymce.wp-editor a {
color: #5E5340;
}
  img{max-width:100%;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;} .breadcrumbs{padding:10px 0; margin-bottom:0;}
ol.commentlist{list-style:none;}
#commentform p{margin:5px 0;}
#commentform label{display:block;}
#commentform input#email, #commentform input#url, #commentform input#author, #commentform textarea, #commentform input#eazycfc_captcha{max-width:96%; border:1px #ccc solid; padding:5px 2%;}
#commentform input#submit{ background-color:#32373a; border:none; padding:8px 15px; color:#fff; display:inline-block; cursor:pointer;}
#commentform input#submit:hover{background:#000000; border-bottom-color:#ccc; color:#fff;}
.form-allowed-tags{display:none;}
ul.errormsg{background:#ffe4e4;}
ul.errormsg li{padding:5px;}
.entry-content table, .comment-body table{ border-collapse:collapse; margin:10px 0;}
.entry-content table td, .entry-content table th, .comment-body table td, .comment-body table th{padding:10px 5px; text-align:left;}
.entry-content table th, .comment-body table th{color:#676767; font:normal 18px; border-bottom:1px #888 solid;}
.entry-content table td, .comment-body table td{border-bottom:1px #ccc solid;}
.fvch-codeblock:hover .comment-form-url{display:block !important;} .commentlist, ol.commentlist {list-style:none; box-shadow:0 0 5px #666; -moz-box-shadow:0 0 5px #666; -webkit-box-shadow:0 0 5px #666; -khtml-box-shadow:0 0 5px #666; margin:10px 0; background-color:#fff; padding:10px 0;}
.commentlist li, ol.commentlist li { list-style:none; background-image:none !important; padding:0px 15px;}
.commentlist li ol li.depth-2, .commentlist li ol li.depth-3, .commentlist li ol li.depth-4, ol.commentlist li ol li.depth-2, ol.commentlist li ol li.depth-3, ol.commentlist li ol li.depth-4 { border-bottom:none;}
.commentlist li.bypostauthor article, ol.commentlist li.bypostauthor article { background:#f9ffe1;}
.commentlist article, .commentlist li.bypostauthor li article, ol.commentlist li.bypostauthor li article { border:none !important; padding:10px; position:relative; background-color:#fff;}
.commentlist li .fn { font-weight:normal; font-size:15px; font-style:normal;}
.commentlist li.bypostauthor .fn, ol.commentlist li.bypostauthor .fn { color:#000;}
img.avatar { vertical-align:middle; position:static; display:inline-block;}
.commentlist article a time { display:block; clear:both; padding:5px 0 10px; font-size:11px; font-style:italic;}
.commentlist, ol.commentlist p { font-size:14px;}
.commentlist .reply span, ol.commentlist .reply span { display:none;}
.commentlist .reply a, ol.commentlist .reply a { display:block;	padding:10px; text-align:center; background:#f6f6f6; margin:5px 0; border:1px #ddd solid;}
.comment-author.vcard{display:inline-block; margin-right:15px; float:left;}
.comment-list ul.children li.comment{background-image:none; padding-left:5px;}:root {
--sps-primary: #fda220;
--sps-primary-dark: #282828;
--sps-primary-white: #ffffff;
--sps-primary-black: #000000;
--sps-secondary: #051d3a;
--sps-text: #4a4a4a;
--sps-text-dark: #1a1a1a;
--sps-muted: #7a7a7a;
--sps-border: #dfdfdf;
--sps-bg: #ffffff;
--sps-header-bg: #ffffff;
--sps-bg-alt: #ececec;
--sps-footer-bg: #16417f;
--sps-footer-text: #ffffff;
--sps-copyright-bg: #060a18;
--sps-footer-border: #dccdbf;
--sps-icon-bg: #151515;
--sps-icon-hover: #4fbcff;
--sps-icon-size: 58px;
--sps-spacing-y: 35px;	
--sps-activemenu-color: #fda220;
--sps-radius: 10px;
--sps-radius-sm: 6px;
--sps-radius-pill: 8px;
--sps-shadow-sm: 0 2px 6px rgba(15, 23, 42, 0.06);
--sps-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
--sps-shadow-lg: 0 18px 50px rgba(15, 23, 42, 0.10);
--sps-transition: 0.25s ease;
--sps-container: 1200px;
--sps-font-body: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
--sps-font-heading: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
--sps-font-display: 'Poppins', sans-serif;
--sps-font-logo: 'Playfair Display', sans-serif;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
background-color: var(--sps-bg);
color: var(--sps-text);
font-family: var(--sps-font-body);
font-size: 16px;
line-height: 1.7;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@view-transition {
navigation: auto;
}
img,
picture,
video,
canvas,
svg {
display: block;
max-width: 100%;
height: auto;
}
iframe {
max-width: 100%;
}
hr {
border: 0;
border-top: 1px solid var(--sps-border);
margin: 30px 0;
}
::selection {
background-color: var(--sps-primary);
color: #fff;
} h1, h2, h3, h4, h5, h6 {
font-family: var(--sps-font-heading);
color: var(--sps-text-dark);
font-weight: 600;
line-height: 1.3;
margin: 0 0 18px;
}
h1 { font-size: 36px; }
h2 { font-size: 30px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }
p {
margin: 0 0 18px;
}
a {
color: var(--sps-primary);
text-decoration: none;
transition: color var(--sps-transition);
}
a:hover,
a:focus {
color: var(--sps-text-dark);
text-decoration: underline;
}
a:focus-visible {
outline: 2px solid var(--sps-primary);
outline-offset: 2px;
}
strong, b { font-weight: 600; }
em, i    { font-style: italic; } .container {
width: 100%;
max-width: var(--sps-container);
margin: 0 auto;
padding: 0;
position: relative;
}
#main-set {
position: relative;
z-index: 5;
}
#content_navigator {
width: 100%;
}
.page_content {
padding: 40px 0 40px 0;
display: flex;
flex-wrap: wrap;
}
body.tax-product_cat .page_content {
display:inherit;
}
.site-main {
flex: 1 1 0;
min-width: 0;
float: none;
width: 70%;
margin-right:25px;
}
#sitefull,
.full-main {
flex: 0 1 100%;
width: 100% !important;
float: none;
}
.clear {
clear: both;
} .header-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
min-height: 80px;
}
.header {
width: 100%;
background-color: var(--sps-header-bg);
box-shadow: 0 0 25px rgba(179, 194, 216, 0.16);
position: relative;
z-index: 100;
border: 0;
border-radius: 0;
margin:0;
padding:0;
}
.head-bar {
padding: 0;
margin: 0;
width: 100%;
}
.head-bar > .container {
max-width: var(--sps-container);  
width: 100%;
margin: 0 auto;
padding: 12px 0 12px 0;
box-sizing: border-box;
}
.header > .container,
.head-bar > .container {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 20px;
min-height: 90px;
padding-top: 12px;
padding-bottom: 12px;
}
.transheader {
position: absolute !important;
top: 0;
left: 0;
right: 0;
background-color: transparent !important;
box-shadow: none;
}
.transheader .site-title a,
.transheader .site-description 
{
color: #ffffff;
}
body.search .transheader,
body.error404 .transheader,
body.inner .transheader {
position: relative !important;
background-color: var(--sps-bg);
backdrop-filter: none;
-webkit-backdrop-filter: none;
}
body.search .transheader .site-title a,
body.error404 .transheader .site-title a,
body.inner .transheader .site-title a,
body.search .transheader .main-navigation a,
body.error404 .transheader .main-navigation a,
body.inner .transheader .main-navigation a {
color: var(--sps-text-dark);
} .logo {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
flex-shrink: 0;
padding:0;
margin:0;
min-height:100% !important;
}
.logo p.site-title{
font-size:26px;
}
.logo img,
.custom-logo {
max-height: 53px;
}
#logo-main {
display: flex;
flex-direction: column;
text-align: left;
}
#logo-main a {
text-decoration: none;
color: inherit;
}
.site-title {
font-family: var(--sps-font-logo);
font-size: 32px;
font-weight: 700;
line-height: 1.1;
margin: 0;
color:#282828;
}
.site-title a {
color: var(--sps-text-dark);
}
.site-description {
font-size: 13px;
color: #282828;
margin: 4px 0 0;
line-height: 1.2;
} #navigation {
flex: 1;
display: flex;
justify-content: end;
font-family: var(--sps-font-display);
padding:0 20px 0 0;
}
.leftnavig {
margin-right: auto;
}
.primary-menu {
display: flex;
align-items: center;
gap: 28px;
} .main-navigation {
display: flex;
align-items: center;
position: relative;
} .main-navigation > div > ul,
.main-navigation > ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
flex-wrap: nowrap;
gap: 2px;
}
.main-navigation li {
position: relative;
list-style: none;
}
.main-navigation a {
display: block;
padding: 10px 16px;
color: #282828;
font-size: 17px;
font-weight: 500;
text-decoration: none;
transition: background-color var(--sps-transition), color var(--sps-transition);
}
.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a,
.main-navigation .current-menu-ancestor > a {
color: var(--sps-activemenu-color);
} .main-navigation ul ul {
position: absolute;
top: calc(100% + 21px);  
left: 0;
min-width: 240px;
background-color: #fff;
display: block;
flex-direction: column;
margin: 0;
padding: 0;
list-style: none;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity var(--sps-transition), transform var(--sps-transition), visibility var(--sps-transition);
z-index: 9999;
}
.main-navigation ul ul::before {
content: "";
position: absolute;
top: -21px;        
left: 0;
right: 0;
height: 21px;
background: transparent;
}
.main-navigation ul ul li {
width: 100%;
}
.main-navigation li:hover > ul,
.main-navigation li.focus > ul,
.main-navigation li.dropdown-open > ul,
.main-navigation li:focus-within > ul {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateY(0);
}
.main-navigation ul ul a {
padding: 10px 16px;
color: #282828;
border-radius: 0;
width: 100%;
}
.main-navigation ul ul a:hover,
.main-navigation ul ul a:focus {
background-color: #282828;
color: #ffffff;
} .main-navigation ul ul ul {
top: 0;
left: 100%;
margin-left: 0;
transform: translateX(8px);
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul,
.main-navigation ul ul li.dropdown-open > ul,
.main-navigation ul ul li:focus-within > ul {
transform: translateX(0);
}
.main-navigation ul li a { line-height: inherit; } .main-navigation .dropdown-toggle {
display: none;
position: absolute;
top: 4px;
right: 4px;
width: 40px;
height: 40px;
background: transparent;
border: 0;
cursor: pointer;
padding: 0;
align-items: center;
justify-content: center;
z-index: 5;
}
.main-navigation .dropdown-toggle .dropdown-icon {
display: block;
width: 10px;
height: 10px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(45deg);
transition: transform var(--sps-transition);
}
.main-navigation .dropdown-open > .dropdown-toggle .dropdown-icon {
transform: rotate(-135deg);
} .main-navigation > div > ul > .menu-item-has-children > a::after,
.main-navigation > ul > .menu-item-has-children > a::after,
.main-navigation > div > ul > .page_item_has_children > a::after,
.main-navigation > ul > .page_item_has_children > a::after {
content: "";
display: inline-block;
width: 6px;
height: 6px;
margin-left: 6px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: translateY(-2px) rotate(45deg);
vertical-align: middle;
transition: transform var(--sps-transition);
} .menu-toggle {
display: none;
background: transparent;
border: 0;
cursor: pointer;
padding: 8px;
margin: 0;
width: 44px;
height: 44px;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 5px;
border-radius: var(--sps-radius-sm);
}
.menu-toggle:hover,
.menu-toggle:focus {
background-color: var(--sps-bg-alt);
}
.menu-toggle span {
display: block;
width: 22px;
height: 2px;
background: var(--sps-text-dark);
border-radius: 2px;
transition: transform var(--sps-transition), opacity var(--sps-transition), background var(--sps-transition);
}
.toggled .menu-toggle span {
background: var(--sps-primary);
} .header-extras{
padding:0px;
}
.header-extras span {
list-style: none;
display: inline-block;
font-size: 24px;
background-color: #1f4d8f;
border-radius: 50%;
height: 52px;
width: 52px;
text-align: center;
line-height: 55px;
vertical-align: middle;
position: relative;
margin-left: 4px;
margin-top:3px;
transition: all .2s;
}
.header-search-toggle {
cursor: pointer;
float:left;
margin: 0 0 0 18px;
}
.header-search-toggle button{
border:none;
background:none;
padding:0px;
background-color:transparent !important;
}
.header-search-toggle img{
margin-top:-5px;
}
.header-extras .header-search-form {
display: none;
position: absolute;
bottom: -44px;
width: 240px;
right: 0;
}
.header-extras .header-search-form .search-field {
width: 100%;
background-color: #1f4d8f;
border: none;
color: #fff;
font-size:15px;
padding: 10px 15px;
border-radius:0px;
}
.header-extras .header-search-form .search-field:focus {
outline: none;
box-shadow:none;
}
.header-extras .header-search-form .search-submit {
display: none;
position: absolute;
bottom: -40px;
width: 200px;
left: -80px;
}
.header-extras .header-search-form .search-field::placeholder {
color: #fff !important;
opacity: 1 !important;
font-size:15px;
}
.srcrt {
flex-shrink: 0;
}
.skt-header-button {
font-family: Poppins !important;
display: inline-flex;
padding: 10px 40px;
border-radius: 100px !important;
align-items: center;
justify-content: center;
font-size: 18px;
font-weight: 600;
border-radius: 10px;
font-family: var(--sps-font-logo);
background-color: #1f4d8f;
color: #fff;
text-decoration:none;
transition: all 0.25s ease;
position:relative;
}
.skt-header-button:hover,
.skt-header-button:focus {
background-color: #fda220;
color: #ffffff;
text-decoration:none;
}
.skt-header-button:hover:after{
color:#282828;
}
.hedbtn-details a,
.skt-header-button a {
color: #fff;
text-decoration: none;
} .inner-banner-thumb {
position: relative;
width: 100%;
overflow: hidden;
background-color: #545556;
min-height: 320px;
display: flex;
align-items: center;
justify-content: center;
}
.inner-banner-thumb img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
opacity: 0.55;
}
.banner-container {
position: relative;
z-index: 3;
width: 100%;
max-width: var(--sps-container);
margin: 0 auto;
padding: 50px 20px;
text-align: center;
}
.banner-container h1 {
color: #fff;
font-family: 'Playfair Display';
font-size: 50px;
font-weight:700;
margin: 0;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.wp-block-button__link,
a.read-more-btn,
.rdmore a,
.aboutmore {
display: inline-block;
background-color: var(--sps-primary);
color: #fff;
border: 0;
padding: 12px 26px;
font-family: var(--sps-font-body);
font-size: 15px;
font-weight: 500;
line-height: 1.4;
text-decoration: none;
border-radius: var(--sps-radius-pill);
cursor: pointer;
transition: background-color var(--sps-transition), transform var(--sps-transition), box-shadow var(--sps-transition);
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:hover,
.wp-block-button__link:hover,
a.read-more-btn:hover,
.rdmore a:hover,
.aboutmore:hover {
background-color: var(--sps-primary-dark);
color: #fff;
text-decoration: none;
}
button:focus-visible,
input[type="submit"]:focus-visible,
.button:focus-visible {
outline: 2px solid var(--sps-primary);
outline-offset: 3px;
}
a.ReadMore {
display: inline-block;
margin-top: 18px;
padding: 10px 22px;
color: var(--sps-text-dark);
border: 1px solid var(--sps-text-dark);
border-radius: var(--sps-radius-pill);
background-color: transparent;
text-decoration: none;
font-weight: 500;
transition: all var(--sps-transition);
}
a.ReadMore:hover {
background-color: var(--sps-text-dark);
color: #fff;
text-decoration: none;
} input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="date"],
input[type="time"],
input[type="month"],
input[type="week"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {
width: 100%;
max-width: 100%;
padding: 11px 14px;
font-family: var(--sps-font-body);
font-size: 15px;
color: var(--sps-text-dark);
background-color: #fff;
border: 1px solid var(--sps-border);
border-radius: var(--sps-radius-sm);
line-height: 1.4;
transition: border-color var(--sps-transition), box-shadow var(--sps-transition);
-webkit-appearance: none;
appearance: none;
}
input:focus,
textarea:focus,
select:focus {
outline: 0;
border-color: var(--sps-primary);
box-shadow: 0 0 0 3px rgba(253, 162, 32, 0.15);
}
textarea {
min-height: 140px;
resize: vertical;
}
label {
display: inline-block;
margin-bottom: 6px;
font-weight: 500;
color: var(--sps-text-dark);
font-size: 14px;
} .wp-block-search,
.search-form {
display: flex;
gap: 8px;
}
.wp-block-search__input,
.search-field {
flex: 1;
width: 100%;
} .search-form label {
flex: 1;
display: flex;
margin-bottom: 0;
}
.search-form .search-submit {
flex-shrink: 0;
}
.wp-block-search__button,
input.search-submit {
background-color: var(--sps-primary);
color: #fff;
border: 0;
padding: 0 18px;
border-radius: var(--sps-radius-sm);
cursor: pointer;
}
.wp-block-search__button:hover,
input.search-submit:hover {
background-color: var(--sps-primary-dark);
} .blog-post {
margin: 0;
}
.blogpost-wrap-wsb {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.blogpost-wrap-wsb.columns-2 { grid-template-columns: repeat(2, 1fr); }
.blogpost-wrap-wsb.columns-1 { grid-template-columns: 1fr; }
body.home article.post,
body.home article.hentry,
body.home .blog_lists {
border: 1px solid #dfdfdf;
overflow: hidden;
transition: transform var(--sps-transition), box-shadow var(--sps-transition);
padding: 0;
margin: 0 0 25px;
border-radius:8px;
}
article.post,
article.hentry,
.blog_lists {
background-color: #fff;
border: 1px solid var(--sps-border);
overflow: hidden;
transition: transform var(--sps-transition), box-shadow var(--sps-transition);
padding: 0;
margin: 0 0 8px;
}
article.post .post-thumb,
article.hentry .post-thumb {
width: 100%;
max-height: none;
margin: 0;
float: none;
overflow: hidden;
aspect-ratio: 16 / 9;
}
article.post .post-thumb img,
article.hentry .post-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease;
}
article.post:hover .post-thumb img,
article.hentry:hover .post-thumb img {
transform: scale(1.04);
}
article.post .entry-header,
article.hentry .entry-header,
article.post .entry-content,
article.hentry .entry-content,
article.post .entry-summary,
article.hentry .entry-summary,
article.post .rdmore,
article.hentry .rdmore {
padding:20px 25px;
}
.blog-post article.post .entry-content{
padding:0 25px;
}
article.post .entry-header,
article.hentry .entry-header {
padding-top: 22px;
padding-bottom: 0;
}
article.post .rdmore,
article.hentry .rdmore {
display: inline-flex;
align-items: center;
gap: 12px;
padding: 11px 20px;
background: transparent;
color: #282828 !important;
font-size: 14px;
font-weight: 600;
line-height: 1.4;
text-decoration: none;
border-radius: 4px;
position: relative;
overflow: hidden;
transition: all 0.3s ease;
margin:0 0 10px 10px;
}
.rdmore a{
color:#000 !important;
padding:5px 10px 5px 8px !important;
margin-left:-12px !important;
}
.rdmore a:hover{color:#fda220 !important;}
article.post .rdmore a::after,
article.hentry .rdmore a::after {
content: "➞";
font-size: 18px;
transition: transform 0.3s ease;
margin-left:10px;
position:relative;
top:1px;
}
article.post .rdmore:hover::after,
article.hentry .rdmore:hover::after {
transform: translate(3px, -3px);
background-color:#fda220 !important; color:#FFF !important;
padding:0px 5px !important;	
}
article.post .rdmore:hover,
article.hentry .rdmore:hover {
color: #000;
}
article.post .rdmore:hover::after,
article.hentry .rdmore:hover::after {
transform: translateX(4px);
}
.entry-title {
font-size: 26px;
font-weight: 700;
margin: 0 0 10px;
line-height: 1.3;
font-family:'Poppins';
}
.entry-title a {
color: var(--sps-text-dark);
text-decoration: none;
}
.entry-title a:hover {
color: var(--sps-primary);
text-decoration: none;
}
.postmeta {
color: var(--sps-muted);
font-size: 13px;
padding: 0 0 14px;
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: center;
}
.postmeta a {
color: var(--sps-primary);
text-decoration: none;
margin:0 0 0 10px;
}
.postmeta a:hover {
color: var(--sps-text-dark);
text-decoration: underline;
}
.post-date,
.post-comment,
.post-categories,
.post-tags {
display: inline-flex;
align-items: center;
color: var(--sps-muted);
}
.entry-content,
.entry-summary {
font-size: 16px;
line-height: 1.75;
color: var(--sps-text);
}
.entry-content a {
color: var(--sps-primary);
text-decoration: underline;
}
.entry-content a:hover {
color: var(--sps-text-dark);
}
.entry-content ul,
.entry-content ol {
padding-left: 22px;
margin: 0 0 18px;
}
.entry-content li {
line-height: 1.8;
margin-bottom: 6px;
}
.entry-content img {
border-radius: var(--sps-radius-sm);
} article.single-post {
padding: 26px 22px;
}
article.single-post:hover {
box-shadow: none;
}
article.single-post .entry-header,
article.single-post .entry-content,
article.single-post .postmeta {
padding-left: 0;
padding-right: 0;
} .sticky {
background-color:#ffffff !important;
position:relative;
border-bottom-left-radius:0px !important;
border-bottom-right-radius:0px !important;
border-color:#dfdfdf !important;
border-bottom:0px !important; 		
}
.sticky:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 6px;
background: linear-gradient(to right, #fafafa, #fda220, #fafafa);
} .rdmore a {
background-color: transparent;
color: var(--sps-primary);
padding: 2px 0;
box-shadow: none;
border-radius: 0;
font-weight: 500;
}
.rdmore a:hover {
background: transparent;
color: var(--sps-text-dark);
transform: none;
box-shadow: none;
} .page-header {
margin-bottom: 24px;
padding-bottom: 16px;
border-bottom: 2px solid var(--sps-border);
}
.page-header .page-title {
margin: 0;
font-size: 26px;
} .no-results,
.error-404 {
background-color: #fff;
border: 1px solid var(--sps-border);
border-radius: var(--sps-radius);
padding: 40px;
box-shadow: var(--sps-shadow-sm);
} .pagination,
.posts-navigation,
.post-navigation {
margin: 30px 0 30px;
display: block;
clear: both;
}
.pagination .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
flex-wrap: wrap;
justify-content: left;
align-items: center;
gap: 8px;
width: 100%;
margin: 0;
}
.pagination .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
margin-right: auto;
text-align: left;
}
.pagination .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
margin-left: auto;
text-align: right;
}
.pagination .nav-links a,
.pagination .nav-links span,
.posts-navigation .nav-links a,
.post-navigation .nav-links a {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 40px;
height: 40px;
padding: 0 14px;
background-color: #fff;
color: var(--sps-text-dark);
border: 1px solid var(--sps-border);
border-radius: var(--sps-radius-sm);
text-decoration: none;
font-weight: 500;
font-size: 14px;
transition: all var(--sps-transition);
}
.pagination .nav-links a:hover,
.pagination .nav-links span.current,
.posts-navigation .nav-links a:hover,
.post-navigation .nav-links a:hover {
background-color: var(--sps-primary);
border-color: var(--sps-primary);
color: #fff;
text-decoration: none;
}
.pagination .nav-links span.dots {
background: transparent;
border-color: transparent;
} #sidebar ol.wp-block-latest-comments{
padding-left:0px;
}   
#sidebar ol.wp-block-latest-comments a{color: var(--sps-text);}
#sidebar {
width: 320px;
flex: 0 0 320px;
float: none;
overflow: visible;
font-size: 15px;
}
#sidebar aside.widget,
.widget {
padding: 24px !important;
margin-bottom: 24px;
box-sizing: border-box;
border:1px solid #dfdfdf;
border-radius:8px;
}
#sidebar aside .wp-block-search {
display: flex;
flex-wrap: wrap;
}
#sidebar aside .wp-block-search__label {
flex: 0 0 100%;
width: 100%;
margin-bottom: 8px;
top:-5px;
}
#sidebar aside .wp-block-search__inside-wrapper {
display: flex;
flex: 0 0 100%;
width: 100%;
}
#sidebar h2,
#sidebar h3,
#sidebar h4,
#sidebar h5,
#sidebar h6,
#sidebar .widget-title,
#sidebar .wp-block-search__label,
#sidebar label {
color: var(--sps-text-dark);
font-family: 'Poppins';
font-size: 22px;
font-weight: 600;
margin-bottom: 8px;
padding: 0;
position: relative;
border: 0 !important;
display: block;
}
#sidebar h3.widget-title.titleborder span {
border: 0;
}
.titleborder span:after {
display: none;
}
#sidebar ul, #sidebar ol{
list-style: none;
padding: 0;
margin: 0;
}
#sidebar ul li, #sidebar ol li{
list-style: none;
padding: 8px 0;
border-bottom: 1px solid var(--sps-bg-alt);
margin: 0;
}
#sidebar ul li:last-child, #sidebar ol li:last-child{
border-bottom: 0;
}
#sidebar ul li a, #sidebar ol li a{
color: var(--sps-text);
text-decoration: none;
display: inline-block;
line-height: 1.5;
}
#sidebar ul li a:hover, #sidebar ol li a:hover{
color: var(--sps-primary);
text-decoration: none;
}
#sidebar .widget li ul.children,
#sidebar .widget li ul.sub-menu {
padding: 8px 0 0 14px;
margin-top: 6px;
border-top: 1px solid var(--sps-bg-alt);
list-style: none;
}
#sidebar .wp-block-search__input {
border: 1px solid var(--sps-border);
padding: 9px 12px;
border-radius: 0px !important;
}
#sidebar .wp-block-search__button {
border: 0;
background-color: var(--sps-primary);
color: #fff;
padding: 0 16px;
cursor: pointer;
border-radius: 0px !important;
}
#sidebar .wp-block-search__button:hover {
background-color: var(--sps-primary-dark);
}
#sidebar p:empty {
display: none;
} .tagcloud {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.tagcloud a {
display: inline-block;
background-color: var(--sps-bg-alt);
color: var(--sps-text-dark) !important;
font-size: 13px !important;
padding: 6px 12px;
border-radius: var(--sps-radius-pill);
text-decoration: none;
transition: background-color var(--sps-transition), color var(--sps-transition);
}
.tagcloud a:hover {
background-color: var(--sps-primary);
color: #fff !important;
text-decoration: none;
} .widget_calendar table {
width: 100%;
border-collapse: collapse;
}
.widget_calendar th,
.widget_calendar td {
padding: 6px;
text-align: center;
border: 1px solid var(--sps-border);
font-size: 13px;
}
.widget_calendar th {
background-color: var(--sps-bg-alt);
} #comments {
margin-top: 50px;
padding-top: 30px;
border-top: 2px solid var(--sps-border);
}
.comments-title {
font-size: 22px;
margin-bottom: 24px;
}
.comment-list {
list-style: none;
padding: 0;
margin: 0 0 30px;
}
.comment-list li {
list-style: none;
margin-bottom: 20px;
}
.comment-list .children {
list-style: none;
padding: 0;
margin-left: 30px;
margin-top: 20px;
}
.comment-body {
background-color: #fff;
border: 1px solid var(--sps-border);
border-radius: var(--sps-radius);
padding: 20px;
box-shadow: var(--sps-shadow-sm);
}
.comment-author {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 12px;
}
.comment-author.vcard{
float:none;
}
.comment-author .avatar {
border-radius: 50%;
border: 2px solid var(--sps-border);
}
.comment-author .fn {
font-weight: 600;
color: var(--sps-text-dark);
font-style: normal;
}
.comment-metadata {
font-size: 13px;
color: var(--sps-muted);
margin-bottom: 10px;
}
.comment-metadata a {
color: var(--sps-muted);
text-decoration: none;
}
.reply {
margin-top: 10px;
}
.reply .comment-reply-link {
display: inline-block;
padding: 6px 14px;
background-color: var(--sps-bg-alt);
color: var(--sps-text-dark);
border-radius: var(--sps-radius-pill);
font-size: 13px;
font-weight: 500;
text-decoration: none;
}
.reply .comment-reply-link:hover {
background-color: var(--sps-primary);
color: #fff;
}
.comment-form-cookies-consent {
display: flex;
align-items: flex-start;
gap: 8px;
}
.comment-form-cookies-consent input[type="checkbox"] {
width: auto;
margin: 6px 0 0;
float: none;
}
.comment-form-cookies-consent label {
margin: 0;
font-weight: 400;
color: var(--sps-text);
}
.comment-respond {
margin-top: 30px;
background-color: #fff;
}
.comment-reply-title {
margin-top: 0;
font-size: 20px;
}
.comment-form p {
margin-bottom: 14px;
}
.comment-form p.form-submit{
margin-top:20px !important;
}
.comment-form label {
display: block;
margin-bottom: 6px;
} #footer {
background-color: var(--sps-footer-bg);
background-image: none;
color: var(--sps-footer-text);
padding: 0;
}
#footer-wrapper {
width: 100%;
} .social-icons br {
display: none;
} .o-footer {
background-color: var(--sps-footer-bg);
}
.o-layout {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
} .o-layout__left {
text-align: left;
}
.o-layout__right {
text-align: right;
}  .c-footer-logo {
padding: 0 0 var(--sps-spacing-y) 0;
}
.c-footer-logo img {
max-width: 100%;
height: auto;
} .c-footer-social {
padding: 0 0 var(--sps-spacing-y) 0;
} .c-social-icons {
display: inline-flex;
gap: 4px;
} .c-social-icons__link {
width: var(--sps-icon-size);
height: var(--sps-icon-size);
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: var(--sps-icon-bg) !important;
transition: 0.3s ease;
} .c-social-icons__link:hover {
background-color: var(--sps-icon-hover) !important;
} .c-social-icons__link--fb {
background: url(//jasnetconsulting.com/wp-content/themes/skt-alumni/images/icon-fb.png) no-repeat center center;
}
.c-social-icons__link--tw {
background: url(//jasnetconsulting.com/wp-content/themes/skt-alumni/images/icon-tw.png) no-repeat center center;
}
.c-social-icons__link--in {
background: url(//jasnetconsulting.com/wp-content/themes/skt-alumni/images/icon-in.png) no-repeat center center;
}
.c-social-icons__link--insta {
background: url(//jasnetconsulting.com/wp-content/themes/skt-alumni/images/icon-insta.png) no-repeat center center;
}
.c-social-icons__link--yt {
background: url(//jasnetconsulting.com/wp-content/themes/skt-alumni/images/icon-youtube.png) no-repeat center center;
}
.u-clear {
clear: both;
}
.footerarea {
background: transparent;
padding: 0;
}
.footer.ftr-widg {
background: none;
background-color:#FFF;
padding:60px 45px 0 45px;
border-radius:15px;
}
.footer-all {
display: grid;
grid-template-columns: 1.4fr 1fr 1fr 1fr;
gap: 40px;
align-items: flex-start;
}
.footer-lft,
.footer-rght {
width: auto;
float: none;
}
.footer-rght {
display: contents;
}
.rfl-row {
display: contents;
}
.rfl-row .cols-3 {
width: auto;
float: none;
}
.footer aside.widget {
background: transparent;
border: 0;
box-shadow: none !important;
padding: 0 !important;
margin-bottom: 15px;
}
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6 {
font-family: var(--sps-font-logo);
font-size: 24px;
font-weight: 600;
color: #ffffff;
position: relative;
line-height:1.2px;
padding:0 0 40px 0;
}
.footer ul {
list-style: none;
padding: 0;
margin: 0;
}
.footer ul li {
padding: 3px 0;
border: 0;
list-style: none;
}
.footer ul li.wp-block-social-link a{
font-size:inherit;
color:inherit !important;
}
.footer ul li a,
.footer-row ul li a,
.footer-row .cols-3 ul li a {
color: var(--sps-footer-text) !important;
text-decoration: none;
transition: color var(--sps-transition);
font-size: 17px;
font-weight: 300;
}
.footer ul li a:hover,
.footer-row ul li a:hover,
.footer-row .cols-3 ul li a:hover {
color: var(--sps-primary) !important;
text-decoration: none;
}
.footer p {
color: var(--sps-footer-text);
line-height: 1.8;
margin: 0 0 14px;
font-weight:300;
font-size:17px;
}
.footer a {
color: var(--sps-primary);
}
.footer a:hover {
color: #fff;
}
.ftpad{padding:80px 0 60px 0;} .copyright-wrapper {
background-color: #16417f;
padding: 0;
border: 0;
}
.copyright-wrapper .container{
border-top: 1px solid #40678c;
}
.copyright-wrapper .copyright-txt {
background-color: transparent !important;
color: #fff;
text-align: center;
padding: 35px 0 30px 0;
font-size: 14px;
border: 0;
float: none;
}
.copyright-txt a {
color: #fda220 !important;
text-decoration: none;
}
.copyright-txt a:hover {
color: #000 !important;
text-decoration: underline;
} .wp-block-quote,
.wp-block-quote.is-style-skt-alumni-plain {
border-left: 4px solid var(--sps-primary);
background-color: var(--sps-bg-alt);
padding: 18px 24px;
margin: 24px 0;
border-radius: 0 var(--sps-radius-sm) var(--sps-radius-sm) 0;
font-style: italic;
color: var(--sps-text-dark);
}
.wp-block-quote.is-style-skt-alumni-plain {
background: transparent;
border-left-color: var(--sps-primary);
}
.wp-block-quote cite {
display: block;
margin-top: 10px;
font-size: 14px;
color: var(--sps-muted);
font-style: normal;
} .wp-block-button {
margin-bottom: 24px;
}
.wp-block-button__link {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 12px 26px;
background-color: var(--sps-primary);
color: #fff;
border: 0;
border-radius: var(--sps-radius-pill);
font-family: var(--sps-font-body);
font-size: 15px;
font-weight: 500;
line-height: 1.4;
text-align: center;
text-decoration: none;
cursor: pointer;
transition: background-color var(--sps-transition), color var(--sps-transition), transform var(--sps-transition), box-shadow var(--sps-transition);
}
.wp-block-button__link:hover,
.wp-block-button__link:focus {
background-color: var(--sps-primary-dark);
color: #fff;
text-decoration: none;
}
.wp-block-button__link:focus-visible {
outline: 2px solid var(--sps-primary);
outline-offset: 3px;
} .wp-block-button.is-style-outline .wp-block-button__link {
background-color: transparent;
color: var(--sps-primary);
border: 1px solid var(--sps-primary);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:focus {
background-color: var(--sps-primary);
color: #fff;
} .wp-block-button.is-style-squared .wp-block-button__link {
border-radius: 0;
} .wp-block-buttons {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-bottom: 24px;
}
.wp-block-buttons.is-content-justification-center {
justify-content: center;
}
.wp-block-buttons.is-content-justification-right {
justify-content: flex-end;
}
.wp-block-buttons.is-content-justification-space-between {
justify-content: space-between;
} .wp-block-button.alignfull,
.wp-block-button.is-style-fill {
width: auto;
}
.wp-block-button.alignfull .wp-block-button__link {
width: 100%;
}
@media (max-width: 767px) {
.wp-block-button__link {
min-height: 42px;
padding: 10px 22px;
font-size: 14px;
}
.wp-block-buttons {
gap: 10px;
}
}
.wp-block-cover,
.wp-block-image {
margin-bottom: 24px;
}
.wp-block-image img {
border-radius: var(--sps-radius-sm);
}
.wp-block-group {
margin-bottom: 18px;
}
.wp-block-pullquote {
border-top: 2px solid var(--sps-primary);
border-bottom: 2px solid var(--sps-primary);
padding: 24px 0;
margin: 30px 0;
color: var(--sps-text-dark);
}
.wp-block-separator {
border: 0;
border-top: 1px solid var(--sps-border);
margin: 30px auto;
max-width: 100px;
}
.wp-block-separator.is-style-wide {
max-width: 100%;
}
.wp-block-table table {
width: 100%;
border-collapse: collapse;
}
.wp-block-table th,
.wp-block-table td {
border: 1px solid var(--sps-border);
padding: 10px 14px;
}
.wp-block-table thead th {
background-color: var(--sps-bg-alt);
color: var(--sps-text-dark);
}
.wp-caption,
.wp-block-image figure {
width: auto !important;
margin-bottom: 20px;
}
.wp-caption img {
max-width: 100%;
height: auto;
}
.wp-caption-text,
.wp-block-image figcaption,
.gallery-caption {
font-size: 13px;
color: var(--sps-muted);
background-color: var(--sps-bg-alt);
padding: 8px 12px;
text-align: center;
line-height: 1.4;
border-radius: 0 0 var(--sps-radius-sm) var(--sps-radius-sm);
margin: 0;
}
.alignright {
float: right;
margin: 6px 0 18px 24px;
clear: right;
}
.alignleft {
float: left;
margin: 6px 24px 18px 0;
clear: left;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
max-width: 100%;
}
.alignwide,
.alignfull {
margin-left: auto;
margin-right: auto;
} .page-links {
margin: 20px 0;
font-weight: 500;
}
.page-links .post-page-numbers,
.page-links a .post-page-numbers {
display: inline-block;
min-width: 32px;
padding: 4px 10px;
margin: 0 4px;
background-color: var(--sps-bg-alt);
color: var(--sps-text-dark);
text-decoration: none;
border-radius: var(--sps-radius-sm);
text-align: center;
}
.page-links a:hover .post-page-numbers,
.page-links .post-page-numbers.current {
background-color: var(--sps-primary);
color: #fff;
} .woocommerce ul.products li.product .button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
background-color: var(--sps-primary) !important;
color: #fff !important;
border-radius: var(--sps-radius-pill);
padding: 10px 22px;
font-weight: 500;
transition: all var(--sps-transition);
}
.woocommerce ul.products li.product .button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
background-color: var(--sps-primary-black) !important;
}
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt {
background-color: var(--sps-secondary) !important;
}
.woocommerce ul.products {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
list-style: none;
margin: 0 0 30px;
padding: 0;
}
.woocommerce ul.products li.product {
background-color: #fff;
border: 1px solid var(--sps-border);
border-radius: var(--sps-radius);
padding: 16px !important;
box-shadow: var(--sps-shadow-sm);
transition: transform var(--sps-transition), box-shadow var(--sps-transition);
width: 100% !important;
margin: 0 !important;
float: none !important;
}
.woocommerce ul.products li.product a img {
width: 100%;
}
@media (max-width: 991px) {
.woocommerce ul.products {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 767px) {
.woocommerce ul.products {
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}
}
@media (max-width: 480px) {
.woocommerce ul.products {
grid-template-columns: 1fr;
}
}
.woocommerce-pagination ul.page-numbers,
.woocommerce nav.woocommerce-pagination ul {
display: flex;
flex-wrap: wrap;
gap: 8px;
list-style: none;
margin: 30px 0 0;
padding: 0;
}
.woocommerce-pagination ul.page-numbers li a,
.woocommerce-pagination ul.page-numbers li span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 40px;
height: 40px;
padding: 0 14px;
background-color: #fff;
color: var(--sps-text-dark);
border: 1px solid var(--sps-border);
border-radius: var(--sps-radius-sm);
text-decoration: none;
font-weight: 500;
font-size: 14px;
transition: all var(--sps-transition);
}
.woocommerce-pagination ul.page-numbers li a:hover,
.woocommerce-pagination ul.page-numbers li span.current {
background-color: var(--sps-primary);
border-color: var(--sps-primary);
color: #fff;
}
.woocommerce ul.products li.product:hover {
transform: translateY(-3px);
box-shadow: var(--sps-shadow);
}
.woocommerce ul.products li.product img {
border-radius: var(--sps-radius-sm);
margin-bottom: 12px;
}
.woocommerce ul.products li.product .price {
color: var(--sps-primary);
font-weight: 600;
}
.woocommerce .star-rating span::before {
color: var(--sps-primary);
}
.woocommerce-product-search button[type='submit'] {
background-color: var(--sps-primary);
color: #fff;
border: 0;
padding: 10px 18px;
border-radius: var(--sps-radius-sm);
cursor: pointer;
}
.woocommerce-product-search button[type='submit']:hover {
background-color: var(--sps-primary-dark);
}
.wc-block-cart__submit-button,
.wc-block-checkout__submit-button {
background-color: var(--sps-primary);
color: #fff !important;
border-radius: var(--sps-radius-pill);
text-decoration:none;
}
.wc-block-cart__submit-button:hover,
.wc-block-checkout__submit-button:hover {
background-color: var(--sps-primary-black);
color: #fff !important;
}
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
border-radius: var(--sps-radius-sm);
border-top: 0;
padding: 16px 16px 16px 55px;
}
.woocommerce-message {
background-color: #e8f5e9;
color: #2e7d32;
} .entry-content table td, .entry-content table th, .comment-body table td, .comment-body table th{text-align:center;}   
table:not(.wp-block-table table):not(.widget_calendar table) {
width: 100%;
border-collapse: collapse;
margin-bottom: 24px;
}
th, td {
padding: 10px 14px;
border: 1px solid var(--sps-border);
text-align: left;
}
th {
background-color: var(--sps-bg-alt);
color: var(--sps-text-dark);
font-weight: 600;
}
code,
kbd,
pre,
samp {
font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
font-size: 14px;
}
code,
kbd {
background-color: var(--sps-bg-alt);
padding: 2px 6px;
border-radius: 4px;
color: var(--sps-text-dark);
}
pre {
background-color: var(--sps-bg-alt);
padding: 18px;
overflow-x: auto;
border-radius: var(--sps-radius-sm);
line-height: 1.6;
margin: 0 0 20px;
}
blockquote {
border-left: 4px solid var(--sps-primary);
background-color: var(--sps-bg-alt);
padding: 16px 22px;
margin: 24px 0;
color: var(--sps-text-dark);
font-style: italic;
border-radius: 0 var(--sps-radius-sm) var(--sps-radius-sm) 0;
} .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #fff;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: var(--sps-text-dark);
display: block;
font-size: 14px;
font-weight: 600;
height: auto;
left: 5px;
line-height: normal;
padding: 12px 22px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
.skip-link {
position: absolute;
left: -9999px;
top: 0;
z-index: 100001;
}
.skip-link:focus {
left: 6px;
top: 6px;
} .edit-link {
display: inline-block;
margin: 10px 0;
font-size: 13px;
}
.edit-link a {
color: var(--sps-muted);
text-decoration: underline;
}
@media (max-width: 1024px) {
:root {
--sps-container: 100%;
}
.menu-toggle {
display: inline-flex !important;
position: relative;
z-index: 100002;
}
.main-navigation > div > ul,
.main-navigation > ul {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
max-width: 100%;
height: 100vh;
max-height: 100vh;
margin: 0;
padding: 80px 0 40px;
background-color: #1f4d8f;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: stretch;
gap: 0;
list-style: none;
box-shadow: none;
border-radius: 0;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
z-index: 100000;
transform: translateX(100%);
transition: transform 0.3s ease;
visibility: hidden;
pointer-events: none;
}
#site-navigation.toggled > div > ul,
#site-navigation.toggled > ul,
.main-navigation.toggled > div > ul,
.main-navigation.toggled > ul {
transform: translateX(0);
visibility: visible;
pointer-events: auto;
display: flex;
} body.menu-open {
overflow: hidden;
} #site-navigation.toggled .menu-toggle,
.main-navigation.toggled .menu-toggle {
position: fixed;
top: 18px;
right: -70px !important;
z-index: 100003;
background: rgba(0,0,0,1);
border-radius: var(--sps-radius-sm);
border:none;
}
#site-navigation.toggled .menu-toggle span,
.main-navigation.toggled .menu-toggle span {
background: #fff !important;
}
#site-navigation.toggled .menu-toggle {
position: relative;
}
#site-navigation.toggled .menu-toggle span {
position: absolute;
}	
#site-navigation.toggled .menu-toggle span,
.main-navigation.toggled .menu-toggle span {
transition: all 0.3s ease;
}
#site-navigation.toggled .menu-toggle span:nth-child(1),
.main-navigation.toggled .menu-toggle span:nth-child(1) {
transform: rotate(45deg);
top: 21px;
}
#site-navigation.toggled .menu-toggle span:nth-child(2),
.main-navigation.toggled .menu-toggle span:nth-child(2) {
opacity: 0;
}
#site-navigation.toggled .menu-toggle span:nth-child(3),
.main-navigation.toggled .menu-toggle span:nth-child(3) {
transform: rotate(-45deg);
top: 21px;
}	
.main-navigation li {
width: 100%;
position: relative;
list-style: none;
}
.main-navigation a {
display: block;
width: 100%;
padding: 14px 24px;
border-radius: 0;
color: #fff;
font-size: 16px;
font-weight: 500;
text-decoration: none;
border-bottom: 1px solid rgba(255,255,255,0.08);
background: transparent;
text-align: left;
}
.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a {
background: rgba(255,255,255,0.05);
color: #fff;
} .main-navigation .dropdown-toggle {
display: inline-flex !important;
position: absolute;
top: 0;
right: 0;
width: 56px;
height: 50px;
background: transparent;
border: 0;
cursor: pointer;
padding: 0;
align-items: center;
justify-content: center;
z-index: 5;
color: #fff;
}
.main-navigation .dropdown-toggle .dropdown-icon {
width: 10px;
height: 10px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(45deg);
transition: transform 0.2s ease;
}
.main-navigation .dropdown-open > .dropdown-toggle .dropdown-icon {
transform: rotate(-135deg);
} .main-navigation > div > ul > .menu-item-has-children > a::after,
.main-navigation > ul > .menu-item-has-children > a::after,
.main-navigation > div > ul > .page_item_has_children > a::after,
.main-navigation > ul > .page_item_has_children > a::after,
.main-navigation li.menu-item-has-children > a::after,
.main-navigation li.page_item_has_children > a::after {
display: none !important;
} .main-navigation ul ul {
position: static !important;
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: none;
box-shadow: none;
padding: 0;
margin: 0;
list-style: none;
background: rgba(0,0,0,0.25);
min-width: 0;
width: 100%;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
border-radius: 0;
display: block;
}
.main-navigation li.dropdown-open > ul {
max-height: 2000px;
}
.main-navigation ul ul a {
padding: 12px 24px 12px 44px;
font-size: 15px;
color: rgba(255,255,255,0.92);
}
.main-navigation ul ul ul a {
padding-left: 64px;
font-size: 14px;
color: rgba(255,255,255,0.85);
}
.main-navigation ul ul ul {
margin: 0;
left: 0;
transform: none;
background: rgba(0,0,0,0.3);
} .main-navigation li:hover > ul {
max-height: 0;
}
.main-navigation li.dropdown-open > ul,
.main-navigation li.dropdown-open:hover > ul {
max-height: 2000px;
}
.page_content {
flex-direction: column;
gap: 40px;
padding: 40px 0;
}
#sidebar {
width: 100%;
flex: 1 1 100%;
}
.blogpost-wrap-wsb {
grid-template-columns: repeat(2, 1fr);
}
.footer-all {
grid-template-columns: 1fr 1fr;
}
.footer-rght {
grid-column: 1 / -1;
}
.rfl-row {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 767px) {
h1 { font-size: 28px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
.header > .container,
.head-bar > .container {
min-height: 70px;
flex-wrap: wrap;
}
.srcrt {
order: 4;
width: 100%;
margin-left: 0;
}
.skt-header-button {
display: flex;
justify-content: center;
}
.banner-container {
padding: 35px 20px;
}
.banner-container h1 {
font-size: 28px;
}
.inner-banner-thumb {
min-height: 160px;
}
.footer-all {
grid-template-columns: 1fr;
}
.rfl-row {
grid-template-columns: 1fr;
}
.footerarea {
padding: 40px 0 20px;
}
.comment-list .children {
margin-left: 14px;
}
article.post .entry-header,
article.hentry .entry-header,
article.post .entry-content,
article.hentry .entry-content,
article.post .entry-summary,
article.hentry .entry-summary,
article.post .rdmore,
article.hentry .rdmore {
padding-left: 18px;
padding-right: 18px;
}
}
@media (max-width: 480px) {
.container {
padding: 0 14px;
}
.banner-container h1 {
font-size: 24px;
}
.entry-title {
font-size: 20px;
}
.blogpost-wrap-wsb {
grid-template-columns: 1fr;
}
} .wp-block-image figcaption {
font-size: 13px;
color: #666;
margin-top: 8px;
text-align: center;
}
.wp-block-pullquote {
border-top: 4px solid #f69c00;
border-bottom: 4px solid #f69c00;
color: #333;
padding: 2em 0;
}
.wp-block-button__link {
background-color: #282828;
color: #fff;
padding: 12px 30px;
border-radius: 4px;
transition: 0.3s;
}
.wp-block-button__link:hover {
background-color: #333;
color: #fff !important;
} .woocommerce span.onsale {
background-color: #f69c00;
min-height: 2.66em;
min-width: 2.66em;
line-height: 2.66;
font-size:12px !important;
}
.woocommerce ul.products li.product .button {
background-color: #333;
color: #fff;
}
.woocommerce ul.products li.product .button:hover {
background-color: #f69c00;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
color: #f69c00;
}
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt {
background-color: #f69c00;
} table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
}
th, td {
padding: 12px;
border: 1px solid #eee;
text-align: left;
}
code, kbd, tt, var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
background: #f4f4f4;
padding: 2px 4px;
}
blockquote {
font-style: italic;
border-left: 5px solid #f69c00;
margin: 20px 0;
padding: 10px 20px;
background: #fafafa;
} .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
.alignleft { float: left; margin: 6px 24px 18px 0; }
.alignright { float: right; margin: 6px 0 18px 24px; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; text-align: center; }  .wp-block-columns {
display: flex;
flex-wrap: wrap;
gap: 2em;
margin-bottom: 24px;
}
.wp-block-column {
flex: 1 1 0;
min-width: 0;
}
@media (max-width: 767px) {
.wp-block-columns:not(.is-not-stacked-on-mobile) {
flex-direction: column;
}
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
flex-basis: 100% !important;
margin-bottom: 20px;
}
} .wp-block-media-text {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
align-items: center;
margin-bottom: 24px;
}
.wp-block-media-text .wp-block-media-text__media img {
width: 100%;
border-radius: var(--sps-radius-sm);
}
@media (max-width: 767px) {
.wp-block-media-text {
grid-template-columns: 1fr;
}
} .wp-block-buttons {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin: 0 0 24px;
padding: 0;
list-style: none;
}
.wp-block-button__link.is-style-outline,
.is-style-outline .wp-block-button__link {
background-color: transparent;
color: var(--sps-primary);
border: 2px solid var(--sps-primary);
}
.wp-block-button__link.is-style-outline:hover,
.is-style-outline .wp-block-button__link:hover {
background-color: var(--sps-primary);
color: #fff;
}
.wp-block-button__link.is-style-squared {
border-radius: 0;
} .wp-block-gallery,
.blocks-gallery-grid {
display: flex;
flex-wrap: wrap;
gap: 16px;
margin: 0 0 24px;
padding: 0;
list-style: none;
}
.wp-block-gallery .wp-block-image,
.blocks-gallery-item {
margin: 0;
flex: 1 1 calc(33.333% - 16px);
}
.wp-block-gallery img,
.blocks-gallery-item img {
width: 100% !important;
height: auto !important;
object-fit: cover !important;
border-radius: var(--sps-radius-sm);
}
.wp-block-gallery.columns-2 .wp-block-image { flex-basis: calc(50% - 16px); }
.wp-block-gallery.columns-4 .wp-block-image { flex-basis: calc(25% - 16px); }
.wp-block-gallery.columns-5 .wp-block-image { flex-basis: calc(20% - 16px); } .gallery {
display: flex;
flex-wrap: wrap;
gap: 16px;
margin: 0 0 24px;
}
.gallery-item {
margin: 0;
flex: 1 1 calc(33.333% - 16px);
list-style: none;
}
.gallery-columns-2 .gallery-item { flex-basis: calc(50% - 16px); }
.gallery-columns-4 .gallery-item { flex-basis: calc(25% - 16px); }
.gallery-columns-5 .gallery-item { flex-basis: calc(20% - 16px); }
.gallery-columns-6 .gallery-item { flex-basis: calc(16.666% - 16px); }
.gallery-icon img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: var(--sps-radius-sm);
border: 1px solid var(--sps-border);
}
@media (max-width: 600px) {
.gallery-item,
.wp-block-gallery .wp-block-image,
.blocks-gallery-item {
flex-basis: calc(50% - 16px) !important;
}
} figure {
margin: 0 0 20px;
}
figcaption {
font-size: 13px;
color: var(--sps-muted);
margin-top: 8px;
text-align: center;
} input[type="checkbox"],
input[type="radio"] {
width: auto;
max-width: none;
padding: 0;
margin-right: 6px;
accent-color: var(--sps-primary);
-webkit-appearance: auto;
appearance: auto;
} .comment-form-author,
.comment-form-email,
.comment-form-url {
display: inline-block;
width: 100%;
max-width: 100%;
vertical-align: top;
box-sizing: border-box;
}
@media (min-width: 600px) {
.comment-form-author,
.comment-form-email {
width: calc(50% - 10px);
margin-right: 20px;
}
.comment-form-email {
margin-right: 0;
}
.comment-form-url {
width: 100%;
}
} .widget_search form {
display: flex;
gap: 8px;
}
.widget_search .search-field {
flex: 1;
width: 100%;
} @media (max-width: 600px) {
.entry-content table,
.wp-block-table table {
display: block;
overflow-x: auto;
white-space: nowrap;
}
}  .widget_recent_entries ul li,
.widget_recent_comments ul li,
.widget_archive ul li,
.widget_categories ul li,
.widget_pages ul li,
.widget_meta ul li,
.widget_rss ul li {
padding: 10px 0;
}
.widget_recent_entries .post-date,
.widget_rss .rss-date {
display: block;
font-size: 12px;
color: var(--sps-muted);
margin-top: 2px;
}
.widget_rss .rssSummary {
font-size: 14px;
color: var(--sps-text);
margin: 6px 0 0;
}
.widget_rss cite {
display: block;
font-size: 12px;
color: var(--sps-muted);
font-style: normal;
margin-top: 4px;
}
.widget_categories ul li,
.widget_archive ul li {
display: flex;
justify-content: space-between;
align-items: center;
}
.widget select,
.widget_categories select,
.widget_archive select {
width: 100%;
}
.widget_text img,
.widget_media_image img,
.textwidget img {
max-width: 100%;
height: auto;
border-radius: var(--sps-radius-sm);
}
.widget_text p:last-child,
.textwidget p:last-child {
margin-bottom: 0;
}
.widget_nav_menu ul.menu li a,
.widget_pages ul li a {
display: flex;
justify-content: space-between;
align-items: center;
} .author-bio,
.author-box {
display: flex;
gap: 18px;
align-items: flex-start;
background-color: #fff;
border: 1px solid var(--sps-border);
border-radius: var(--sps-radius);
padding: 24px;
margin: 30px 0;
}
.author-bio .avatar,
.author-box .avatar {
border-radius: 50%;
flex-shrink: 0;
}
.author-bio .author-name,
.author-box .author-name {
font-size: 17px;
font-weight: 600;
color: var(--sps-text-dark);
margin: 0 0 6px;
}
.author-bio p,
.author-box p {
margin: 0;
font-size: 14px;
color: var(--sps-text);
} .breadcrumb,
.breadcrumbs,
.rank-math-breadcrumb,
.yoast-breadcrumb {
font-size: 13px;
color: var(--sps-muted);
margin-bottom: 18px;
}
.breadcrumb a,
.breadcrumbs a,
.rank-math-breadcrumb a,
.yoast-breadcrumb a {
color: var(--sps-muted);
text-decoration: none;
}
.breadcrumb a:hover,
.breadcrumbs a:hover,
.rank-math-breadcrumb a:hover,
.yoast-breadcrumb a:hover {
color: var(--sps-primary);
} ::placeholder {
color: var(--sps-muted);
opacity: 1;
}
select {
background-image: linear-gradient(45deg, transparent 50%, var(--sps-muted) 50%),
linear-gradient(135deg, var(--sps-muted) 50%, transparent 50%);
background-position: calc(100% - 20px) center, calc(100% - 15px) center;
background-size: 5px 5px, 5px 5px;
background-repeat: no-repeat;
padding-right: 36px;
cursor: pointer;
}
fieldset {
border: 1px solid var(--sps-border);
border-radius: var(--sps-radius-sm);
padding: 18px 20px;
margin: 0 0 20px;
}
legend {
padding: 0 8px;
font-weight: 600;
color: var(--sps-text-dark);
}
input[type="file"] {
width: 100%;
padding: 10px;
border: 1px dashed var(--sps-border);
border-radius: var(--sps-radius-sm);
background-color: var(--sps-bg-alt);
cursor: pointer;
}
input[type="range"] {
width: 100%;
accent-color: var(--sps-primary);
padding: 0;
border: 0;
}
progress {
width: 100%;
height: 10px;
border-radius: 10px;
overflow: hidden;
accent-color: var(--sps-primary);
}
meter {
width: 100%;
} mark {
background-color: rgba(253, 162, 32, 0.25);
color: var(--sps-text-dark);
padding: 1px 4px;
border-radius: 2px;
}
sup, sub {
font-size: 70%;
}
abbr[title] {
text-decoration: underline dotted;
cursor: help;
}
small {
font-size: 85%;
color: var(--sps-muted);
}
dl { margin: 0 0 20px; }
dt { font-weight: 600; color: var(--sps-text-dark); }
dd { margin: 0 0 12px 0; color: var(--sps-text); }
details {
border: 1px solid var(--sps-border);
border-radius: var(--sps-radius-sm);
padding: 14px 18px;
margin: 0 0 16px;
}
summary {
cursor: pointer;
font-weight: 600;
color: var(--sps-text-dark);
} .page-content ul,
.page-content ol,
.textwidget ul,
.textwidget ol {
padding-left: 22px;
margin: 0 0 18px;
} .wp-block-embed__wrapper {
position: relative;
}
.wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.wp-block-verse {
font-family: inherit;
white-space: pre-wrap;
background-color: var(--sps-bg-alt);
padding: 18px 22px;
border-radius: var(--sps-radius-sm);
margin: 0 0 24px;
}
.wp-block-preformatted {
background-color: var(--sps-bg-alt);
padding: 18px 22px;
border-radius: var(--sps-radius-sm);
white-space: pre-wrap;
margin: 0 0 24px;
}
.wp-block-file {
display: flex;
align-items: center;
gap: 14px;
margin: 0 0 20px;
}
.wp-block-file__button {
background-color: var(--sps-primary);
color: #fff !important;
padding: 8px 18px;
border-radius: var(--sps-radius-pill);
text-decoration: none;
font-size: 13px;
}
.wp-block-file__button:hover {
background-color: var(--sps-primary-dark);
}
.wp-block-spacer {
width: 100%;
} .woocommerce div.product .woocommerce-product-gallery__wrapper img {
border-radius: var(--sps-radius-sm);
border: 1px solid var(--sps-border);
}
.woocommerce div.product .flex-control-thumbs img {
border-radius: var(--sps-radius-sm);
opacity: 0.7;
transition: opacity var(--sps-transition);
}
.woocommerce div.product .flex-control-thumbs img.flex-active,
.woocommerce div.product .flex-control-thumbs img:hover {
opacity: 1;
}
.woocommerce div.product .quantity .qty {
width: 80px;
text-align: center;
padding: 11px 10px;
}
.woocommerce div.product form.cart {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 14px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
display: flex;
flex-wrap: wrap;
gap: 6px;
list-style: none;
padding: 0;
margin: 30px 0 0;
border-bottom: 1px solid var(--sps-border);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
margin: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
display: inline-block;
padding: 12px 22px;
color: var(--sps-text-dark);
font-weight: 500;
text-decoration: none;
border-radius: var(--sps-radius-sm) var(--sps-radius-sm) 0 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
background-color: var(--sps-primary);
color: #fff;
}
.woocommerce div.product .woocommerce-tabs .panel {
padding: 24px 0;
}
.woocommerce #reviews .comment-text {
background-color: #fff;
border: 1px solid var(--sps-border);
border-radius: var(--sps-radius);
padding: 18px;
}
.woocommerce table.shop_table {
width: 100%;
border-collapse: collapse;
margin-bottom: 24px;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
padding: 14px;
border: 1px solid var(--sps-border);
text-align: left;
}
.woocommerce table.shop_table th {
background-color: var(--sps-bg-alt);
}
.woocommerce-cart table.cart img {
width: 70px;
border-radius: var(--sps-radius-sm);
}
.woocommerce-checkout #payment {
background-color: var(--sps-bg-alt);
border-radius: var(--sps-radius);
padding: 20px;
}
.woocommerce-checkout #payment ul.payment_methods {
list-style: none;
padding: 0;
}
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
position: absolute;
top: 12px;
left: 12px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.woocommerce ul.products li.product {
position: relative;
}
.woocommerce-message::before,
.woocommerce-info::before {
color: #4caf50;
} body.rtl .alignright { float: left; margin: 6px 24px 18px 0; }
body.rtl .alignleft  { float: right; margin: 6px 0 18px 24px; }
body.rtl #logo-main  { text-align: right; }
body.rtl #sidebar h2::after,
body.rtl #sidebar h3::after,
body.rtl #sidebar h4::after,
body.rtl #sidebar h5::after,
body.rtl #sidebar h6::after,
body.rtl #sidebar .widget-title::after,
body.rtl #sidebar .wp-block-search__label::after,
body.rtl .footer h2::after,
body.rtl .footer h3::after,
body.rtl .footer h4::after,
body.rtl .footer h5::after,
body.rtl .footer h6::after,
body.rtl .footer .widget-title::after {
left: auto;
right: 0;
}@media screen and (min-width: 1025px) {
.menu-toggle,
.main-navigation .dropdown-toggle {
display: none !important;
}
}
@media screen and (min-width: 1025px) {
.site-navigation {
align-items: center;
}
.site-navigation .primary-menu,
.site-navigation .social-menu {
position: static;
}
.site-navigation .menu li {
position: relative;
width: auto;
left: unset;
}
.site-navigation .menu ul li:first-child {
border-top: 0;
}
.site-navigation .menu a,
.site-navigation .menu ul a,
.site-navigation .menu ul ul a {
padding: .75em .95em;
}
.site-navigation .menu ul {
position: absolute;
background-color: var(--sps-bg, #ffffff);
text-align: left;
top: 100%;
left: -9999em;
opacity: 0;
visibility: hidden;
transition: opacity .2s ease, visibility .2s ease;
}
.site-navigation .menu li:hover > ul,
.site-navigation .menu li:focus-within > ul,
.site-navigation .menu li.focus > ul {
left: 0;
opacity: 1;
visibility: visible;
}
.site-navigation .menu ul li {
position: relative;
width: 220px;
}
.site-navigation .menu li li:hover > ul,
.site-navigation .menu li li:focus-within > ul,
.site-navigation .menu li li.focus > ul {
top: 0;
left: 100%;
}
.site-navigation .menu ul a:hover,
.site-navigation .menu ul a:focus {
color: var(--sps-text-dark, #000000);
}
#topmenu {
float: none;
}
.container.menuwrapper {
background: transparent !important;
}
#menubar {
border-top: 3px solid transparent !important;
}
}
@media (max-width: 1024px) {
.main-navigation button.menu-toggle {
display: inline-flex !important;
width: 44px;
height: 44px;
background: transparent;
border: none;
cursor: pointer;
padding: 6px;
position: absolute;
top: 22px;
right: 15px;
z-index: 99999;
margin: 0;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 5px;
}
.menu-toggle span {
background: var(--sps-text-dark);
} .main-navigation .dropdown-toggle {
color: #ffffff;
} .main-navigation li.menu-item-has-children > a::after,
.main-navigation li.page_item_has_children > a::after {
display: none !important;
}
} @media screen and (min-width: 1170px) and (max-width: 1515px) {
#navigation {
width: 65% !important;
}
#footer .container.footerinfobox{padding-top:0px !important;}
#footer .container{
padding:40px 40px 0 40px !important;
}	
#footer .copyright-wrapper .container{
padding:0 !important;
}
.footerarea{padding:0 20px;}
} @media screen and (max-width: 1169px) and (min-width: 768px) {
.logo {
float: left;
}
.main-navigation li.menu-item-has-children a::after {
right: 0 !important;
top: 0 !important;
}
#footer .container.footerinfobox{padding-top:0px !important;}
#footer .container{
padding:40px 40px 0 40px !important;
}	
#footer .copyright-wrapper .container{
padding:0 !important;
}
.footerarea{padding:0 20px !important;}
} @media screen and (min-width: 981px) and (max-width: 1169px) {
html {
overflow-x: hidden;
}
input.search-field,
.post-password-form input[type="password"] {
width: 70%;
}
.toggle {
width: inherit;
}
.blog_lists {
margin: 0 10px 30px 10px;
}
#navigation {
width: 60%;
padding-left: 10px;
}
.inner-banner-thumb h1,
.banner-container h1 {
font-size: 34px;
}
.banner-container {
width: auto;
}
input.search-field {
width: 70% !important;
}
.footer h1,
.footer h2,
.footer h3,
.footer h4 {
font-size: 18px;
margin: 0 0 18px;
}
.footer-row {
padding: 30px 10px 30px 25px;
}
.footer-lft {
padding: 60px 20px;
}
.footer-lft,
.footer-rght {
display: block;
float: none;
width: 100%;
}
.footer-rght {
margin: 20px 0;
padding: 30px 20px;
}
.cols-3 {
width: 100% !important;
padding: 0 15px;
margin-bottom: 20px;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: 44%;
margin: 10px 2%;
}
.main-navigation li.menu-item-has-children > a:after {
top: 15px;
}
.footerarea{
padding:0 20px;
}
} @media screen and (min-width: 768px) and (max-width: 1024px) {
*,
*::before,
*::after {
box-sizing: border-box;
} .header {
width: 100%;
position: relative !important;
overflow: visible;
}
.header .container {
padding: 0 20px !important;
position: relative;
overflow: visible;
}
.header-inner {
flex-wrap: wrap;
min-height: auto;
}
.transheader {
position: relative !important;
background-color: #2805a7 !important;
width: 100% !important;
backdrop-filter: none;
-webkit-backdrop-filter: none;
} .container {
width: 100%;
padding: 0 20px;
}
.content-area {
width: auto;
margin: 0;
padding: 40px 20px;
}
.page_content {
flex-direction: column;
gap: 30px;
padding: 30px 0;
}
#sidebar {
width: 100%;
flex: 1 1 100%;
}
.site-main {
width: 100%;
flex: 1 1 100%;
}
.row_area {
margin-left: 0;
} .logo {
float: left;
width: auto;
padding: 20px 0;
position: relative;
text-align: left;
min-height: inherit;
}
body.wp-custom-logo .logo {
padding: 20px 0 !important;
}
.logo img {
max-height: 55px;
width: auto;
}
.logo h2,
.site-title {
font-size: 22px;
line-height: 1.2;
} #navigation {
float: none !important;
width: 100% !important;
padding: 0 !important;
clear: both;
position: static;
min-height: 0;
display: block;
}
.main-navigation {
display: block;
width: 100%;
} #site-navigation.toggled .menu-toggle, .main-navigation.toggled .menu-toggle{
top: -35px !important;
right: -240px !important;
}
.header-extras .header-search-form{right:20px;}
.main-navigation button.menu-toggle {
position: absolute !important;
top: -21px !important;
right: 15px !important;
left: auto !important;
margin: 0 !important;
z-index: 100002;
width: 44px;
height: 44px;
padding: 6px;
background: transparent;
border: none;
cursor: pointer;
display: inline-flex !important;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 5px;
border: 2px solid #000000;
}
.menu-toggle span {
background: #000000;
}
.toggled .menu-toggle span {
background: #fff !important;
}
.main-navigation.toggled > ul {
max-height: 100vh;
} .srcrt {
float: none !important;
display: block;
text-align: center;
padding: 0 0 0 0;
position: relative;
z-index: 9998;
clear: left;
margin-top: 0;
}
.header-content-right {
display: inline-block;
padding: 0;
min-height: inherit;
margin-bottom: 0;
vertical-align: middle;
}
.skt-header-extras {
display: inline-block;
}
.skt-header-button {
float: none;
display: inline-block;
padding: 12px 40px;
height: auto;
font-size: 15px;
text-align: center;
margin: 0;
}
.skt-header-button:after {
display: none;
} .head-bar:after {
display: none;
}
.header-extras {
padding-top: 0;
margin-top: 0 !important;
}
.social-icons {
margin-top: 0;
}
.copyright-area {
position: relative !important;
}
.head-info-area .center {
width: 98%;
}
.srcrt-old-margin {
margin-top: 0;
} .inner-banner-thumb {
min-height: 180px;
height: auto;
}
.inner-banner-thumb img {
min-height: inherit;
margin: 0 !important;
}
.inner-banner-thumb h1,
.banner-container h1 {
padding: 0 20px;
font-size: 30px !important;
}
.banner-container {
padding: 40px 20px;
} .blog-post {
margin: 0;
}
.blog_lists {
float: none;
width: 100%;
margin-bottom: 20px;
margin-left: 0;
margin-right: 0;
min-height: inherit;
}
.blog_lists h4 {
font-size: 18px;
}
.postmeta {
padding: 0 0 10px 0;
}
aside.widget {
margin-bottom: 20px;
}
.header-phone-number {
margin: 10px 0 15px 0;
float: none;
} .skt-alumni-banner-section .linear {
top: 0;
}
.skt-alumni-banner-section :where(h2, h4) {
text-align: left;
}
.skt-alumni-banner-section h4 br {
display: none;
visibility: hidden;
}
.skt-alumni-banner-section {
background-size: cover !important;
}
.skt-alumni-banner-section h2 {
font-size: 25px !important;
}
.skt-alumni-choose-img-box .skt-blocks-block-section {
border-width: 0 0 1px 0 !important;
}
.skt-testimonials .item {
padding: 30px !important;
}
.skt-testimonials .skt-testimonial-content {
padding-bottom: 10px !important;
} .footer {
padding-top: 30px;
padding-bottom: 30px;
}
.footer-row {
padding: 20px;
margin: 0;
}
.footer h1,
.footer h2,
.footer h3,
.footer h4 {
font-size: 18px;
margin: 0 0 18px;
}
.footer-logo {
padding: 20px 0 0 0;
}
.footer-social,
.c-footer-social {
float: none;
text-align: center;
width: 100%;
padding: 20px 0;
}
.cols-3 {
padding: 0 15px;
margin-bottom: 20px;
}
.footer-lft {
padding: 40px 20px;
}
.footer-lft,
.footer-rght {
display: block;
float: none;
width: 100%;
}
.footer-rght {
margin: 15px 0;
padding: 25px 20px;
}
.footerarea {
padding-top: 40px !important;
}
#footer {
padding: 0;
} .footer-all {
grid-template-columns: 1fr 1fr;
gap: 30px;
}
.footer-rght {
grid-column: 1 / -1;
display: contents;
}
.rfl-row {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
grid-column: 1 / -1;
} .o-layout {
flex-direction: column;
text-align: center;
}
.o-layout__left,
.o-layout__right {
text-align: center;
}
.c-footer-logo,
.c-footer-social {
padding: 0 0 30px 0;
} .woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: 44%;
margin: 10px 2%;
} .skt-alumni-relax-resort-img.elementor-widget-image .elementor-widget-container img {
height: 600px;
object-fit: cover;
}
.skt-alumni-welcome-rating-column .elementor-container {
margin: 0 auto !important;
}
.skt-alumni-amenities-icon .elementor-widget-container {
height: 100px;
line-height: 100px;
} .comment-list .children {
margin-left: 20px;
}
}
@media screen and (min-width: 1025px) and (max-width: 1260px) {
.header .container {
padding: 0 20px !important;
}
.container {
padding: 0 20px !important;
}
} @media screen and (min-width: 768px) and (max-width: 980px) {
.post-thumb {
height: auto;
}
.ft-infobox .footerarea .container {
padding: 10px 20px;
}
.main-navigation.toggled ul li:last-child {
margin-bottom: 0;
}
.main-navigation.toggled ul ul li:last-child {
margin-bottom: 0;
}
.main-navigation li.menu-item-has-children > a:after {
top: 15px;
}
} @media screen and (min-width: 48em) and (max-width: 63.938em) {
#footermenu li {
padding: 5px 15px;
}
.copyright-txt {
padding: 20px 0;
}
.services-box .cols2 {
padding: 30px 20px;
}
.skt-ourservice-title a {
font-size: 22px !important;
}
.service-infobox p {
padding-top: 15px;
padding-bottom: 15px;
font-size: 16px;
}
.footer-social,
.c-footer-social {
float: none;
text-align: center;
width: 100%;
padding: 30px 0 20px 0;
}
} @media screen and (min-width: 63.250em) and (max-width: 72.438em) {
#topmenu {
padding-right: 0;
}
} @media (min-width: 1024px) and (max-width: 1199px) {
.skt-alumni-relax-resort-img.elementor-widget-image .elementor-widget-container img {
height: 850px;
object-fit: cover;
}
} @media screen and (max-width: 767px) {
*,
*::before,
*::after {
box-sizing: border-box;
} h1 { font-size: 28px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; } .container {
width: auto;
padding: 30px 20px;
}
#footer .copyright-wrapper .container{
padding:0px !important;
}
.ft-infobox .container {
padding: 0 15px !important;
}
.header .container {
border-bottom: none;
padding: 0 15px !important;
position: relative;
overflow: visible;
min-height: 70px;
flex-wrap: wrap;
}
.header-inner {
flex-wrap: wrap;
min-height: 70px;
}
.banner-container {
width: auto;
padding: 35px 20px;
}
.banner-container h1 {
font-size: 28px;
}
.row_area {
margin: 0;
}
.columns-row {
margin-left: 0;
margin-right: 0;
}
.center {
width: 100%;
}
.wrap_one {
width: auto;
text-align: center;
} .left,
.right,
.design-by,
.headertop .left,
.headertop .right {
float: none;
margin: 0 auto;
text-align: center;
}
.copyright-txt {
float: none;
margin: 0 auto;
text-align: center;
padding: 20px 0 !important;
}
.footerleft {
float: none;
text-align: center;
} .header {
width: 100%;
padding: 0;
position: relative !important;
overflow: visible;
background-color:#fff !important;
}
.transheader {
position: relative !important;
backdrop-filter: none;
-webkit-backdrop-filter: none;
}
.header.transheader {
background-color: #2805a7 !important;
}
.head-bar:after {
display: none;
} .logo {
float: left;
text-align: left;
padding: 20px 0 20px 0 !important;
position: relative;
width: auto;
min-height: inherit;
max-width: calc(100% - 65px);
}
.logo h2,
.site-title {
text-align: left;
font-size: 22px;
line-height: 1.2;
}
.logo p {
text-align: left;
float: none;
margin: 5px 0 0;
}
.logo img {
max-width: 140px;
max-height: 50px;
} #navigation {
float: none !important;
text-align: left;
width: 100% !important;
padding: 0 !important;
clear: both;
position: static;
min-height: 0;
display: block;
}
.main-navigation {
display: block;
width: 100%;
}
.main-navigation ul li a {
line-height: inherit;
} .main-navigation button.menu-toggle {
position: absolute !important;
top: -18px !important;
right: 10px !important;
left: auto !important;
margin: 0 !important;
z-index: 100002;
width: 44px;
height: 44px;
padding: 6px;
background: transparent;
border: none;
cursor: pointer;
display: inline-flex !important;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 5px;
border:2px solid #000000;
}
.menu-toggle span {
background: #000000;
width: 22px;
height: 2px;
}
.toggled .menu-toggle span {
background: #000000 !important;
} .srcrt {
float: none !important;
width: 100% !important;
display: block;
text-align: center;
padding: 6px 15px 20px;
position: relative;
z-index: 99;
clear: both;
margin-top: -20px;
order: 4;
margin-left: 0;
}
.header-content-right {
display: block;
width: 100%;
padding: 0;
min-height: inherit;
margin-bottom: 0;
text-align: center;
}
.skt-header-extras {
display: block;
text-align: center;
}
.skt-header-button {
float: none;
display: inline-flex;
justify-content: center;
text-align: center;
height: auto;
font-size: 15px;
margin: 0 auto;
}
.skt-header-button:after {
display: none;
}
.header-right-infos {
float: none;
width: 100%;
} .header-extras {
width: auto;
margin: inherit;
float: none;
padding-top: inherit;
}
.header-extras .header-search-form {
left: 0;
right: 0;
width: 100%;
bottom: -43px;
}
.header-search-toggle {
cursor: pointer;
float: left;
margin: 0 0 0 18px;
}
.header-search-form {
width: 100%;
bottom: 0;
right: 0;
left: 0;
z-index: 9999999;
}
.header-phone-number {
margin: 8px auto 15px;
float: none;
text-align: center;
} .inner-banner-thumb {
min-height: 160px;
height: auto;
position: relative;
}
.inner-banner-thumb img {
min-height: inherit;
}
.inner-banner-thumb h1 {
left: 0;
right: 0;
text-align: center;
font-size: 24px;
padding: 0 15px;
} .site-main {
width: auto;
margin: 0;
padding: 0 0 20px;
float: none;
flex: 1 1 100%;
}
.content-area {
width: auto;
margin: 0;
padding: 30px 15px;
}
.page_content {
padding: 0 0 25px 0;
flex-direction: column;
gap: 30px;
}
body.home .page_content {
padding: 0;
}
body.page .page_content .site-main {
margin: 15px 0 0 0;
}
.col-columns-2 {
width: 100%;
padding: 20px 15px;
box-sizing: border-box;
float: none;
}
.blog-post {
margin: 0;
}
.blog_lists {
float: none;
width: 100%;
margin-bottom: 15px;
margin-left: 0;
margin-right: 0;
padding-right: 0;
}
.BlogPosts {
float: none;
width: auto;
margin: 0 0 10%;
}
.post-thumb {
width: 100%;
float: none;
max-height: none;
}
h2.section_title {
text-align: center;
}
.postmeta {
padding: 14px 0 10px 0;
gap: 8px;
}
.entry-title {
font-size: 20px;
} article.post .entry-header,
article.hentry .entry-header,
article.post .entry-content,
article.hentry .entry-content,
article.post .entry-summary,
article.hentry .entry-summary,
article.post .rdmore,
article.hentry .rdmore {
padding-left: 18px;
padding-right: 18px;
} #sidebar {
width: 100%;
float: none;
flex: 1 1 100%;
} .wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
width: 100%;
}
input.search-field {
width: 66%;
}
.toggle {
margin: 0 auto;
} .footer {
padding-bottom: 30px;
padding-left:0px;
padding-right:0px;
}
.footer-row {
padding: 20px;
}
.footer aside.widget{
margin-bottom:0px;
}
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6 {
margin: 16px 0;
font-size: 18px;
}
.cols-3 {
float: none;
width: 100% !important;
margin: 0 0 10px 0;
padding: 0 15px;
}
.cols-3:nth-child(1) {
width: 100% !important;
}
.cols-3.widget-column-1 {
padding-right: 15px;
}
.cols-3:nth-of-type(1) {
padding-top: 0;
}
.footerarea {
padding: 0 20px 0 20px;
}
.footer-lft {
padding: 25px 15px !important;
}
.footer-lft,
.footer-rght {
float: none;
width: 100%;
padding: 0 15px 15px 15px;
display: block;
}
.footer-lft .wp-block-spacer {
display: block !important;
}
.footer-rght {
margin: 10px 0;
border-radius: var(--sps-radius-sm);
padding: 20px 15px;
}
.footer-social,
.c-footer-social {
float: none;
text-align: center;
width: 100%;
padding: 10px 0 20px 0;
}
.footer-logo,
.c-footer-logo {
float: none;
text-align: center;
padding: 20px 0;
}
#footermenu {
margin-top: 0;
padding: 20px;
}
#footermenu li {
display: block;
padding: 8px 0;
}
.copyright-wrapper {
text-align: center;
} .footer-all {
grid-template-columns: 1fr;
gap: 20px;
}
.rfl-row {
grid-template-columns: 1fr;
} .o-layout {
flex-direction: column;
text-align: center;
}
.o-layout__left,
.o-layout__right {
text-align: center;
} .skt-alumni-banner br {
display: none;
}
.skt-alumni-banner-section .linear {
top: 0;
}
.skt-alumni-banner-section :where(h2, h4) {
text-align: left;
}
.skt-alumni-banner-section h4 br {
display: none;
visibility: hidden;
}
.skt-alumni-banner-section {
background-size: contain !important;
}
.skt-alumni-banner-section h2 {
font-size: 25px !important;
}
.skt-alumni-choose-img-box .skt-blocks-block-section {
border-width: 0 0 1px 0 !important;
} .comment-list .children {
margin-left: 14px;
} .woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: 90%;
margin: 10px auto;
float: none;
display: block;
} .woocommerce table.shop_table {
width: 100%;
display: block;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
} .wp-block-embed__wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
} @media screen and (min-width: 480px) and (max-width: 767px) {
.container,
.content-area {
width: auto;
margin: 0 auto;
}
.logo {
padding: 15px 0;
}
#navigate-main {
width: 100%;
}
.inner-banner-thumb h1 {
left: 0;
right: 0;
text-align: center;
font-size: 30px;
padding: 0 15px;
}
.banner-container h1 {
font-size: 30px;
}
.blog_lists {
margin-bottom: 30px;
}
.skt-alumni-banner br {
display: none;
}
#navigation {
padding: 0 !important;
}
.header-phone-number {
margin: 10px auto;
float: none;
text-align: center;
}
.skt-alumni-welcome-rating-column .elementor-container {
margin: 0 auto !important;
}
.skt-alumni-banner-section .linear {
top: 0;
}
.skt-alumni-banner-section {
background-size: contain !important;
}
.skt-alumni-banner-section h2 {
font-size: 25px !important;
}
.footer-social,
.c-footer-social {
float: none;
text-align: center;
width: 100%;
padding: 10px 0 20px 0;
}
.srcrt {
text-align: center;
}
.skt-header-quote-btn a {
float: none;
width: 100%;
text-align: center;
border-radius: 0;
font-size: 16px;
height: auto;
padding: 10px;
margin: 0 0 10px 0;
} .woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: 44%;
margin: 10px 2%;
display: inline-block;
float: none;
}
.main-navigation li.menu-item-has-children > a:after {
top: 15px;
}
} @media screen and (max-width: 479px) {
.container {
padding: 30px 20px;
}
.footer-social,
.c-footer-social {
padding: 0 0 20px 0;
float: none;
text-align: center;
}
.footer-logo,
.c-footer-logo {
float: none;
text-align: center;
padding: 20px 0;
}
#footermenu {
margin-top: 0;
}
#footermenu li {
display: block;
padding: 10px 0;
}
.header-search-form {
width: 100%;
bottom: 0;
right: 0;
left: 0;
z-index: 9999999;
}
.cols-3 {
width: 100% !important;
padding: 0 10px;
}
.col-columns-2 {
width: 100%;
float: none;
padding: 15px;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: 94%;
margin: 10px auto;
display: block;
float: none;
}
.inner-banner-thumb h1,
.banner-container h1 {
font-size: 22px;
padding: 0 10px;
}
.banner-container {
padding: 30px 15px;
}
.entry-title {
font-size: 18px;
}
.skt-header-button {
font-size: 16px;
padding: 11px 36px;
}
.logo img {
max-width: 140px;
max-height: 50px;
}
.logo h2,
.site-title {
font-size: 20px;
}
.main-navigation li.menu-item-has-children > a:after {
top: 15px;
}
.c-social-icons__link {
width: 45px;
height: 45px;
} .c-social-icons {
gap: 6px;
flex-wrap: wrap;
justify-content: center;
} .comment-list .children {
margin-left: 10px;
padding-left: 8px;
}
.header-extras span{
display:table;
margin:0 auto;
line-height:52px;
width:50px;
height:50px;
line-height:50px;
top:5px;
}
} @media screen and (max-width: 812px) and (orientation: landscape) {
.inner-banner-thumb h1 {
font-size: 26px;
}
}
@media screen and (orientation: landscape) and (max-width: 1080px) {
.blog_lists {
min-height: inherit;
}
.ft-infobox .footerarea .container {
padding: 40px 20px 10px 20px;
}
.footer-row {
margin: 0;
}
} @media (max-width: 1170px) {
.container {
width: 100%;
}
}
@media (max-width: 768px) {
#sidebar {
width: 100%;
float: none;
margin-top: -40px;
margin-bottom: -40px;
}
.content-area {
width: 100%;
float: none;
}
article.post .entry-content,
article.hentry .entry-content,
article.post .entry-summary,
article.hentry .entry-summary,
article.post .rdmore,
article.hentry .rdmore {
padding-left: 18px;
padding-right: 18px;
}
}
@media (max-width: 480px) {
.banner-container h1 {
font-size: 24px;
}
.entry-title {
font-size: 20px;
}
}