/*
 Theme Name:   referendum
 Theme URI:    
 Description:  Astra referendum Child Theme
 Author:       fusio
 Author URI:   
 Template:     astra
 Version:      1.0.0
 License:      
 License URI:  
 Tags:         
 Text Domain:  
*/

.ast-site-title-wrap a{ text-decoration:none!important; }

.site-header{ position: absolute;  width: 100%; }
header .site-navigation{ padding:0 1rem; position:relative; }

.menu-item{ line-height:1!important; }
.menu-link{ position:relative; color:#fff!important; font-size:14px; margin:0.5rem 0.15rem!important; padding: 0.5rem 0.25rem!important;  }
.menu-link:hover{ color:#fff; }
.menu-link::after{ content:""; background-color:#ffb93a; width:0%; height:3px; position:absolute; bottom:0; left:0; }
.menu-link:hover::after, .current_page_item .menu-link::after{ width:100%; height:3px; }

.ast-builder-language-switcher{ margin-right:1rem; }
.ast-builder-language-switcher a{ font-size:14px; color:#fff; }

body:not(.ast-primary-sticky-header-active) .ast-primary-header-bar{ background-color:transparent!important; }
body:not(.ast-primary-sticky-header-active) .ast-above-header.ast-above-header-bar{ background-color:transparent!important; }
body:not(.ast-primary-sticky-header-active) .site-primary-header-wrap .ast-builder-grid-row{ background-color:#232882!important; border-radius: 1rem; padding: 0 0.5rem; }
body.ast-primary-sticky-header-active .site-header{ background-color:#232882!important; }

body:not(.home) .ast-title-bar-wrap{ padding-top:100px; }

.hero-p{ padding:1rem!important; display: table; margin:0 auto; border-radius: 1rem; }
.wp-block-uagb-countdown__box-hours, .wp-block-uagb-countdown__box-minutes, .wp-block-uagb-countdown__box-seconds{ display:none; }
.uagb-block-467801df.wp-block-uagb-countdown .wp-block-uagb-countdown__time { font-size:42px; color: #000; font-weight:bold; }
.wp-block-uagb-countdown__box{ width:auto!important; padding: 0.5rem!important; }


.site-primary-footer-wrap[data-section="section-primary-footer-builder"]{ background-color:transparent!important; }
.site-primary-footer-wrap .ast-builder-html-element{ color:var(--ast-global-color-5); }
.site-primary-footer-wrap .ast-builder-html-element h2{ color:var(--ast-global-color-5)!important; }
.site-primary-footer-wrap .ast-builder-html-element a{ color:var(--ast-global-color-5)!important; }
.site-primary-footer-wrap .ast-builder-html-element p{ color:var(--ast-global-color-5)!important; }
.ast-footer-copyright p{ color:var(--ast-global-color-5)!important; }
.site-primary-footer-wrap .ast-builder-html-element img{ filter: url(#ast-img-color-filter); }
.site-primary-footer-wrap .ast-footer-html-2 a{ display:table; margin:0 auto 0.5rem auto; color:#000!important; padding:0.25rem 0.75rem!important; border-radius: 1rem; background-color: #ffb93a; text-decoration:none; font-size:14px; }

.footer-widget-area[data-section="section-fb-html-2"] .ast-builder-html-element{ color: var(--ast-global-color-5); }

.wp-block-uagb-image__figure img{ border-radius:1rem; }

.uagb-faq-content a{ color:#000; }
.uagb-timeline__heading{ font-size:inherit!important; line-height: inherit!important; }

.ast-advanced-headers-layout{ padding:75px 0!important; }
.home .ast-advanced-headers-layout{ padding:250px 0!important; }

.single-archive .ast-container{ width:100%; display:block; }


/***********************
Reusable Styles
***********************/

/*color*/
.color-white{ color:#fff!important; }
.color-black{ color:#000; }
.color-grey{ color:#e3e3e3; }
.color-blue-01{ color:#0e115d; }
.color-blue-02{ color:#232882; }
.color-yellow{ color:#ffb93a; }

/*background color*/
.bg-color-white{ background-color:#fff; }
.bg-color-transparent-white{ background-color:rgba(255,255,255,0.5); }
.bg-color-black{ background-color:#000; }
.bg-color-transparent-black{ background-color:rgba(000,000,000,0.5); }
.bg-color-grey{ background-color:#e3e3e3; }
.bg-color-blue-01{ background-color:#3f43a8; }
.bg-color-blue-02{ background-color:#232882; }
.bg-color-yellow{ background-color:#ffb93a; }

/*fonts*/
.font-weight-light{ font-weight:300; }
.font-weight-regular{ font-weight:400; }
.font-weight-bold{ font-weight:700; }

/*text-shadow*/
.text-shadow-none{ text-shadow:0px 0px #000; }
.text-shadow-black{ text-shadow:2px 2px #000; }

/*image*/
.bg-img{ background-size:cover; background-repeat:no-repeat; background-position:center center; }

/*border*/
.border-radius{ border-radius:2rem; }
.border-radius-small{ border-radius:1.2rem; }
.border-radius-circle{ border-radius:50%; }



/***********************
HTML Tags Styles
***********************/
/* basic tags */
body{ font-family: 'Lato', sans-serif;  font-weight:400; }
/*Text*/
h1{  }
h2{ line-height: 1.4!important; }
h3{  }
a{  }
a:hover{ text-decoration:none; }
p{ margin-bottom:0.75rem; }
strong{  }

/*list*/
ul{  }


/***********************
Form
***********************/
input{  }


/***********************
TOP NAVIGATION
***********************/
.navbar, .navbar *{ -webkit-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -o-transition: all linear 0.25s; transition: all linear 0.25s; }
.navbar{ padding-top:0.25rem; background:#232882; }
.navbar .nav-bg{ background-color:#3f43a8; border-radius:1rem; }
.navbar .animated{ animation-duration:0.5s; }
.navbar-brand{ -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }
.navbar-brand{ font-size:32px; font-weight:900; color:#fff; margin: 0.5rem 1rem; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }
.navbar-brand:hover{ color:#fff; }
.navbar-brand svg{ width:40px; }
.navbar-brand svg g{ fill:#ffb93a; }

.navbar-nav{ border:2px solid #fff; border-radius:1rem; padding:0 1rem; position:relative; }
.top-nav{ font-size:14px; text-transform:uppercase; font-weight:bold; }

.main-nav ul li a{ -webkit-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -o-transition: all linear 0.25s; transition: all linear 0.25s; }
.nav-link{ position:relative; color:#fff; font-size:14px; margin:0.5rem 0.15rem!important;  }
.nav-link:hover{ color:#fff; }
.nav-link::after{ content:""; background-color:#ffb93a; width:0%; height:3px; position:absolute; bottom:0; left:0; }

/*on-scroll*/
.navbar.on-scroll{ padding-top:0.25rem; }
.on-scroll .navbar-brand{ padding:0.4rem 0; margin:0 1rem 0 0; }
.on-scroll .navbar-brand{ font-size:20px; }
.on-scroll .navbar-brand svg{ width:30px; }
.on-scroll .nav-link{ position:relative; color:#fff; font-size:14px; margin:0rem 0.15rem!important; padding:0.25rem 0.5rem!important;  }

.nav-link:hover::after{ width:100%; height:3px; }

/*dropdown*/
.dropdown-menu{  }
.navbar-nav .dropdown-menu a.dropdown-item{  }
.navbar-nav .dropdown-menu a.dropdown-item:hover{  }

/*mobile navigation toggler*/
.navbar-toggler:focus, .navbar-toggler:active{ outline: 0; }
.icon-bar{ width:40px; height:6px; display: block; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; margin-top:7px; } 
.icon-bar.top-bar{ margin-top:0px; } 
.navbar-toggler{ border: none; }
.navbar-toggler .top-bar{ transform:translate(2px,13px) rotate(45deg); }
.navbar-toggler .middle-bar{ opacity: 0; }
.navbar-toggler .bottom-bar{ transform:translate(2px,-13px) rotate(-45deg); }
.navbar-toggler.collapsed .top-bar{ transform: rotate(0); }
.navbar-toggler.collapsed .middle-bar{ opacity: 1; }
.navbar-toggler.collapsed .bottom-bar{ transform: rotate(0); }


/***********************
FOOTER
***********************/
#footer{  }
.footer-logo{  }
#footer h2{  }
#footer button{  }
#footer a{ color:#fff; }
#footer .social a{  }
/***********************
CONTENT SECTIONS
***********************/
ul.pagination li a{  }
ul.pagination li:hover a, ul.pagination li.active a{  }

/*section-hero*/
html, body, .section-hero{  }
.section-hero{ padding-top:100px; }
.section-hero .container{ z-index:10; }
.section-hero h1{  }

/*for wordpress editor*/
.section-contentpage{  }
.section-contentpage h2{  }
.section-contentpage h3{  }
.section-contentpage p{  }
.section-contentpage a{  }
.section-contentpage a:hover{ text-decoration:none; }
.section-contentpage strong{  }
.section-contentpage ul{  }


.ni, .ireland-constituency-map .ni:hover, .ireland-constituency-map .ni:focus, .ireland-constituency-map .ni.active {
	fill: #f5f5f5;
	cursor: pointer;
}

.st0 {
	fill: #232882;
}

.ireland-constituency-map .st0:hover, .ireland-constituency-map .st0:focus, .ireland-constituency-map .st0.active {
	fill: #ffb93a;
	cursor: pointer;
}

.st0 {
	stroke: #FFFFFF;
	stroke-miterlimit: 10;
}

/* ========================================================
-MOBILE
==========================================================*/
/*less than 576px*/
@media (max-width: 576px) {
	
}

/*between 576px and 768px*/
@media (min-width: 576px) and (max-width: 768px) {
	
}

/*less than 768px*/
@media (max-width: 768px){
	
}

/*between 768px and 992px*/
@media (min-width: 768px) and (max-width: 992px) {
	
}

/*less than 992px*/
@media (max-width: 992px) {
	html, body, .section-hero{ height:auto; }
	.svg-graphic{ display:none; }
	.navbar-brand, .on-scroll .navbar-brand{ font-size:20px; }
	.navbar-brand, .on-scroll .navbar-brand{ margin:0.5rem 0.5rem; padding:0; }
	.on-scroll .navbar-brand svg{ width:40px; }
	nav.navbar{ padding-bottom:0!important; }
	nav.navbar.on-menu-open{ height:auto; justify-content: start; align-items: start; background-color: #272b80; }
	nav.navbar .nav-bg{ border-radius:0!important; }
	nav.navbar.on-menu-open .nav-bg{ padding-bottom:1rem!important; }
	nav.navbar{ background-color: #272b80; }
	nav.navbar.on-menu-open .top-nav{ margin-top:0rem!important; }
	nav.navbar.on-menu-open .top-nav a{  }
	nav.navbar.on-menu-open .navbar-nav{ text-align:center; margin-top:1rem; }
	nav.navbar.on-menu-open .navbar-nav .nav-link{ margin:0!important; padding:0.4rem 1rem; font-size:18px; }
	.section-hero{ padding-top:120px; }
	.section-hero h1{ font-size:18px; }
	.section-hero p{ font-size:16px; }
	.section-hero a{ font-size:12px; }
}

/*more than 992px*/
@media (min-width: 992px) {	
	
}

/*between 992px and 1200px*/
@media (min-width: 992px) and (max-width: 1200px) {
	.navbar-brand, .on-scroll .navbar-brand{ font-size:16px; }
	.on-scroll .navbar-brand svg{ width:30px; }
}

/*more than 1200px*/
@media (min-width: 1200px) {

}
body:not(.ast-primary-sticky-header-active) .site-primary-header-wrap .ast-builder-grid-row {
    background-color: #184022 !important;
    border-radius: 1rem;
    padding: 0 0.5rem;
}
.site-footer {
    background-color: #184022;
    background-image: none;
}
.site-below-footer-wrap[data-section="section-below-footer-builder"] {
    background-color: #1b5331;
}
.ast-title-bar-wrap:after {
    background-color: #1b5331 !important;
}
#primary a {
    color: #184022 !important;
}
.uagb-block-7b52ef97.uagb-timeline__outer-wrap .uagb-timeline__marker.uagb-timeline__in-view-icon {
    background: #184022;
    border-color: #1b5331;
}
.uagb-block-7b52ef97.uagb-timeline__outer-wrap .uagb-timeline__line {
    background-color: #eee;
    width: 3px;
}
.uagb-block-7b52ef97.uagb-timeline__outer-wrap .uagb-timeline__line__inner {
    background-color: #1b5331;
}
.wp-block-uagb-container.uagb-block-37f8572d::before {
    background: #0f0f0f;
    opacity: 0.85!;
}
[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-fill {
    background: #265232;
}

@media (max-width: 920px) {
    .ast-builder-menu-1 .main-header-menu, .ast-builder-menu-1 .main-header-menu .sub-menu {
        background-color: #2d5133;
    }
    .ast-header-break-point .main-navigation ul .menu-item .menu-link {
        border: 0;
    }
}
