/**
 * Theme Name:     Zakra Child
 * Author:         AppBuddy
 * Template:       zakra
 * Text Domain:	   zakra-child
 * Description:    Zakra is a powerful and versatile multipurpose theme that makes it easy to create beautiful and professional websites. With over free 40 pre-designed starter demo sites to choose from, you can quickly build a unique and functional site that fits your specific needs. Whether you
 */
@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"); /* Using a url */
/* THEME CSS */
.zak-top-bar__1{
	flex: 1 1 auto;
	width:100%;
}
@media (max-width:992px){
	.zak-header .zak-top-bar{
padding-bottom: 0;
	padding-top: 0;
}
	.zak-container{
		padding-left: 0;
  padding-right: 0;
	}
}

/*GIGW STANDARDS*/
/*  -TOP BAR */

.off-css {
  display: none !important;
}

#topBar.make-accessible-header {
        font-size: 14px;
}

#topBar.make-accessible-header::before {
        display: table;
        line-height: 0;
        content: "";
}

#topBar.make-accessible-header .topbar-container::before {
        display: table;
        line-height: 0;
        content: "";
}

#topBar #accessibility>ul {
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        display: flex;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
}

#accessibility>ul>li:nth-of-type(1) {
        order: 3;
}

#topBar #accessibility ul li {
        float: left;
}

#topBar #accessibility ul li {
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin: 0 4px 0 0;
}

#topBar #accessibility>ul>li:nth-of-type(3) {
        flex: 1 0 auto;
}


#topBar #accessibility>ul>li:nth-of-type(4) {
        order: 4;
}

#topBar #accessibility>ul>li:nth-of-type(5) {
        order: 5;
}

#topBar #accessibility>ul>li:nth-of-type(6) {
        order: 6;
}

#topBar #accessibility>ul>li:nth-of-type(7) {
        order: 7;
}

#topBar #accessibility>ul>li:nth-of-type(8) {
        order: 8;
}

#topBar.make-accessible-header .topbar-container::after {
        display: table;
        line-height: 0;
        content: "";
        clear: both;
}


#topBar.make-accessible-header #accessibility ul li a img {
        display: initial;
        vertical-align: middle;
}


#topBar.make-accessible-header #accessibility ul li a {
        padding: 0 7px !important;
        height: 37px;
        font-size: 13px !important;
        display: grid;
        align-items: center;
        line-height: initial !important;
}
@media (min-width:992px){
	#topBar #accessibility>ul>li:nth-of-type(3) a{
       text-align:left;
}
}

#topBar.make-accessible-header #accessibility ul li ul.accessiblelinks.textSizing {
        display: none;
        position: absolute;
        width: 48px;
        background: #fff;
        left: 0;
        z-index: 99;
        padding: 0 !important;
        border: 1px solid #d8d8d8;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: rgb(216, 216, 216);
        border-top: none;
}

#topBar #accessibility ul li .socialIcons.select-lang {
        width: inherit;
        background: #fff;
        border: 1px solid #d8d8d8;
        left: inherit;
        right: 0;
        z-index: 1000;
        position: absolute;
        visibility: hidden;
        opacity: 0;
        padding: 0;
}

#topBar #accessibility ul li .socialIcons.select-lang li {
        padding: 0 10px;
}

#topBar #accessibility ul li:hover a+.socialIcons {
        visibility: visible;
        opacity: 1;
}

#topBar #accessibility ul li .socialIcons.select-lang li {
        float: none;
        width: 100%;
        text-align: center;
}

#topBar #accessibility ul li .goiSearch {
        position: absolute;
        width: 209px;
        z-index: 1;
        left: 0px;
        overflow: hidden;
        visibility: hidden;
        opacity: 0;
        z-index: 1000;
}

#topBar #accessibility ul li.searchbox:hover .goiSearch {
        visibility: visible;
        opacity: 1;
}


#topBar.make-accessible-header #accessibility ul li a {
        padding: 0 7px !important;
        height: 37px;
        font-size: 13px !important;
        display: grid;
        align-items: center;
}

#topBar #accessibility ul li a {
        color: #333333;
        font-size: 2em;
        padding: 4px 8px;
        vertical-align: top;
        display: block;
	  border-left: 0;
}

@media (max-width:991px){
	#topBar #accessibility ul li a {
        border-left: 1px solid #d8d8d8;

}
}

	#topBar {
        border-bottom: 0;
}
@media (max-width:991px){
	#topBar {
        border-bottom: 1px solid #d8d8d8;
}
}

#topBar.make-accessible-header #accessibility ul li ul.accessiblelinks.textSizing {
        display: none;
        position: absolute;
        width: 48px;
        background: #fff;
        left: 0;
        z-index: 99;
        padding: 0 !important;
        border: 1px solid #d8d8d8;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: rgb(216, 216, 216);
        border-top: none;
}

