/*!
Theme Name: Belimpex
Theme URI: http://belimpex.ng/
Author: Belimpex Web Development Team
Author URI: http://belimpex.ng/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: belimpex
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Belimpex is based on Underscores https://belimpex.ng/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

::-moz-selection { background: #bfd73e; }
::selection { background: #bfd73e; }

html, body{
    font-size: 100%;
	font-family: 'Open Sans', sans-serif;
	background:#ffffff;
}

p { margin: 0; font-size: 14px; line-height: 1.8; }

main.site-main p {
    margin: 1em 0 0;
    color: black;
    font-size: 100%;
    font-weight: 500 !important;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-family: 'Fjalla One', sans-serif;
    font-size: 2em;
    color: #212121;
    position: relative;
    text-transform: capitalize;
}

a { color: #212121; text-decoration: none; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; }

a:hover { color: #bfd73e; }

.widget-title, .entry-title { margin-bottom: 1em; padding-bottom: .7em; }

.widget-title:after, .entry-title:after { content: ''; background: #bfd73e; width: 10%; height: 2px; position: absolute; bottom: 0%; left: 45%; }

ul,label{
	margin:0;
	padding:0;
}

body a:hover{
	text-decoration:none;
}


/* Form Input Styles */
[type="text"], [type="search"], [type="email"], [type="url"], textarea, select { margin-bottom: 2em; }

[type="text"], [type="search"], [type="email"], [type="url"], textarea {
    outline: none;
    width: 100%;
    padding: 5px 5px 10px;
    font-size: 14px;
    color: #212121;
    border: none;
    border-bottom: 1px solid #DDD;
    font-weight: 600;
    background:none;
}

textarea { min-height:150px; resize:none; }

[type="submit"], a.button, .post-navigation a {
  outline: none;
  padding: 5px 15px;
  font-size: 14px;
  color: #fff;
  border: none;
  background:#bfd73e;
  text-transform:uppercase;
}

[type="submit"]:hover, a.button:hover, .post-navigation a:hover {
  background:#212121;
}

[type=text]::placeholder, [type=search]::placeholder, [type=email]::placeholder, [type="url"]::placeholder {
  color: black;
}


/*-- header --*/
input[type="submit"],.w3l_banner_info_left_grid_left h3 a,.w3agile_footer_copy p a,.reply a,.agile_cat_grid_tags ul li a:hover,.agile_cat_grid ul.categories li a,.w3l_admin a,.w3ls_single_left_grid_right ul li a,.wthree_features_services_grid h4 a,.agile_services_bottom_grid_left_grid a,.simplefilter li,.agileinfo_footer_grid ul li a,.w3l_banner_info_left_grid1,.agile_blog_grid h4 a{
	transition: .5s ease-in;
	-webkit-transition: .5s ease-in;
	-moz-transition: .5s ease-in;
	-o-transition: .5s ease-in;
	-ms-transition: .5s ease-in;
}
.header {
    background: #324F17;
}
.navbar-expand-md {
    background: none;
    border: none;
}
.navbar {
    margin-bottom: 0;
    padding: 0;
}
.navbar-collapse {
    padding: 0;
    box-shadow: none;
}
.navbar-nav {
    float: right;
    margin: 0;
}
.navbar-expand-md .navbar-nav > li > a {
    color: #fff;
}
.navbar-expand-md .navbar-nav > li > a:hover, .navbar-expand-md .navbar-nav > li > a:focus {
    color: #fff;
}
.navbar-expand-md .navbar-brand:hover, .navbar-expand-md .navbar-brand:focus {
    color: #ffffff;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}

.navbar-nav > li > a {
    font-size: 14px;
    padding:35px 25px;
    text-transform: uppercase;
    margin-right:5px;
}
.navbar-expand-md .navbar-nav > .active > a, .navbar-expand-md .navbar-nav > .active > a:hover, .navbar-expand-md .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #bfd73e;
}
/* Sweep To Bottom */
.hvr-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #bfd73e;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
  color: white;
}
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
/*-- //header --*/

.more {
    width: 35%;
    margin: 0 auto;
}
.more a{
	padding:10px 25px;
	font-size:14px;
	text-decoration:none;
	text-transform:uppercase;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
/*-- agileits --*/
	-ms-border-radius: 20px;
	vertical-align: middle;
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
	display: block;
}
.more a:hover{
	color:#fff;
}


/* Page Top Banner */
.top-banner { min-height:400px; }

