/*
Theme Name: Study Circle
Theme URI: https://gracethemes.com/themes/free-education-wordpress-theme/
Author: Grace Themes
Author URI: https://gracethemes.com/
Description: Study Circle is a free Education WordPress theme. It is perfect for school, college, tution classes, coaching classes, personal, bloging and any small business. It is user friendly customizer options and Compatible in WordPress Latest Version. also Compatible with WooCommerce, Nextgen gallery ,Contact Form 7 and many WordPress popular plugins. Demo Link: https://gracethemes.com/demo/studycircle/
Version: 3.0
License: GNU General Public License version 2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: study-circle
Requires PHP:  5.6
Tested up to: 6.9
Tags:blog,two-columns,left-sidebar,full-width-template,custom-colors,custom-menu,custom-header,custom-logo,featured-images,editor-style,custom-background,threaded-comments,theme-options, translation-ready

Study Circle WordPress Theme has been created by Grace Themes(gracethemes.com), 2018.
Study Circle WordPress Theme is released under the terms of GNU GPL
*/
body{ background-color:#fff; margin:0; padding:0;line-height:24px; font-size:16px; color:#5c5c5c; font-family:'Montserrat', sans-serif;  -ms-word-wrap:break-word; word-wrap:break-word; }
*{ margin:0; padding:0; outline:none;  box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
img{ border:none; margin:0; padding:0; height:auto; max-width:100%;}
.wp-caption, .wp-caption-text, .sticky, .gallery-caption, .aligncenter{ margin:0; padding:0; max-width:100% !important;}
p{ margin:0; padding:0;}
a{ text-decoration:none; color:#e15e26;}
a:hover{ color:#333;}
ol,ul{ margin:0; padding:0;}
ul li ul, ul li ul li ul, ol li ol, ol li ol li ol{ margin-left:10px;}
h1,h2,h3,h4,h5,h6{ color:#484f5e; font-family:'Montserrat', sans-serif; margin:0 0 20px; padding:0; line-height:1.1; font-weight:400; text-transform:uppercase; }
h1{ font-size:32px;}
h2{ font-size:28px;}
h3{ font-size:24px;}
h4{ font-size:20px;}
h5{ font-size:18px;}
h6{ font-size:14px;}
.clear{ clear:both;}
.alignnone{ width:100% !important;}
img.alignleft, .alignleft{ float:left; margin:0 15px 0 0; padding:5px; border:1px solid #cccccc;}
img.alignright, .alignright{ float:right; margin:0 0 0 15px; padding:5px; border:1px solid #cccccc;}
.left{ float:left;}
.right{ float:right;}
.pagination{display:table; clear:both;}
.pagination ul{list-style:none; margin:20px 0;}
.pagination ul li{display:inline; float:left; margin-right:5px;}
.pagination ul li span, .pagination ul li a{background:#646262; color:#fff; padding:5px 10px; display:inline-block;}
.pagination ul li .current, .pagination ul li a:hover{background:#34c6f6;}

#comment-nav-above .nav-previous, #comment-nav-below .nav-previous{ float:none !important; margin:10px 0;}
ol.comment-list li{ list-style:none; margin-bottom:5px;}

.logo{float:left; z-index:999; padding:10px 0;  color:#111;}
.logo h1{font-weight:400; margin:0; line-height:36px; color:#111;}
.logo a{ color:#111;}
.logo span{ color:#111; display:block;}
.container{ 
/* 	width:1400px; */
	margin:0 auto; position:relative;}
#pageholder{ width:100%; margin:0 auto;}
/*header menu css*/
.toggle{display: block;}
.toggle a{width:100%; color:#ffffff; background:url(images/mobile_nav_right.png) no-repeat right center #3e3e3e; padding:10px 10px; margin-top:5px; font-size:16px; display:none;}
.toggle a:hover{color:#ffffff !important;}
.header{width:100%; z-index:999; top:auto; box-shadow:0 1px 3px #ddd; }
.sitenav{ padding:0; text-align:right; float:right;}
.sitenav ul { float:right; margin:0; padding:0; font-family:'Montserrat', sans-serif; font-weight:400; font-size:15px; text-transform:uppercase;}
.sitenav ul li{ display:inline-block; margin:0; position:relative; text-align:center;}
.sitenav ul li a{ padding:28px 20px; display:block; color:#111; }
.sitenav ul li ul li{display:block; position:relative; float:none; }
.sitenav ul li ul li a{display:block; padding-top:10px; padding-bottom:10px; position:relative; text-align:left; border-bottom:1px solid #eee;  }
.sitenav ul li ul li a:hover, .sitenav ul li ul.sub-menu li.current_page_item a{border-radius:0; }
/* .sitenav ul li a:hover, .sitenav ul li.current_page_item a, .sitenav ul li.current-menu-ancestor a.parent{ background-color:#e15e26; color:#fff; } */
/* Only highlight top-level active menu */
.sitenav > div > ul > li.current-menu-item > a,
.sitenav > div > ul > li.current-menu-ancestor > a{
    background-color:#1666a9;
    color:#fff;
}

/* Highlight only the actual active submenu item */
.sitenav ul ul li.current-menu-item > a{
    background:#1666a9;
    color:#fff;
}

/* Prevent dropdown parents from appearing active */
.sitenav ul ul li.current-menu-ancestor > a{
    background:transparent !important;
    color:#2b2b2b !important;
}

.sitenav ul li ul{display:none; z-index:9999; position:relative;}
.sitenav ul li:hover > ul{display:block; width:200px; position:absolute; left:0; text-align:left; background-color:#fff;  box-shadow:0 2px 2px #000; }
.sitenav ul li:hover ul li ul{display:none; position:relative;}
.sitenav ul li:hover ul li:hover > ul{display:block; position:absolute; left:250px; top:1px;}
.sitenav ul li.current-menu-ancestor a.parent{}

section#home_slider{ padding:0; }
#FrontBlogPost, #wrapfirst, #wrapsecond{ padding:70px 0;  border-top:1px solid #E1E1E1; box-shadow:0 1px 10px rgba(0, 0, 0, 0.1) inset}
h2.section-title {color:#454545; font:300 36px/40px 'Montserrat',san-serif; text-align: center; }

.welcomecontent{ width:50%; float:left; text-align:right; margin:0 25px 0 0; }
.welcomethumb{ width:45%; float:right; text-align:left;}

.UnderLine{ width:50%; position:relative; display:inline-block; clear:both; margin:10px auto 30px; border-top:1px solid #E1E1E1;}
.hr-inner{ position:absolute; margin-top:-1px; top:50%; height:1px; width:100%;}
.hr-style { background-color:#FCFCFC; border-radius: 20px;  border-style: solid;  border-width:1px; display: block; height: 9px; left: auto; right:0; margin-left: -5px; margin-top: -5px; position: absolute;    width: 9px;}

#sidebar .search-form input.search-field{ background-color:#f0efef; width:80%; padding: 12px 15px 12px 15px; box-sizing:border-box; border:1px solid #ddd; }
#sidebar .search-form input.search-submit{ background:url(images/search-icon.png) no-repeat center center #e15e26; padding: 10px 0 10px 0; font-size:0; width:20%; height:42px; float:right; border:0;}
/* = section first css
-------------------------------------------------------------- */
.fourbox{ background-color:#f6f4f4; color:#2e2e2e; width:30%; float:left; margin:0 5% 0 0; text-align:center; position:relative; min-height:280px; box-sizing:border-box;}
.fourbox p{line-height:20px; margin-bottom:20px; }
.fourbox h3{ font-size:16px; font-weight:400; color:#343434; margin:0 0 15px;}
.fourbox h3 a{color:#343434;}
.fourbox:hover h3{ color:#31cafd;}
.fourbox .thumbbx { height:220px; overflow:hidden; margin:0 auto;}
.fourbox .pagecontent { padding:20px;}
.fourbox .thumbbx img{ width:100%; height:auto;}

/* = Services section css
-------------------------------------------------------------- */
#Appwrap{ background-color:#fff; color:#5c5c5c; padding:50px 0; box-shadow:0px 5px 10px rgba(0, 0, 0, 0.1) inset; text-align:center;}
#Appwrap h3{ color:#5c5c5c; font-size:24px; font-weight:600; margin-bottom:25px; }
#Appwrap p{ color:#5c5c5c; margin-bottom:35px; }
.appbutton{ padding:15px 25px !important; text-transform:uppercase;}
.appbutton:hover{ background-color:#e15e26;}
.appointmentwrap{}
.last_column{clear:right; margin-right:0 !important; }



.ReadMore{ background-color:#333;  color:#fff ;display: inline-block; padding:8px 15px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; -o-border-radius:8px; -ms-border-radius:8px;}
.ReadMore:hover{ background-color:#e15e26;color:#fff ;}

.welcomewrap p{ margin-bottom:30px;}
.welcomewrap h2{  margin-bottom:20px; font-size:38px; border-bottom:2px solid #dddddd; padding-bottom:10px; text-align:center; display:inline-block;}

/* = Page lay out css
-------------------------------------------------------------- */
.site-main{ width:740px; margin:0; padding:0; float:left;}
.fullwidth{ width:100% !important; float:none  !important;}
.fullwidth p{ margin-bottom:25px;}
#page_content{ padding:25px 0;}
#page_content p{ margin-bottom:25px; line-height:24px;}

.blog_lists{ margin-bottom:30px; padding:25px 0; }
.blog_lists h3{ margin-bottom:0px;}
.blog_lists h3 a{ color:#484f5e;}
.blog_lists h3 a:hover{ color:#e15e26;}
.blog_lists p{ margin-bottom:10px;}
.blog-meta{ font-style:italic; margin-bottom:8px;}
.post-date, .post-comment, .post-categories{ display:inline; color:#333;} 
.single_title{ margin-bottom:5px;}
.BlogPosts{ width:31.2%; float:left; margin:0 3% 0 0;}
.BlogPosts img{ width:100%;}
.BlogPosts h2{ margin:10px 0; font-size:22px; }
.post-thumb{ width:30%; float:left; margin:5px 25px 5px 0;}
.post-thumb img{ width:100%; }

/* = sidebar
-------------------------------------------------------------- */
#sidebar{ width:330px; float:right;}
aside.widget{margin-bottom:30px; background-color:#f6f4f4; padding:20px; border:1px solid #edecec;}
aside.widget ul{ list-style:disc; }
h3.widget-title{ background-color:#e15e26; padding:12px 15px; margin:-20px -20px 10px; color:#fff; font-size:20px}
h3.widget-title a{ color:#fff;}
#sidebar ul li{ list-style:none;  padding:5px 0;}
#sidebar ul li a{ background:url(images/sidebar-arrow.png) no-repeat 0 14px; padding:10px 0 10px 20px; color:#3b3b3b;}
#sidebar ul li a:hover{ color:#34c6f6;}
#sidebar ul li:last-child a{ border:none;}



/* = Footer css
-------------------------------------------------------------- */
#footer-wrapper{background-color:#201d1b; position:relative;  color:#fff;}
.cols-4{width:19%; float:left; margin:0 1.25% 2% 0; padding:40px 0 20px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box }
.widget-column-4 { margin-right:0px !important;}
.cols-4 h5{ font-weight:400; font-size:18px; color:#fff; margin-bottom:25px; border-bottom:1px solid #2b2b2b; padding-bottom:15px; }
.cols-4 ul{ margin:0; padding:0; list-style:inside disc;}
.cols-4 ul li { padding:0; color:#fff; padding:3px 0;
/* 	border-bottom:1px solid #2b2b2b; */
	border:none;
    padding:6px 0;
}
.cols-4 ul li:last-child {border:none;}
.cols-4 ul li a { color:#fff; font-size:13px; padding-left:10px; }
.cols-4 ul li a:hover, .cols-4 ul li.current_page_item a { color:#e15e26;}
.cols-4 p{ margin-bottom:0;}


.copyright-wrapper {  background-color:#191614; position:relative; padding:15px 0; color:#9a9a9a; font-size:12px;}
.powerby{ text-align:center; color:#9a9a9a;}
.powerby a{ color:#b5b5b5;}
.powerby a:hover{ color:#fff;}

/* Buttons */
.button{ background-color:#ff6565; border-bottom:4px solid #e44545; color:#fff; padding:8px 20px; display:inline-block; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px; }
.button:hover{background-color:#34c6f6; border-color:#1898c2; color:#fff;}

/* woocommerce CSS
================================================*/
a.added_to_cart{background:#e1472f; padding:5px; display:inline-block; color:#fff; line-height:1;}
a.added_to_cart:hover{background:#000000;}
a.button.added:before{content:'' !important;}
#bbpress-forums ul li{padding:0;}
#subscription-toggle a.subscription-toggle{padding:5px 10px; display:inline-block; color:#e1472f; margin-top:4px;}
textarea.wp-editor-area{border:1px #ccc solid;}
.woocommerce input[type=text], .woocommerce textarea{border:1px #ccc solid; padding:4px;}
form.woocommerce-ordering select{ padding:5px; color:#777777;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Montserrat',san-serif; color:#ff8a00;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
h1.product_title, p.price{ margin-bottom:10px;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Montserrat',san-serif; color:#ff6d84;}
.woocommerce ul.products li, #payment ul.payment_methods li{ list-style:none !important;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
.woocommerce table.shop_table th, .woocommerce table.shop_table td{ border-bottom:0px !important}

.woocommerce .quantity .qty{ padding:7px; border:1px solid #ccc;}
.woocommerce-Price-amount.amount{font-size:14px !important;}
.woocommerce div.product .product_title{ padding-bottom:20px !important;}
.woocommerce div.product form.cart{ margin-top:15px !important;}

/* ============= Contact Page =========== */
.wpcf7{ margin:30px 0 0; padding:0;}
.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"]{ 
/* 	width:40%; */
	border:1px solid #cccccc; box-shadow:inset 1px 1px 2px #ccc; height:35px; padding:0 15px; color:#797979; margin-bottom:0;}
.wpcf7 textarea{width:60%; border:1px solid #cccccc; box-shadow:inset 1px 1px 2px #ccc; height:150px; color:#797979; margin-bottom:25px; font:12px arial; padding:10px; padding-right:0;}
.wpcf7 input[type="submit"]{background-color:#e15e26; width:auto; border:none; cursor:pointer; font:18px 'Montserrat',san-serif; color:#ffffff; padding:10px 40px; border-radius:3px;}	

/* ============= Comment Form ============ */
h1.screen-reader-text{font:22px 'Montserrat',san-serif;}
.site-nav-previous, .nav-previous{ float:left;}
.site-nav-next, .nav-next{ float:right;}
h3#reply-title{font:300 18px 'Montserrat',san-serif;}
#comments{ margin:30px 0 0; padding:0;}
nav#nav-below{ margin-top:15px;}
body.wp-custom-logo .logo h1{display:none;}

#sidebar select{ width:100%; height:30px;}
.textwidget select{ width:100%; height:30px;}
table{ width:100%}
/* Accessibility */
/* Text meant only for screen readers. */
.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 !important;
  width: 1px;
  word-wrap: normal !important; 
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#page_content[tabindex="-1"]:focus {
  outline: 0;
}


/* = Navigation Focus CSS
-------------------------------------------- */

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
a:focus {
/* 	outline: thin dotted #e15e26; */
}

/* ===== Footer column width adjustment ===== */

/* First 3 columns slightly smaller */
#footer-wrapper .cols-4{
    width:17%;
}

/* Last column (Get in Touch) wider */
#footer-wrapper .widget-column-4{
    width:23%;
    margin-right:0;
}
/* prevent overflow */
#footer-wrapper .container{
    overflow:hidden;
}
html, body{
    overflow-x:hidden;
}


/* ===============================
   FOOTER POLISH FIX
================================ */

/* Reduce column gap */
#footer-wrapper .cols-4{
    margin-right:1%;
    padding-top:20px;
}

/* Remove extra space after last column */
#footer-wrapper .widget-column-4{
    margin-right:0 !important;
}

/* Tighten heading spacing */
#footer-wrapper .cols-4 h5{
    margin-bottom:15px;     /* was 25px */
    padding-bottom:10px;    /* was 15px */
}

/* Divider line closer to content width */
#footer-wrapper .cols-4 ul li{
    padding:2px 0;
}

/* Prevent divider from feeling too long */
#footer-wrapper .cols-4 ul{
    padding-right:10px;
}

/* Better visual alignment for contact column */
#footer-wrapper .widget-column-4 p{
    margin-bottom:8px;
    line-height:1.6;
}

/* Icons + text alignment improvement */
#footer-wrapper .widget-column-4 i,
#footer-wrapper .widget-column-4 svg{
    margin-right:8px;
}


/* Footer Fix */
/* =====================================
   FOOTER FINAL OVERRIDE (IMPORTANT)
===================================== */

/* activate flex layout */
#footer-wrapper .footer-flex{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:40px;
}

/* kill old float system */
#footer-wrapper .cols-4{
    float:none !important;
    width:auto !important;
    flex:1 1 220px !important;
    margin:0 !important;
    padding:35px 0 25px !important;
}

/* remove old heading divider */
#footer-wrapper .cols-4 h5{
    border-bottom:none !important;
    text-transform:none !important;
}

/* remove legacy UL styling */
#footer-wrapper .cols-4 ul{
    list-style:none !important;
    padding:0 !important;
}

/* responsive container fix */
@media (min-width:992px){
    #footer-wrapper .cols-4:not(:last-child){
/*         border-right:1px solid rgba(255,255,255,0.06); */
        padding-right:30px;
    }
}
@media (max-width:768px){

    #footer-wrapper .footer-flex{
        flex-direction:column !important;
        gap: 5px !important;
		padding-bottom: 0 !important;
    }

    #footer-wrapper .cols-4{
        border-right:none !important;
        border-bottom:1px solid rgba(255,255,255,0.08);
        padding:10px 0 !important;
    }

    #footer-wrapper .widget-column-4{
        border-bottom:none !important;
    }
}
/* make contact column wider */
#footer-wrapper .widget-column-4{
    flex:1.6 1 320px !important;
    max-width:420px;
}
/* keep whatsapp text in one line */
#footer-wrapper .widget-column-4 a{
    word-break:keep-all;
}

#footer-wrapper .widget-column-4 .whatsapp,
#footer-wrapper .widget-column-4 a[href*="wa"]{
    white-space:nowrap;
}
#footer-wrapper .footer-flex{
    align-items:flex-start;
}

/* ===============================
   FOOTER TABLET FIX (2 COLUMNS)
================================ */

/* Tablet view */
@media (min-width: 600px) and (max-width: 991px){

    .footer-widgets,
    .footer {
        display: flex !important;
        flex-wrap: wrap !important;
    }

    .footer-widgets .widget,
    .footer .widget {
        width: 50% !important;
        max-width: 50% !important;
        float: none !important;
        box-sizing: border-box;
        padding-right: 20px;
    }
}
#footer-wrapper .container{
    max-width:1400px;
    margin:auto;
    padding-left:20px;
    padding-right:20px;
}

/* CONTACT INFO ALIGNMENT */
#footer-wrapper .widget-column-4 p{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin-bottom:10px;
}

#footer-wrapper .widget-column-4 i,
#footer-wrapper .widget-column-4 svg{
    min-width:16px;
    margin-top:4px;
}
#footer-wrapper .footer-flex{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    gap:50px;
    padding-top:40px;
    padding-bottom:25px;
}
#footer-wrapper .cols-4{
    flex:1;
    min-width:180px;
}

#footer-wrapper .widget-column-4{
    flex:1.5;
    min-width:320px;
}
#footer-wrapper h5{
    font-size:18px;
    font-weight:600;
    margin-bottom:18px;
    color:#ffffff;
    letter-spacing:0.3px;
}
#footer-wrapper ul li{
    padding:5px 0;
}

#footer-wrapper ul li a{
    font-size:14px;
    color:#bdbdbd;
    transition:0.25s;
}

#footer-wrapper .widget-column-4{
    font-size:14px;
    line-height:1.7;
}
/* Contact info icon + text alignment */
#footer-wrapper #address .address-info{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:12px;
}

/* icon styling */
#footer-wrapper #address .icon{
    width:20px;
    min-width:20px;
    font-size:16px;
    margin-top:3px;
}

/* text block */
#footer-wrapper #address .content{
    flex:1;
    line-height:1.6;
}

/* prevent phone numbers breaking badly */
#footer-wrapper #address .content a{
    white-space:nowrap;
}
/* ===== FINAL CONTACT ICON ALIGNMENT FIX ===== */

#footer-wrapper #address .address-info{
    display:flex !important;
    align-items:flex-start !important;
    gap:12px;
    margin-bottom:14px;
}

#footer-wrapper #address .icon{
    flex:0 0 18px;
    width:18px;
    text-align:center;
    margin-top:4px;
}

#footer-wrapper #address .icon i{
    font-size:16px;
}

#footer-wrapper #address .content{
    flex:1;
    display:block;
}

#footer-wrapper #address .address-info .content + .content{
    margin-top:4px;
}
/* ===== CONTACT ICON + TEXT PERFECT ALIGNMENT ===== */

#footer-wrapper #address .address-info{
    display:grid !important;
    grid-template-columns:22px auto;
    column-gap:12px;
    margin-bottom:14px;
}

#footer-wrapper #address .icon{
    grid-column:1;
    margin-top:3px;
}

#footer-wrapper #address .content{
    grid-column:2;
}


/* CLEAN FOOTER DIVIDERS */
#footer-wrapper .cols-4{
	    border-right:none !important;
    position:relative;
}

/* FOOTER DIVIDERS */
#footer-wrapper .cols-4{
    position:relative;
}

#footer-wrapper .cols-4::after{
    content:"";
    position:absolute;
    right:-25px;
    top:10px;
    bottom:10px;
    width:1px;
    background:rgba(255,255,255,0.08);
}


/* REMOVE DIVIDER FROM LAST COLUMN */
#footer-wrapper .cols-4:last-child{
    border-right:none !important;
}

/* REMOVE DIVIDER FROM LAST FOOTER COLUMN */
#footer-wrapper .widget-column-4::after{
    display:none !important;
}
/* MAKE FOOTER DIVIDERS SAME HEIGHT */
#footer-wrapper .footer-flex{
    align-items:stretch !important;
}

#footer-wrapper .cols-4{
    display:flex;
    flex-direction:column;
}

#footer-wrapper .cols-4 ul li a:hover{
    color:#4db2ff;
    transform:translateX(6px);
}
/* ACTIVE FOOTER MENU ITEM */

#footer-wrapper .cols-4 ul li.current-menu-item > a,
#footer-wrapper .cols-4 ul li.current_page_item > a,
#footer-wrapper .cols-4 ul li.current-menu-ancestor > a{
    color:#4db2ff;
    font-weight:600;
    transform:none;
}
/* FOOTER LINK HOVER */
#footer-wrapper .cols-4 ul li a{
    font-size:14px;
    color:#bdbdbd;
    display:inline-block;
    transition:all .25s ease;
}
#footer-wrapper .widget-column-4 a:hover{
	color: #BE3845;
	transition:all .25s ease;
}

