/* 
Add your custom styles in this file instead of style.css so it 
is easier to update the theme. Simply copy an existing style 
from style.css to this file, and modify it to your liking. 

When you update your theme, backup this file and re-add it after.
*/

/* Global */

.post-nav-links {
    margin: 0.75rem 0;
}

/*
		~~~ Facebook PopUp~~~
*/


#FEM button {
    border: 0;
    margin-top: 4px;
    background: 0 0;
    color: #369;
    font-size: 12px;
    display: block;
    width: 15px;
    font-weight: 700;
    position: absolute;
    top: 0;
    right: 10px;
    opacity: .2;
    cursor: pointer;
		outline: none;
		outline:0;
}

#FEM button:active, 
#FEM button:focus {
    outline: none;
	outline:0;
	-webkit-tap-highlight-color: rgba(0,0,0,0) !important;
}

#FEM .widget-title,
#FEM button,
#FEMVK {
    text-align: center
}
#FEM button:hover {
    opacity: 1
}
#FEMVK {
    height: 70px
}
#FEMVK .fb-like {
    top: 10px;
    position: relative!important
}
.first-enter-modal {
    z-index: 1000;
    display: none;
    height: auto;
    width: 300px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -160px;
    margin-left: -160px;
    padding: 30px 10px;
    border-radius: 5px;
    background: #fff url(img/popup-arrow.png) no-repeat 240px 35px;
}
#FEM-overlay {
    z-index: 999;
    display: none;
    background: rgba(0, 0, 0, .8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
#FEMVK .fb-like,
.not-found {
    text-align: center
}


.marker {
    float: left;
    width: 0;
    height: 0;
    display: block
}
.widget-title {
    font-size: 20px;
    font-weight: 100;
    line-height: 24px;
    margin-bottom: 10px
}
.top h1.title,
h1.title {
    font-size: 28px;
    font-weight: 600;
    line-height: 24px;
    margin-top: 15px;
    background: url(img/icons/bull-yellow.svg) no-repeat center left;
    background-size: 16px;
    padding-left: 25px;
    margin-left: 0
}

@media screen and (min-width:480px) {

    .first-enter-modal {
        z-index: 1000;
        display: none;
        height: auto;
        width: 300px;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-top: -150px;
        margin-left: -175px;
        padding: 25px;
        border-radius: 5px
    }
    #FEM-overlay {
        z-index: 999;
        display: none;
        background: rgba(0, 0, 0, .8);
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

}

.mystyle {}


/* Tablet - 800px, 768px & 720px */
@media only screen and (min-width: 720px) and (max-width: 800px) {
	.mystyle {}
	#wrapper {
		   overflow-x: hidden;
	}
	.first-enter-modal {
			background: #fff url(img/popup-arrow.png) no-repeat 215px 50px !important;
	}
	/*#FEM button {
	    font-size: 24px;
    	right: 24px;	
	}*/
}


/* Mobile - 480px & 320px */
@media only screen and (max-width: 719px) {
	.mystyle {}
	#wrapper {
		   overflow-x: hidden;
	}
	.first-enter-modal {
			background: #fff url(img/popup-arrow.png) no-repeat 215px 50px !important;
	}
	/*#FEM button {
	    font-size: 24px;
    	right: 24px;	
	}*/
}


/* Mobile - 320px */
@media only screen and (max-width: 479px) {
	.mystyle {}
	#wrapper {
		   overflow-x: hidden;
	}
	.first-enter-modal {
			background: #fff url(img/popup-arrow.png) no-repeat 215px 50px !important;
	}
	
	/*#FEM button {
	    font-size: 24px;
    	right: 24px;	
	}*/
}

@media only screen and (min-width: 1025px) {
	#header-ads {
		width:96.6%;
    margin-left: 19px;		
	}
}

#alxtabs-2 {
    padding-top: 18px;
}

.fb-trigger {
		display: none;
}

.fb-trigger-2 {
		display: none;
}

#page {
		margin-bottom: 30px;	
}