/*
Theme Name: ebony.com
Theme URI: http://ebony.com/
Author: Fantasktic
Author URI: https://fantasktic.com/
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ebony
Tags:

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.

ebony.com is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

*/

.FAQ { cursor: hand; cursor:pointer; border: 0px solid #6e6e6e; width:100%; padding-bottom: 40px; }
.FAA { display: none; }
.FAA.on { display: block; }

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style], .fb-comments span, .fb-comments iframe {
    width: 100% !important;
}



/*EBONY Travel */
.rightContent .fa{display: inline-block;width: 28px;height: 35px;background: url(./images/social_media.png) no-repeat;float: left;}
.rightContent .fa.facebook{  background-position: 12px 50%;  /*  margin-left: -35px;*/}
.rightContent .fa.insta{background-position: -64px 50%;}
.rightContent .fa.twitter{background-position: -26px 50%;    }
@font-face {
	font-family: 'gothic';
	src: url('css/gothic.eot');
	src: local('gothic'), url('css/gothic.woff') format('woff'), url('css/gothic.ttf') format('truetype');
}
/* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_9785">Text with this font applied</p> */
.fontsforweb_fontid_9785 {font-family: 'gothic' !important;}
.landingListArea_banner {float:left;width:100%;	}
.left_land_news img {width: 380px; height: 250px;}
.banner_bg{ background-color: #cce0ff; text-align: center;}
.banner_bg_left{width: 55%; float: left; text-align:right; padding: 36px 20px 36px 0px; line-height: 60px; }
.banner_bg_right{width: 35%;float: left;text-align:left;padding: 36px 0px 36px 0px; }
.banner_bg h2{ font-family: 'gothic' !important; font-size:60px; font-weight: 300; }
.banner_bg h4{ font-family: 'gothic' !important;font-size:25px;text-transform: uppercase; line-height: 30px}
.banner_bg_bot{ background-color: #b2d1ff; text-align: center; margin-top: 2px;padding: 10px}
.banner_bg_pink{ background-color: #ffcdd0; }
.banner_bg_bot_pink{background-color: #ffb2b8;}
.banner_bg_bot .nav{border-width:1px 0;list-style:none;margin:0;padding:0;text-align:center; font-size: 22px;}
.banner_bg_bot .nav li{display:inline; padding-right: 5px; padding-left: 5px; color: #000000;}
.banner_bg_bot .nav a{display:inline-block;padding:8px; color: #000000;}
.banner_bg_bot .nav a:hover{display:inline-block; text-decoration: none;padding:8px; color: #0364cb;}
.banner_bg_bot .nav a.active{display:inline-block; text-decoration: none;padding:8px; color: #0364cb !important	;}
.banner_bg_bot_pink .active{display:inline-block; text-decoration: none;padding:10px; color: #cd0102 !important	;}
.text_align_left{ text-align: left;}
.text_align_right{ text-align: right;}
.left_land_lt .left_thumbarea {float:left;width:54%;padding:60px 0px 0px 10px;	}
.left_land_lt .rightContent {float:left;width:44%;padding:60px 60px 0px 00px;}
.left_land_lt, .left_land_lt_news {float:left;width:100%;padding:00px 30px 30px 60px;font-size: 16px;line-height: 30px;}
.left_land_lt h2{ font-weight: normal; margin-bottom: 5px;}
.left_land_lt_news h3{ font-weight: normal; margin-bottom: 0px; text-align: left; font-size: 30px; padding-top:60px;}
.left_land_lt_news h2{ font-weight: normal; margin-bottom: 5px; }
.left_land_lt p{line-height: 16px; font-size: 13px; margin-bottom: 30px;}
.left_land_lt_news span{font-size: 14px; color: #7a8594;}
.left_land_lt_news span a{font-size: 14px; color: #000000;}
.left_land_news {float:left;text-align: left;width:33%;padding-left:3px;padding:30px 0px 0px 10px; }
.left_land_news h2{font-family:sans-serif  !important; font-size:20px; font-weight:bold; color: #313131; }
.banner_bg_right_cen{display:none;}
.banner_bg_right{display: block;}
@media screen and (max-width:860px) {
	.left_land_lt .left_thumbarea {float:left;width:100%;padding:20px 0px 0px 10px;	}
    .left_land_lt .rightContent {float:left;width:100%;padding:60px 00px 0px 00px;}
	.banner_bg_left {width: 100%;float: left;text-align: center;padding: 36px 20px 0px 0px;}
	.banner_bg_right {width: 100%;text-align: center;}
	.left_land_news {float: left;text-align: left;width: 100%;}
	.left_land_lt, .left_land_lt_news{padding: 00px 60px 30px 60px;}
	.left_land_news img{width: 100%; height: auto;}
	.left_thumbarea img{width: 100% !important; height: auto !important;}
	.banner_bg_right_cen{display: block; padding: 36px 20px 20px 0px;}
	.banner_bg_right{display: none;}
	.left_land_lt h2,.left_land_lt_news h3{ font-size: 37px;line-height: 40px;}
	.banner_bg_bot .nav li {padding-right: 10px;padding-left: 10px;}
.rightContent .fa {
    display: inline-block;
    width: 20px;
    height: 20px;
    / padding-left: 0%; /
    margin-top: 1%;
    / margin-right: 116px; /
    margin-left: 0%;
    background: url(./images/social_media.png) no-repeat;
    float: none;
}
.rightContent .fa.insta {
    background-position: -64px 132%;
}
}
@media screen and (max-width:480px) {
    .banner_bg h2{ font-size:32px;}
	.banner_bg h4{ font-size:18px;}
	.left_land_lt h2,.left_land_lt_news h3{ font-size: 18px; line-height: 25px;}
	.left_land_lt, .left_land_lt_news{padding: 00px 20px 30px 20px;}
	.left_land_lt .rightContent {padding:20px 00px 0px 00px;}
    .left_land_lt .left_thumbarea{padding: 30px 0px 0px 00px}
    .left_land_news{padding: 30px 0px 0px 00px;}
    .left_land_lt_news h3{ padding-top: 10px;}
    .banner_bg_bot .nav {font-size: 14px;}
    .banner_bg_bot .nav li {padding-right: 5px;padding-left: 0px;}
    .banner_bg_left{padding: 16px 00px 0px 0px;}
    .left_land_news h2{font-size: 18px;}
    #travel-about,#travel-tips{padding-top: 32px;}
}




/*Strip the ul of padding and list styling*/
.banner_bg_bot ul {
    list-style-type:none;
    margin:0;
    padding:0;
    /*position: absolute;*/
}
/*Create a horizontal list with spacing*/
.banner_bg_bot ul li {
    display:inline-block;
    
    margin-right: 1px;
}
/*Style for menu links*/
.banner_bg_bot ul li a {
    display:block;
    min-width:140px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    /*background: #2f3036;*/
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
}
/*Hover state for top level links*/
/*.banner_bg_bot ul li:hover a {
    background: #19c589;
}*/
/*Style for dropdown links*/
.banner_bg_bot ul li:hover ul a {
    /*background: #f3f3f3;*/
    color: #2f3036;
    /*height: 40px;
    line-height: 40px;*/
}
/*Hover state for dropdown links*/
/*.banner_bg_bot ul li:hover ul a:hover {
    background: #19c589;
    color: #fff;
}*/
/*Hide dropdown links until they are needed*/
.banner_bg_bot ul li ul {
    display: none;
}
/*Make dropdown links vertical*/
.banner_bg_bot ul li ul li {
    display: block;
    float: none;
}
/*Prevent text wrapping*/
.banner_bg_bot ul li a {
    width: auto;
    min-width: 100px;
    padding: 0 20px;
}
/*Display the dropdown on hover*/
.banner_bg_bot ul li a:hover + .hidden, .hidden:hover {
    display: block;
}
/*Style 'show menu' label button and hide it by default*/
.banner_bg_bot .show-menu {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none;
    color: #fff;
    background: #000;
    text-align: center;
    padding: 10px 0;
    display: none;
}
/*Hide checkbox*/
.banner_bg_bot input[type=checkbox]{
    display: none;
}
/*Show menu when invisible checkbox is checked*/
.banner_bg_bot input[type=checkbox]:checked ~ #menu{
    display: block;
}

/*Responsive Styles*/
@media screen and (max-width : 760px){
    /*Make dropdown links appear inline*/
    .banner_bg_bot ul {
        position: static;
        display: none;
    }
    /*Create vertical spacing*/
    .banner_bg_bot ul li {
        margin-bottom: 1px;
    }
    /*Make all menu links full width*/
    .banner_bg_bot ul li, .banner_bg_bot ul li a {
        width: 100%;
    }
    /*Display 'show menu' link*/
    .banner_bg_bot .show-menu {
        display:block;
    }
}