/* Stop dropdown parent items from staying blue */
.sitenav ul ul li.current-menu-ancestor > a.parent{
    background:none !important;
    background-color:transparent !important;
    color:#2b2b2b !important;
}

/* Only highlight actual submenu page */
.sitenav ul ul li.current-menu-item > a{
    background:#1666a9 !important;
    color:#fff !important;
}
/* Reset dropdown parent highlight */
.sitenav ul ul li > a.parent{
    background:transparent !important;
    color:#111 !important;
}

/* Only highlight the item actually hovered */
.sitenav ul ul li:hover > a{
    background:#1666a9 !important;
    color:#fff !important;
}

/* Active submenu item */
.sitenav ul ul li.current-menu-item > a{
    background:#1666a9 !important;
    color:#fff !important;
}
/* Normal hover behaviour */
.sitenav ul li a:hover{
    background:#1666a9;
    color:#fff;
}

/* UNIFY MENU ACTIVE + HOVER COLOR */

.sitenav ul li.current-menu-item > a,
.sitenav ul li.current-menu-ancestor > a,
.sitenav ul ul li.current-menu-item > a,
.sitenav ul li a:hover,
.sitenav ul ul li:hover > a{
    background:#007DD9 !important;
    color:#fff !important;
}

/* Parent stays highlighted while its submenu is open */
.sitenav ul li:hover > a{
    background:#007DD9 !important;
    color:#fff !important;
}