.top-banner h2 { font-size: 3em; color: #FFF; text-align: center; padding: 4em 0 0; letter-spacing: 5px; }

@media (max-width:1366px) {
  .top-banner { min-height: 330px; }

  .top-banner h2 { padding: 3em 0 0; }
}

@media (max-width: 568px) {
    .top-banner { min-height: 240px; }
    
    .top-banner h2 { font-size: 2em; }
}


/* Aylen */
.button--aylen {
	background:#bfd73e;
    color: #fff;
	overflow: hidden;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
	-moz-transition: color 0.3s;
	-o-transition: color 0.3s;
	-ms-transition: color 0.3s;
}
.button--aylen.button--inverted {
	background: none;
	color: #fff;
}
.button--aylen::before,
.button--aylen::after {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: 100%;
	left: 0;
	z-index: -1;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-moz-transition: transform 0.3s;
	-o-transition: transform 0.3s;
	-ms-transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	-moz-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	-o-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	-ms-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	border-radius: 20px;
}
.button--aylen::before {
	background:#6A6554;
/*-- w3layouts --*/
}
.button--aylen::after {
	background: #212121;
}
.button--aylen:hover::before,
.button--aylen:hover::after {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	-moz-transform: translate3d(0, 100%, 0);
	-o-transform: translate3d(0, 100%, 0);
	-ms-transform: translate3d(0, 100%, 0);
}
.button--aylen:hover::after {
	-webkit-transition-delay: 0.175s;
	transition-delay: 0.175s;
	-moz-transition-delay: 0.175s;
	-o-transition-delay: 0.175s;
	-ms-transition-delay: 0.175s;
}


div.newsletter { background: #f5f5f5; padding: 5em 0; }

/*-- blog --*/
.agile_blog_grids{
	margin:3em 0 0;
}
.agile_blog_grid1{
	position:relative;
}
.agile_blog_grid1_pos{
	position: absolute;
    top: 25%;
    width: 80%;
    left: 10%;
    padding: 1em;
    background: rgba(221, 175, 15, 0.74);
}
.agile_blog_grid1_pos p{
	color:#fff;
	line-height:1.8em;
	padding-left:2em;
	position:relative;
}
.agile_blog_grid1_pos p:before{
	content: '';
    position: absolute;
    top: 0%;
    left: 0%;
    background: url(assets/images/img-sp.png) no-repeat -9px -10px;
    display: block;
    width: 20px;
    height: 15px;
}
.agile_blog_grid h4{
	margin:1.5em 0 1em;
}
.agile_blog_grid h4 a{
	font-size: 1.2em;
    color: #212121;
    line-height: 1.5em;
    text-decoration: none;
    text-transform: capitalize;
}
.agile_blog_grid h4 a:hover{
	color: #bfd73e;
}
.agile_blog_grid p.ut{
	color:#999;
	line-height:2em;
	margin-bottom:2em;
}
.m1 {
    width: 50% !important;
    margin:0;
	text-align:center;
}
.video-img {
    position: relative;
}
.agileits_play_icon{
	position: absolute;
    top: 37%;
    left: 45%;
}
.agileits_play_icon span{
	font-size: 3em;
    color: #fff;
    top: 0%;
}
.agileits_play_icon:focus {
    outline: none;
}
/*-- //blog --*/

ul.agileits_social_icons li{
	display:inline-block;
}
.icon {
	float: none;
	position: relative;
	height: 0;
	margin:1% 0.5% 0;
}
.agileits_social_icons_grids{
    text-align: center;
	position: relative;
}
@media all and (min-width: 640px) {
  .icon {
    width: 5%;
    padding-bottom: 5%;
  }
}
.icon:last-of-type {
  margin-right: 0;
}
.icon a {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #212121;
  background-color:transparent;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
  text-align: left;
}
.icon a:hover {
  background-color: #222;
  background-size: 0%;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

.icon__name {
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -7px;
	color: #fff;
	font-size: 11px;
	text-align: center;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	opacity: 0;
	-webkit-filter: blur(25px);
          filter: blur(25px);
	-webkit-transform: translateZ(0);
          transform: translateZ(0);
	-moz-transform: translateZ(0);
	-o-transform: translateZ(0);
	-ms-transform: translateZ(0);
	will-change: transform;
	text-align: center;
}
.icon:hover .icon__name {
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	opacity: 1;
	-webkit-filter: blur(0);
			filter: blur(0);
}

.icon--facebook a {
	background-image:url("assets/images/6.png");
	display:block;
	z-index: 9;
}

.icon--twitter a {
	background-image:url("assets/images/5.png");
	display:block;
}

.icon--linkedin a {
	background-image:url("assets/images/4.png");
	display:block;
}

.icon--flickr a {
	background-image:url("assets/images/2.png");
	display:block;
}
.icon--spotify a {
	background-image:url("assets/images/1.png");
	display:block;
}
/*-- //newsletter --*/
/*-- footer --*/
.footer{
	background:#282419;
	padding: 4em 0 0;
}
.agileinfo_footer_grid h4 {
	font-size:1.7em;
	color:#fff;
	margin:0 0 2em;
	position:relative;
	padding-bottom: .5em;
}
.agileinfo_footer_grid h4:after {
	background:#bfd73e;
    width: 20%;
    height: 2px;
    content: '';
    position: absolute;
    bottom: -15%;
    left: 0%;
}
.agileinfo_footer_grid ul li{
	list-style-type: none;
    margin-bottom: 1em;
    font-size: 14px;
    line-height: 1.8em;
    color: #999;
    padding-left: 1em;
}
.agileinfo_footer_grid ul li span{
	left:-1em;
}
.agileinfo_footer_grid ul li a{
	color:#999;
	text-decoration:none;
}
.agileinfo_footer_grid ul li a:hover{
	color:#fff;
}
.agileinfo_footer_grid1{
	float:left;
	width:31.45%;
	margin:0 0.3em .3em 0em;
}
.w3agile_footer_copy{
	padding:2em 0;
	border-top:1px solid #606060;
	text-align:center;
	margin-top:3em;
}
.w3agile_footer_copy p{
	font-size:14px;
	color:#8F8F8F;
	margin:0;
	line-height:1.8em;
}
.w3agile_footer_copy p a{
	color:#fff;
	text-decoration:none;
}
.w3agile_footer_copy p a:hover{
	color:#8F8F8F;
}
.agileinfo_footer_grid p{
	color:#999;
	line-height:2em;
}
.agileinfo_footer_grid p span{
	display:block;
	margin:1em 0 0;
}
/*-- //footer --*/
/*-- to-top --*/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 50px;
	right: 2%;
	overflow: hidden;
	z-index: 999; 
	width: 32px;
	height: 32px;
	border: none;
	text-indent: 100%;
	background: url(assets/images/arrow.png) no-repeat 0px 0px;
}
#toTopHover {
	width: 32px;
	height: 32px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
/*-- //to-top --*/

.filtr-item {
    padding: 1rem;
}
.item-desc {
    background-color: rgba(0,0,0,0.5);
    color: white;
    position: absolute;
    text-transform: uppercase;
    text-align: center;
    padding: 1rem;
    z-index: 1;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
}

/* Filter controls */
.simplefilter li, .multifilter li, .sortandshuffle li {
    color: #212121;
    cursor: pointer;
    display: inline-block;
    text-transform: uppercase;
    padding:1em 2em;
	font-size: .9em;
}
ul.simplefilter {
    text-align: center;
    margin:3em 0 2em;
}
.simplefilter li.active,.simplefilter li:hover {
    background-color:#bfd73e;
	color:#fff;
}
.multifilter li {
    background-color: #4b9eff;
}
.multifilter li.active {
    background-color: #2265b4;
}

/* Shuffle and sort controls */
.sortandshuffle .shuffle-btn {
    background-color: #dec800;
}
.sortandshuffle .sort-btn {
    background-color: #de0000;
}
.sortandshuffle .sort-btn.active {
    background-color: #9d0000;
}

/* Search control */
.search-row {
    margin-left: 2.5rem;
}
.filtr-search {
    padding: 0.5rem;
    text-transform: uppercase;
}
/*-- //portfolio-pluggin --*/
/*-- //portfolio --*/


.w3l_contact_form h4{
	font-size: 1.5em;
    color: #212121;
    margin-bottom: 2em;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.w3l_contact_form input[type="text"],.w3l_contact_form input[type="email"],.w3l_contact_form textarea { padding: 10px 10px 20px; }

.w3l_contact_form input[type="submit"] { width: 30%; padding: 10px 0; font-size: 1em; }

.gallery_grid{
	position:relative;
	overflow:hidden;
}
.p-mask h4 {
    color:#bfd73e;
    font-size: 1.3em;
    text-decoration: none;
    line-height: 1.8em;
}
.p-mask p {
    margin: 0 !important;
    color: #D7D7D7 !important;
    line-height:1.8em !important;
}
.gallery_grid .p-mask{
    opacity: 0;
    visibility: hidden;
    background: rgba(0, 0, 0, 0.72);
    bottom: 0%;
    position: absolute;
    padding: 1.5em 1.5em;
    width: 100%;
    -webkit-transform: translate3d( 0px, 100%, 0px );
    -moz-transform: translate3d( 0px, 100%, 0px );
    -ms-transform: translate3d( 0px, 100%, 0px );
    -o-transform: translate3d( 0px, 100%, 0px );
    transform: translate3d( 0px, 100%, 0px );
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    text-align: left;
}
.gallery_grid:hover .p-mask{
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d( 0px, 0px, 0px );
    -moz-transform: translate3d( 0px, 0px, 0px );
    -ms-transform: translate3d( 0px, 0px, 0px );
    -o-transform: translate3d( 0px, 0px, 0px );
    transform: translate3d( 0px, 0px, 0px );
}

/*-----start-responsive-design------*/

@media (max-width: 1080px){
	.icon {
		width: 6%;
		padding-bottom: 6%;
	}
	.filtr-item {
		padding: .5em;
	}
	.gallery_grid .p-mask {
		padding: 1em;
	}
}

@media (max-width: 991px){
	.navbar-nav > li > a {
		font-size: 13px;
		padding: 28px 15px;
	}
	.navbar-brand {
		height: 60px;
		padding: 10px 0px 0;
		font-size: 1.1em;
	}
	.icon {
		width: 8%;
		padding-bottom: 8%;
	}
	.agileinfo_footer_grid h4 {
		margin: 0 0 1.5em;
	}
	.w3agile_footer_copy {
		margin-top: 2em;
	}
	.agileinfo_footer_grid h4:after {
		width: 15%;
	}

}


@media (max-width: 767px){
	.navbar-expand-md .navbar-toggle {
		border-color: #fff;
	}
	.navbar-expand-md .navbar-toggle .icon-bar {
		background-color: #fff;
	}
	.navbar-expand-md .navbar-toggle:hover, .navbar-expand-md .navbar-toggle:focus {
		background-color: transparent;
	}
	.navbar-brand {
		height: 80px;
	}
	.navbar-toggle {
		margin:1.7em 0 0;
	}	
	.navbar-expand-md .navbar-collapse, .navbar-expand-md .navbar-form {
		border: none;
	}
	.navbar-nav {
		float: none;
		background:#f5f5f5;
		text-align: center;
	}
	.navbar-nav > li > a {
		padding: 15px 0px;
		margin-right: 0;
	}
	.navbar-expand-md .navbar-nav > li > a {
		color: #212121;
	}

}

@media (max-width: 667px){
	.icon {
		width: 9%;
		padding-bottom: 9%;
	}
	.footer {
		padding: 3em 0 0;
	}
}
@media (max-width: 640px){
	.icon {
		width: 10%;
		padding-bottom: 10%;
	}
	.agileinfo_footer_grid h4 {
		font-size: 1.5em;
	}
	.agileinfo_footer_grid p span {
		display: initial;
	}
	.simplefilter li, .multifilter li, .sortandshuffle li {
		padding: .5em .8em;
		font-size: .8em;
	}
	ul.simplefilter {
		margin: 2em 0 1em;
	}
	.row {
		margin: 0;
	}

}


@media (max-width: 480px){
	.navbar-brand {
		height: 73px;
		padding: 7px 0px 0;
		font-size: 1em;
	}
	.navbar-toggle {
		margin: 1.4em 0 0;
	}
	.more {
		width: 40%;
	}
	.more a {
		padding: 8px 25px;
	}
	.icon {
		width: 13%;
		padding-bottom: 13%;
	}
	.simplefilter li, .multifilter li, .sortandshuffle li {
		margin-bottom: .5em;
	}
	.filtr-item {
		padding: 1em;
		float: none;
		width: 100%;
	}
	.gallery_grid .p-mask {
		padding: 1.5em;
	}
}
@media (max-width: 414px){
	.more {
		width: 45%;
	}
	.icon {
		width: 15%;
		padding-bottom: 15%;
		margin: 0;
	}
	.footer {
		padding: 2em 0 0;
	}
	.agileinfo_footer_grid h4 {
		font-size: 1.3em;
	}
	.w3agile_footer_copy {
		margin-top: 1em;
		padding: 1.5em 0;
	}

	.w3l_contact_form h4 {
		font-size: 1.2em;
		margin-bottom: 1em;
	}
	.w3l_contact_form input[type="email"],.w3l_contact_form textarea {
		margin: 1em 0;
	}
	.w3l_contact_form input[type="submit"] {
		width: 100%;
		font-size: 14px;
	}
}
@media (max-width: 384px){
	.navbar-brand {
		font-size: .9em;
	}
	.more a {
		font-size: 13px;
	}

}
@media (max-width: 375px){
	.navbar-nav > li > a {
		padding: 10px 0px;
	}
}
@media (max-width: 320px){
	.navbar-brand {
		font-size: .8em;
		height: 65px;
		padding: 3px 0px 0;
	}
	.navbar-toggle {
		margin: 1em 0 0;
	}
	.more {
		width: 65%;
	}
	.icon {
		width: 18%;
		padding-bottom: 18%;
	}
	ul.simplefilter {
		margin: 1em 0 0em;
	}
	.p-mask h4 {
		font-size: 1.1em;
	}
	.filtr-item {
		padding: .5em;
	}
}

.fa {
  position: relative;
}

a[title='Interactive JavaScript maps'] {
  display: none !important;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button,
input[type=number]::-moz-inner-spin-button, input[type=number]::-moz-outer-spin-button
{ 
  -webkit-appearance: none;
  -moz-appearance: none;   
  margin: 0; 
} 

ul.listinline{display: inline-block; color: #999; margin-top: 10px;}

ul.listinline li{
  float: left;  
  margin-right: 50px;
}

/*----------  Theme Layout  ----------*/
.content-area { float: left; margin: 0 -25% 0 0; width: 100%; }

body.full-width .content-area, body.page-builder .content-area { float: none; margin-left: auto; margin-right: auto; }

body.left-sidebar .content-area { float: right; margin: 0 0 0 -25%; width: 100%; }

.site-main { margin: 0 25% 0 0; }

body.full-width .site-main, body.page-builder .site-main { margin-right: 0; }

body.left-sidebar .site-main { margin: 0 0 0 25%; }

.site-content .widget-area { float: right; overflow: hidden; width: 25%; }

body.left-sidebar .site-content .widget-area { float: left; overflow: hidden; width: 25%; }

footer.footer { clear: both; }

@media (max-width: 768px) {
  .content-area { float: none; margin-left: auto; margin-right: auto; }

  .site-main { margin-right: 0; }
}

@media (max-width: 768px) {
  .site-content .widget-area { float: none; width: 100%; margin: 1em; }
}


/*----------  Sidebar Styles  ----------*/
aside#secondary { margin-top: 3em; }

aside#secondary section { margin-bottom: 30px; }

h2.widget-title { font-size: 1.5em; margin-bottom: 1em; padding-bottom: .5em }

h2.widget-title:after { width: 20%; left: 0; }

aside#secondary p { line-height: 1.8; }


/*----------  Our Products Page  ----------*/
img.product-image { background: url("assets/images/product_img.jpg"); }

span.ctr { font-weight: 600; color: #bfd73e; }


/*----------  Modules  ----------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.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;
  color: #21759B;
  display: block;
  font-size: 1px;
  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. */
}

div.photo-grid { position: relative; text-align: center; }

div.photo-grid p.hint { background: white; width: 80%; padding: 8% 0; margin: -40px auto 0 auto; -moz-box-shadow: 0 0 1px 1px #ecff8a; -webkit-box-shadow: 0 0 1px 1px #ecff8a; box-shadow: 0 0 1px 1px #ecff8a; color: #008dd0; font: 15px 'Russo One'; text-align: center; position: relative; z-index: 1; }

p.hint a { color: #008dd0; }

p.hint a:hover { color: #bfd73e; }

img.ribbon { max-width: 90%; margin: auto; -webkit-transition: max-width 2s; transition: max-width 2s; }

@media (min-width: 768px) {
  img.ribbon { margin-top: 125px; } 
}

@media (max-width: 568px) {
  img.ribbon { margin-top: 25px; }
}

div.slidewrap .flex-direction-nav { display: none; }


/* WordPress Calendar */
table#wp-calendar { width: 100%; max-width: 300px; }

table#wp-calendar tbody td a { background: #bfd73e; color: white; border-radius: 10px; width: 20px; height: 20px; display: block; font-size: 12px; text-align: center; padding-top: 2px; }

table#wp-calendar tbody td a:hover { background: black; }


/* Post Styles */
article div.more { display: inline-block; width: initial; margin: 5px 10px; }

article div.more a { padding: 4px 15px; text-transform: initial; border-radius: 5px; }

article div.more a.button--aylen::before, article div.more a.button--aylen::after { border-radius: 5px; }

article.belimpex-post { margin: 3em 2em 0 1em; position: relative; }

article.belimpex-post div.meta-information { margin-bottom: 2em; }

article.belimpex-post .entry-title { padding-bottom: .5em; margin-bottom: 0; }

article.belimpex-post .entry-title:after { left: 0; }

body.blog article.belimpex-post.post img { width: 100%; }

article.belimpex-post div.entry-content-block { background: white; position: relative; border: 1px solid whitesmoke; border-radius: 3px; }

article.belimpex-post div.entry-content-block { overflow: unset; width: 94%; position: relative; top: -45px; padding: 20px 20px 0; margin: 0 auto; background: #fff; }

article.belimpex-post div.entry-content-block div.entry-meta { margin: 1em 0; }

article.belimpex-post span.fa-icon { margin-right: 20px; }

article.belimpex-post span.fa-icon i { color: #bfd73e; margin-right: 5px; }


/* Post Navigation Styles */
nav.post-navigation { margin: 1em 2em 1em 1em; }

nav.post-navigation div.nav-previous { float: left; }

nav.post-navigation div.nav-next { float: right; }

nav.post-navigation a { font-size: 15px; padding: 5px 15px; text-transform: initial; }


/* Post Comment Styles */
body.single-post #comments { max-width: 700px; margin: 5em 2em 2em 1em; clear: both; }

body.single-post #comments h3 { margin: 0; }

body.single-post #comments input[type="submit"] { width: initial; padding: 7px 15px; font-size: .9em; }

.comment-reply-title { font-size: 1.75em; }



/* Contact Page Styles */
div.map iframe {
  border: 0;
  width: 100%;
  height: 400px;
}


div.contact_us {
  background: #68c6b4;
  border: 1px solid #9ef0e1;
  padding: 15px !important;
  margin-bottom: 2em;
}

div.contact_us p {
  border-bottom: 1px solid whitesmoke;
  padding-bottom: 2em;
  margin-bottom: 2em;
  font-weight: bold;
}

div.contact_us p, div.contact_us li, div.contact_us a {
  color: white !important;
}

form.contact-form input::placeholder, form.contact-form textarea::placeholder { color: black; }

form.contact-form select { font-size: 14px; border-color: #DDD; }


/* Ammap Styles */
ul#states { max-height: 500px; overflow: auto; }

#chartdiv {
  width: 100%;
  height: 500px;
}

.map-marker {
    /* adjusting for the marker dimensions
    so that it is centered on coordinates */
    margin-left: -8px;
    margin-top: -8px;
}
.map-marker.map-clickable {
    cursor: pointer;
}
.pulse {
    width: 10px;
    height: 10px;
    border: 5px solid #f7f14c;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: #716f42;
    z-index: 10;
    position: absolute;
  }
.map-marker .dot {
    border: 10px solid #fff601;
    background: transparent;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    height: 50px;
    width: 50px;
    -webkit-animation: pulse 3s ease-out;
    -moz-animation: pulse 3s ease-out;
    animation: pulse 3s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    position: absolute;
    top: -20px;
    left: -20px;
    z-index: 1;
    opacity: 0;
  }
  @-moz-keyframes pulse {
   0% {
      -moz-transform: scale(0);
      opacity: 0.0;
   }
   25% {
      -moz-transform: scale(0);
      opacity: 0.1;
   }
   50% {
      -moz-transform: scale(0.1);
      opacity: 0.3;
   }
   75% {
      -moz-transform: scale(0.5);
      opacity: 0.5;
   }
   100% {
      -moz-transform: scale(1);
      opacity: 0.0;
   }
  }
  @-webkit-keyframes "pulse" {
   0% {
      -webkit-transform: scale(0);
      opacity: 0.0;
   }
   25% {
      -webkit-transform: scale(0);
      opacity: 0.1;
   }
   50% {
      -webkit-transform: scale(0.1);
      opacity: 0.3;
   }
   75% {
      -webkit-transform: scale(0.5);
      opacity: 0.5;
   }
   100% {
      -webkit-transform: scale(1);
      opacity: 0.0;
   }
  }

/* Override smoothbox style */
.sb-caption {
	padding: 1.5em 0;
	text-align: initial;
}