#topBar.make-accessible-header #accessibility ul li.mFocus ul.accessiblelinks.textSizing {
        display: block;
}

@media (max-width:575px) {
        .site_logo {
                height: 74px
        }

        .site_name_english {
                font-size: 16px;
        }

        h1.site_name_regional {
                font-size: 20px !important;
        }
}

h1.site_name_regional {
        font-size: 32px;
        margin: 0;
        color: #241b99;
}

@media screen and (max-width: 930px) {

        #topBar.make-accessible-header #accessibility>ul>li {
                margin: 0 auto;
        }


        #topBar.make-accessible-header #accessibility>ul>li>a {
                border: none !important;
        }

        #topBar.make-accessible-header #accessibility>ul>li:nth-of-type(3)>a {
                border-left: 1px solid #ddd !important;
        }


        #topBar.make-accessible-header #accessibility>ul>li:nth-of-type(2),
        #topBar.make-accessible-header #accessibility>ul>li:nth-of-type(3) {
                width: 50%;
                border-bottom: 1px solid #d8d8d8;
        }


        #topBar.make-accessible-header #accessibility>ul>li:nth-of-type(2) a,

        #topBar.make-accessible-header #accessibility>ul>li:nth-of-type(3) a {
                width: 100%;
                text-align: center;
        }


        #topBar.make-accessible-header #accessibility>ul>li .textSizing ul li a {
                text-align: center;
        }

  
        #topBar.make-accessible-header #accessibility>ul>li .textSizing ul li.highContrast.dark a,

        #topBar.make-accessible-header #accessibility>ul>li .textSizing ul li.highContrast.light a {
                margin: 5px;
        }
}


#topBar.make-accessible-header #accessibility ul li:hover ul.accessiblelinks.textSizing {
        display: block;
}




#topBar.make-accessible-header #accessibility ul li ul.accessiblelinks.textSizing li a {
        text-align: center;
        border-left: none;
        border-bottom: 1px solid #d8d8d8;
        font-weight: 700;
}

#accessibility ul li.highContrast.dark a {
        background: #000;
        color: #fff;
        border: 1px solid #000;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: rgb(0, 0, 0);
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: rgb(0, 0, 0);
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: rgb(0, 0, 0);
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
}

#topBar.make-accessible-header #accessibility ul li ul.accessiblelinks.textSizing li.highContrast.light a {
        border: 1px solid #000;
        margin: 2px;
}

#topBar #accessibility ul li.highContrast.light a {
        border: 1px solid #000;
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        background-color: #fff;
        color: #000;
}

.highContrast.light>a>span {
        color: #000 !important;
}

#topBar.make-accessible-header #accessibility ul li ul.accessiblelinks.textSizing li {
        float: none;
        width: 100%;
}

#accessibilityMenu ul li.active a {
        text-decoration: underline;
}

#topBar.make-accessible-header #accessibility ul li ul.accessiblelinks.textSizing li a {
        text-align: center;
        border-left: none;
        border-bottom: 1px solid #d8d8d8;
        font-weight: 700;
}

#accessibility ul li.highContrast.dark a {
        background: #000;
        color: #fff;
        border: 1px solid #000;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: rgb(0, 0, 0);
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: rgb(0, 0, 0);
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: rgb(0, 0, 0);
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
}

#topBar.make-accessible-header #accessibility ul li ul.accessiblelinks.textSizing li.highContrast.light a {
        border: 1px solid #000;
        margin: 2px;
}

#topBar #accessibility ul li.highContrast.light a {
        border: 1px solid #000;
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        background-color: #fff;
        color: #000;
}

#topBar #accessibility ul li .socialIcons {
        position: absolute;
        width: 40px;
        z-index: 1;
        left: 0px;
        overflow: hidden;
        visibility: hidden;
        opacity: 0;
        z-index: 1000;
        padding-left: 0;
        background: white;
        border-top: 1px solid;
        border-left: 1px solid;
        border-right: 1px solid;
}

#topBar #accessibility .socialIcons li {
        border-bottom: 1px solid;
        margin: 0;
}

#topBar #accessibility ul li.socialIconsFocus:hover .socialIcons {
        visibility: visible;
        opacity: 1;
}
@media (min-width:992px){
	#topBar #accessibility .skip-to-content img{
	display:none !important;
}
}
@media (max-width:991px){
	#topBar #accessibility .skip-to-content strong{
	display:none;
}
}
#highContrast a span{
	color: #fff;
}
#topBar #accessibility a{
	cursor: pointer;
}