/*
 ____                 _     
| __ ) _ __ _____   _(_)___ 
|  _ \| '__/ _ \ \ / / / __|
| |_) | | |  __/\ V /| \__ \
|____/|_|  \___| \_/ |_|___/
                
CSS File - These are the styles for the GeoTargeting registration function (opening menu and inputs).
*/

/* Main Wrapper */
.geo-hrmenu {
	width: 100%;
	margin-top: 1em;
	border-bottom: 5px solid #007EA7;
}
@media (min-width: 640px)and (max-width: 750px) {
    .geo-hrmenu {
        border-bottom: 4px solid #007EA7;
    }
}
@media (max-width: 640px) {
    .geo-hrmenu {
        border-bottom: 3px solid #007EA7;
    }
}
.uf-form-overview .geo-hrmenu {
	margin-top: 0.6em;
}

/* General ul style */
.geo-hrmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* First level ul style */
.geo-hrmenu > ul,
.geo-hrmenu .cbp-hrsub-inner {
	width: 90%;
	max-width: 70em;
	margin: 0;
    padding: 0;
}
@media (max-width: 640px) {
    .geo-hrmenu > ul,
    .geo-hrmenu .cbp-hrsub-inner {
        width: 100%;
    }
}
.geo-hrmenu > ul > li {
	display: inline-block;
}

.geo-hrmenu > ul > li > a {
    font-weight: 700;
    padding: 1em 2.5em 1em 3.5em;
    font-size: 1.2em;
    color: #999;
    background: url('../images/countries-icon.png') no-repeat;
    background-size: 15px;
    background-position: 23px 14px;
    display: inline-block;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}
@media (max-width: 640px) {
    .geo-hrmenu > ul > li > a {
        font-size: 1em;
        background-size: 13px;
        background-position: 13px 12px;
        padding: 1em 2.5em 1em 3em;
    }
}
.geo-hrmenu > ul > li > a:hover {
	color: #ddd;
}

.geo-hrmenu > ul > li.cbp-hropen a,
.geo-hrmenu > ul > li.cbp-hropen > a:hover {
	color: #fff;
    background: url('../images/countries-icon-active.png') no-repeat #007EA7;
    background-size: 15px;
    background-position: 23px 14px;
}
@media (max-width: 640px) {
    .geo-hrmenu > ul > li.cbp-hropen a,
    .geo-hrmenu > ul > li.cbp-hropen > a:hover {
        background-position: 13px 12px;
    }
}
/* Sub-menu */
.geo-hrmenu .cbp-hrsub {
	display: none;
	position: absolute;
	background: #007EA7;
	width: 100%;
	left: 0;
}

.cbp-hropen .cbp-hrsub {
	display: block;
	padding-bottom: 2.4em;
    padding-top: 2.4em;
    padding-left: 1.2em;
}
@media (max-width: 640px) {
    .cbp-hropen .cbp-hrsub {
        padding-bottom: 1.7em;
    }
}
.geo-hrmenu .cbp-hrsub-inner > div {
	width: 33%;
	float: left;
	padding: 0 2em 0;
}

.geo-hrmenu .cbp-hrsub-inner:before,
.geo-hrmenu .cbp-hrsub-inner:after {
	content: " ";
	display: table;
}

.geo-hrmenu .cbp-hrsub-inner:after {
	clear: both;
}

.geo-hrmenu .cbp-hrsub-inner > div a {
	line-height: 2em;
}

.cbp-hrsub h4 {
	color: #afdefa;
	padding: 0.9em 0 0.5em;
	margin: 0;
	font-size: 160%;
	font-weight: 300;
}

/* Inputs */
.cbp-hrsub-inner input {
    position: relative!important;
    margin-top: 10px!important;
    margin-bottom: 10px !important;
    padding: 0.50em 1.55em 0.56em 0.65em!important;
}
.t_big {
    font-size: 1.2em!important;
}
.country_name, .country_url {
    float: left!important;
    margin-left: 0!important;
}
.country_name {
    width: 23%!important;
    left: 3% !important;
    font-weight: 500!important;
    color: #888!important;
    background-color: #eee!important;
}
.country_url {
    width: 60%!important;
    left: 1%!important;
    border-left: 0 solid #eee!important;
}
@media (max-width: 640px) {
    .country_name {
        width: 30%!important;
        padding: 0.70em 0.45em 0.72em 0.65em!important;
    }
    .country_url {
        width: calc(70% - 1.2em)!important;
        margin-left: -7px !important;
    }
}
.add_county {
    width: 40px!important;
    padding: 0!important;
    height: 40px;
    background: url('../images/add-button.png') center no-repeat;
    background-size: 80%;
    position: absolute;
    right: 10%;
    bottom: 3.1em;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}
@media (max-width: 640px) {
    .add_county {
        position: static;
        right: 0;
        bottom: 0;
        margin-top: 10px;
        width: 30px!important;
        height: 30px;
    }
}
.add_county:hover {
    opacity: 0.8;
    cursor: pointer;
}
.cu_error {
    border-top: 4px solid #af3e19!important;
    border-right: 4px solid #af3e19!important;
    border-bottom: 4px solid #af3e19!important;
}
.cn_error {
    border-top: 4px solid #af3e19!important;
    border-left: 4px solid #af3e19!important;
    border-bottom: 4px solid #af3e19!important;
}
@media (max-width: 640px) {
    .cu_error {
        border-top: 3px solid #af3e19!important;
        border-right: 3px solid #af3e19!important;
        border-bottom: 3px solid #af3e19!important;
    }
    .cn_error {
        border-top: 3px solid #af3e19!important;
        border-left: 3px solid #af3e19!important;
        border-bottom: 3px solid #af3e19!important;
    }
}