/*
Theme Name: Diyanet Center of America
Theme URI: http://diyanetamerica.org/
Author: TDD Lab
Author URI: http://tddlab.com/
Description: DCA's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 1.1
Last Update: 02.08.2021
Publish Date: 23.07.2016
*/


/*----------------------------------------------------------------------

[-----*** FONTS ***-----]

1. PF Square Sans Pro Bold
2. PF Square Sans Pro Regular
-----------------------------------------------------------------------*/
@import 'css/fonts.css';


/*----------------------------------------------------------------------

[-----*** GLOBAL ***-----]

-----------------------------------------------------------------------*/
body { background-color:#EFEFEF; }
a, a:hover, a:focus { text-decoration:none; outline:none; color:#485c7a; }
.wrapper { background-color:#fff; max-width:1440px; margin:0 auto; position:relative; }
hr { border-color:gray; margin-top:20px; margin-bottom:20px; }


/*----------------------------------------------------------------------


[-----*** HEADER ***-----]

1. Diyanet Logo
2. Top Left Buttons (Links, Social Buttons)
3. Top Right Buttons (Search, Links, Languages)
4. Navbar Main Menu
5. Toggle Button
-----------------------------------------------------------------------* /

/* Header */
.header { height:156px; z-index:999; }
.home-page .header { background:url('img/shadow.png') 0 0 repeat-x transparent; }
.content-page .header { background-color:#EF3342; }

/* Header Top */
.header-top { margin-left:-20px; margin-right:-20px; }

/* Diyanet Logo */
.header	.logo { width:240px; height:95px; display:inline-block; background:url('img/Diyanet-America-Logo.png') no-repeat center 0 #EF3342; text-indent:-9999999px; position:relative; z-index:999; }
.header	.logo h1 { margin:0; padding:0; height:0; }

/* Social Buttons */
.social-buttons { width:73px; height:18px; margin-left:20px; }
.social-buttons ul { list-style:none; padding:0; margin-top:20px; }
.social-buttons ul li { float:left; }
.social-buttons ul li a { display:block; width:24px; height:18px; background:url('img/social-icons.png') no-repeat 0 0 transparent; text-indent:-9999999px; }
.social-buttons ul li.facebook a { background-position:0 0; }
.social-buttons ul li.twitter a { background-position:-25px 0; }
.social-buttons ul li.instagram a { background-position:-50px 0; }

/* Search Box */
.search-form { float:right; position:relative; max-width:70px; margin-top:12px; }
.search-form input { width:100%; height:20px; border:none; background:none; color:#fff; box-shadow:none; border-radius:0; padding:6px 2px 2px 22px; font-family:'PF Square Sans Pro Regular'; font-size:12px; outline:none; }
.search-form button { border:none; background:none; position:absolute; color:#fff; top:5px; left:0px; font-weight:normal; font-size:10px; }

/* Search Box Focus */
.search-form.focus {max-width:120px;}
.search-form.focus input { padding-left:5px; padding-right:30px; font-weight:normal; border-bottom:1px solid #fff; }
.search-form.focus button { left:auto;right:5px;font-weight:bold;top:5px; }
.search-form.focus button i { float:right; }

/* Top Buttons */
.top-buttons { float:right; margin-left:20px; margin-top:15px; }
.top-buttons a { display:block; color:#fff; font-family:'PF Square Sans Pro Regular'; font-size:12px; text-transform:uppercase; }

/* Languages */
.languages { float:right; margin-left:20px; margin-top:15px; }
.languages a { display:block; float:left; color:#fff; font-family:'PF Square Sans Pro Regular'; font-size:12px; text-transform:uppercase; padding:0 5px; }
.languages a:first-child { border-right:1px solid #fff; }

/* Main Menu */
.main-menu { position:relative; height:60px; }
.main-menu .navbar { margin-bottom:0; }
.main-menu .navbar-nav { width:100%; text-align:center; }
.main-menu .navbar-nav > li { float:none; display:inline-block; }
.main-menu .navbar-nav > li > a { color:#fff; font-family:'PF Square Sans Pro Bold'; font-size:15px; text-transform:uppercase; }
.main-menu .navbar-left { margin-left:-40px; }
.main-menu .navbar-right { margin-right:-40px; }
.main-menu .nav > li > a { margin:11px 0 19px 0; padding:5px 19px; text-shadow:1px 1px 10px #9e9e9e; }
.main-menu .nav > li > a:hover, .main-menu .nav > li > a:focus { background:none; }
.main-menu .nav > li:hover > a, .main-menu .nav > li:focus > a, .main-menu .nav > li.open > a { background:#EF3342; }
.main-menu .dropdown-menu { background:#EF3342; padding:15px 0 15px 0; top:59px; }
.main-menu .dropdown-menu a { color:#fff; font-family:'PF Square Sans Pro Bold'; font-size:15px; line-height:24px; }

/* Toggle Button */
.mobile-button { width:22px; height:40px; margin:0; margin-top:20px; padding-left:0; border:none; border-radius:0; float:right; }
.mobile-button:focus, .mobile-button:hover, .mobile-button.active { background-color:transparent !important; }
.mobile-button .icon-bar { background-color:#fff !important; position:relative; transition:all 500ms ease-in-out; }
.mobile-button.active .icon-bar:nth-of-type(2) { top:6px; transform:rotate(45deg); }
.mobile-button.active .icon-bar:nth-of-type(3) { background-color:transparent !important; }
.mobile-button.active .icon-bar:nth-of-type(4) { top:-6px; transform:rotate(-45deg); }


/*----------------------------------------------------------------------

[-----*** MAIN ***-----]

1. Slider
2. Main Buttons
3. News
4. Events
5. Banners
6. Buttons
7. Listed
-----------------------------------------------------------------------*/

/*  Main Slider Carousel */
.slider { width: 100%; height:524px; margin:0 auto; position:static; overflow:hidden; z-index:0; }
.slider .carousel { width: 100%; height:auto; position:absolute; top:0; z-index:0;  }
.slider .carousel-caption { font-family:"PF Square Sans Pro Bold"; font-size:20pt; z-index:10; text-align:left; bottom:20px; left:240px; right:240px; padding-bottom:15px; }
.slider .carousel-caption h4 { font-size:23pt; line-height:32px; color:#fff; margin-bottom:5px; text-indent:-9999999px; }
.slider .carousel-caption h4 b { font-size:36pt; display:block; font-weight:normal; line-height:55px !important; }
.slider .carousel-caption .btn.btn-default { float:left !important; }
.slider .carousel .item { height:680px; }
.slider .carousel .carousel-control { opacity:1; text-shadow:none; background-image:none; top:0; }
.slider .carousel .carousel-control span { text-shadow:1px 1px 10px #9e9e9e; }
.slider .carousel .carousel-control.left { left:0; }
.slider .carousel .carousel-control.right { right:0; }
.slider .carousel .arrows { width:40px; height:50px; display:block; position:absolute; top:38%; z-index:9999; }
.slider .carousel .arrow-left { background-image:url('img/arrow-left.png'); }
.slider .carousel .arrow-right { right:0; background-image:url('img/arrow-right.png'); }
.slider .carousel .carousel-indicators { width:auto; left:inherit; right:240px; bottom:25px; }
.slider .carousel .carousel-indicators li { width:10px; height:10px; margin-left:5px; background-color:#fff; box-shadow:1px 1px 10px #9e9e9e; }
.slider .carousel .carousel-indicators li.active { width:12px; height:12px; background-color:transparent; }
.slider .carousel-caption .events-timer { width:100%; position:absolute; top:-180px; text-align:center; }
.slider .carousel-caption .events-timer ul { display:inline-block; margin:0; padding:0; }
.slider .carousel-caption .events-timer ul li { width:125px; height:125px; display:block; border:3px solid #fff; border-radius:20px; float:left; font-family:'PF Square Sans Pro Bold'; font-size:20px; text-align:center; margin:0 5px; }
.slider .carousel-caption .events-timer ul li span { display:block; font-size:50px; margin-top:10px; }
.slider .carousel .center-slide { display:block; text-align:center; }
.slider .carousel .center-slide img { position:static !important; min-width:auto !important; display:inline-block; }
.carousel-inner > .item > img, .carousel-inner > .item > a > img { width:100%; height:100%; }

/* Main Buttons */
.main .container { position:relative; }
.main .main-buttons { margin-left:-20px; margin-right:-20px; }
.main .main-buttons ul { list-style:none; margin:0; padding:0; }
.main .main-buttons ul li { float:left; margin:0; padding:0; }
.main .main-buttons a { float:left; width:183px; height:68px; color:#fff; font-family:'PF Square Sans Pro Bold'; font-size:15px; line-height:15px; text-transform:uppercase; display:block; background-color:#ababab; padding-top:18px; padding-left:20px; margin-left:13px; }
.main .main-buttons a i { display:block; width:40px; height:35px; float:left; background:url('img/icon-brochure.png') no-repeat 0 0 transparent; background-size:40px 35px; margin-top:-2px; }
.main .main-buttons a.btn-brochure { background-color:#0a6ec0; }
.main .main-buttons a.btn-brochure i { background-image:url('img/icon-brochure.png'); }
.main .main-buttons a.btn-facility { background-color:#ea495f; }
.main .main-buttons a.btn-facility i { background-image:url('img/icon-facility.png'); }
.main .main-buttons a.btn-announcement { background-color:#345d7e; }
.main .main-buttons a.btn-announcement i { background-image:url('img/icon-announcement.png'); }
.main .main-buttons a.btn-active { background-color:#9b9b9b; }
.main .main-buttons a.btn-active i { background-image:url('img/icon-active.png'); }
.main .main-buttons a.btn-women { background-color:#7fb343; }
.main .main-buttons a.btn-women i { background-image:url('img/icon-women.png'); }
.main .main-buttons a.btn-makkah { background-color:#7fb343; }
.main .main-buttons a.btn-makkah i { background-image:url('img/icon-makkah.png'); }
.main .main-buttons a.btn-restaurant { background-color:#ffcc08; color:#000; }
.main .main-buttons a.btn-restaurant i { background-image:url('img/icon-dca-restaurant.png'); }

/* News */
.news { padding-bottom:50px; }
.news .container .row { margin-left:-20px; margin-right:-20px; }
.news h3 { margin:35px 0 30px 10px; font-family:'PF Square Sans Pro Bold'; font-size:16px; text-transform:uppercase; }
.news .item { min-height:350px; }
.news .item h4 { color:#333; font-family:'PF Square Sans Pro Bold'; font-size:16px; }
.news .item p.date { margin-top:5px; }
.news .item p { font-family:'PF Square Sans Pro Regular';color:#a3a3a3; font-size:13px; }
.news .carousel .carousel-controls { width:300px; position:absolute; right:10px; top:-50px; }
.news .carousel .arrows { float:right; width:15px; height:15px; display:block; color:#979797; font-weight:normal; font-size:12px; margin-top:3px; }
.news .carousel .carousel-indicators { position:static; float:right; width:auto; left:inherit; margin-left:0; margin-right:5px; }
.news .carousel .carousel-indicators li { width:5px; height:5px; margin-left:5px; background-color:#000; border:none; }
.news .carousel .carousel-indicators li.active { width:7px; height:7px; border:1px solid #e32950; background-color:transparent; }

/* Events */
.events { display:block; width:100%; height:100px; background-color:#efefef; color:#333; font-family:'PF Square Sans Pro Regular'; overflow:hidden; }
.events .container .row { margin-left:-20px; margin-right:-20px; }
.events h3 { color:#333; font-family:'PF Square Sans Pro Bold'; font-size:20px; text-transform:uppercase; margin-top:30px; margin-bottom:0; }
.events p, .events p a { color:#adadad; font-family:'PF Square Sans Pro Regular'; font-size:16px; }
.events .last-event { margin-top:20px; }
.events .last-event .event-body { display:inline-block; overflow:hidden; }
.events .last-event .event-body .event-date { background-color:#fff; width:60px; height:60px; border-radius:60px; font-size:17px; text-align:center; padding:12px 10px; line-height:18px; float:left; }
.events .last-event .event-body .event-detail { float:left; margin-left:20px; margin-top:10px; max-width:225px; }
.events .last-event .event-body .event-detail h4 { margin:0; }
.events .last-event .event-body .event-detail h4 a { color:#333; }

/* Banners */
.banners { padding-top:50px; padding-bottom:30px; }
.banners .container .row { margin-left:-20px; margin-right:-20px; }
.banners .container .row > div { max-height:306px; margin-bottom:20px; }
.banners a { display:block; position:relative; }
.banners a span.shadow { position:absolute; bottom:0; background:url('img/banner_shadow.png') repeat-x 0 bottom transparent; width:100%; height:150px; z-index:1; }
.banners h5 { position:absolute; bottom:55px; left:40px; color:#ff9300; font-family:'PF Square Sans Pro Bold'; font-size:20px; text-transform:uppercase; z-index:2; }
.banners h4 { position:absolute; bottom:25px; left:40px; color:#fff; font-family:'PF Square Sans Pro Bold';  font-size:30px;text-transform:uppercase; z-index:2; }
.banners .row { margin-bottom:20px; }

/* Buttons */
.btn-dca, .btn.btn-default { display:block; border:none; color:#fff; padding-top:2px; margin-top:15px; border-radius:10px; font-family:'PF Square Sans Pro Regular'; font-size:12px; text-transform:uppercase; text-align:center; /* box-shadow:0 4px 4px 0 #8e8e8e; */ }
.btn-donation { width:77px; height:23px; background-color:#108bf0; }
.btn-read-more, .carousel-caption .btn.btn-default { width:100px; height:23px; background-color:#ef3342; background-image:none; }
.btn-register { width:120px; height:40px; background-color:#333; padding-top:10px; margin-top:30px; border-radius:20px; font-family:'PF Square Sans Pro Bold'; font-size:14px; }
.btn-donation:hover, .btn-read-more:hover, .btn-register:hover { color:#fff; }

/* Listed */
.listed { padding-bottom:50px; }
.listed .container .row { margin-left:-20px; margin-right:-20px; }
.listed h3 { margin:50px 0 30px 10px; font-family:'PF Square Sans Pro Bold'; font-size:16px; text-transform:uppercase; }
.listed h4 { color:#333; font-family:'PF Square Sans Pro Bold'; font-size:16px; }
.listed p.date { margin-top:5px; }
.listed p { font-family:'PF Square Sans Pro Regular';color:#a3a3a3; font-size:13px; }
.listed .thumb, .news .thumb { width:100%; height:200px; }


/*----------------------------------------------------------------------

[-----*** CONTENT ***-----]

1. Content Slider
2. Detail
3. Comments
-----------------------------------------------------------------------*/

/* Content Header */
.content-page .header { background-color:#EF3342; }

/*  Content Slider */
.content-page .slider { width:100%; height:auto; margin:0 auto; overflow:hidden; max-height:680px; }
.content-page .slider .carousel { width:100%; height:auto; position:relative; top:0; z-index:0;  }
.content-page .slider .carousel-caption { font-family:"PF Square Sans Pro Regular"; font-size:20pt; z-index:-1; text-align:center; top:50px; letter-spacing:15px; }
.content-page .slider .carousel-caption h2 { font-size:23pt; line-height:32px; color:#fff; }
.content-page .slider .carousel-caption h2 b { font-size:36pt; display:block; font-weight:normal; line-height:55px !important; }
.content-page .slider .carousel .item { height:auto; padding-top:0; }
.content-page .slider .carousel-inner > .item > a > img { position:static; }
.content-page .slider .carousel .arrows { width:40px; height:50px; display:block; position:absolute; top:28%; z-index:9999; }
.content-page .slider .carousel-control.left { left:10px; }
.content-page .slider .carousel-control.right { right:10px; }
.content-page .slider .carousel .carousel-indicators { width:auto; left:inherit; right:10%; bottom:5%; }

/* Detail */
.content { margin-top:10px; padding-bottom:50px; font-family:"PF Square Sans Pro Regular"; }
.content .container .row { margin-left:10px; margin-right:10px; }
.content .detail { font-size:16px; }
.content .detail h1 { font-family:"PF Square Sans Pro Bold"; margin-top:15px; padding-top:0; font-size:25px; }
.content .detail a { color:#22344E; }
.content .detail p.date { color:#959595; font-size:12px; }
.content .detail p.desc { color:#959595; font-size:20px;  }
.content .detail p, .content .detail { color:#000; font-size:15px;  }
.content .detail img:not(.img-responsive) { display:inline-block; margin-bottom:15px; width:auto; height:auto; max-width:920px; }

/* Comments */
.comments-area { margin-top:100px; }
.comments-area h2.comments-title {  }
.comments-area ol.comment-list, .comments-area ol.children { list-style:none; padding:0; }
.comments-area ol.comment-list li { border-bottom:1px solid #F2F2F2; margin-bottom:10px; }
.comments-area .comment-form-comment label { display:block; }
.comments-area .comment-form-author label,
.comments-area .comment-form-email label,
.comments-area .comment-form-url label { width:120px; }
.comments-area textarea { width:100%; }
.comment-author-dcadmin { background-color:#f8f8f8; padding:10px 10px 10px 40px; }
.comment-author-dcadmin .comment-author { background:url('favicon.png') 0 0 no-repeat transparent; padding-left:90px; padding-top:25px; background-size:72px 72px; height:72px; }
.comment-author-dcadmin .comment-author img { display:none !important; }
.comments-area .comment-meta a { color:#9b9b9b; }
.comments-area .reply a { color:#2E6EA6; }

/* Woocommerce */
.woocommerce-MyAccount-navigation { width:100%; display:block; overflow:hidden; margin-bottom:20px; }
.woocommerce-MyAccount-navigation ul { list-style:none; padding:0; }
.woocommerce-MyAccount-navigation ul li { float:left; margin-right:10px; }
.woocommerce-MyAccount-navigation ul li.is-active { font-weight:bold; }

/* Events Manager */
/* Events Full Calendar */
.em-calendar-wrapper table.em-calendar { width:100%; }
.em-calendar-wrapper table.fullcalendar thead td { border:none; }
.em-calendar-wrapper table.fullcalendar td { width:14.28%; border-color:#ddd; text-align:center; background:rgba(0, 0, 0, 0) none repeat scroll 0 0; vertical-align:top; }
.em-calendar-wrapper table.fullcalendar td.eventful-today,
.em-calendar-wrapper table.fullcalendar td.eventless-today { background:#E5E5E5 !important; }
.em-calendar-wrapper table.fullcalendar td.month_name { text-align:center; background-color:#EF3342; color:#fff; }
.em-calendar-wrapper table.fullcalendar tr.days-names td { border:none; background-color:#F47681; color:#fff; }
.em-calendar-wrapper table.fullcalendar td.eventless { height:80px; }
.em-calendar-wrapper table.em-calendar ul { list-style:none; padding:0; }
.em-calendar-wrapper table.em-calendar ul li { list-style:none !important; padding:0; border-top:1px solid #bababa; }
.em-calendar-wrapper table.em-calendar td.eventful a, .em-calendar-wrapper table.em-calendar td.eventful-today a { color:#000; }
.em-calendar-wrapper table.em-calendar td.eventful > a { color:#000; }
.em-calendar-wrapper table.em-calendar td.eventful-today a { font-weight:normal; color:#ef3342; }
.em-calendar-wrapper table.em-calendar td > a { font-weight:bold; color:#ef3342 !important; }

/* Events Categories list */
ul.em-categories-list { list-style:none; padding:0; margin:0; overflow:hidden; }
ul.em-categories-list li { width:33%; float:left; }
ul.em-categories-list li a { display:block; border:1px solid #EFEFEF; padding:5px 10px; margin:10px; text-align:center; }
ul.em-categories-list li a:hover { background-color:#EF3342; color:#fff; }

/* Events Locations list */
ul.em-locations-list, ul.em-locations-list ul { list-style:none; padding:0; margin:0; overflow:hidden; }
ul.em-locations-list ul li { font-style:italic; text-align:center; color:#575757; }
ul.em-locations-list > li { width:50%; float:left; }
ul.em-locations-list > li a { display:block; border:1px solid #EFEFEF; padding:10px; margin:10px; text-align:center; font-weight:bold; }
ul.em-locations-list > li a:hover { background-color:#EF3342; color:#fff; }

/* Events List */
table.events-list { width:100%; }
table.events-list thead tr th { background-color:#EF3342; color:#fff; border:1px solid #EFEFEF; padding:10px; }
table.events-list tbody tr td { border:1px solid #EFEFEF; padding:10px; }
table.events-list h4 { font-weight:bold; margin:0; margin-bottom:10px; }
table.events-list h4 a { color:#EF3342 !important; }
table.events-list img { width:auto; height:80px !important; }
table.events-list p { font-style:italic; }
table.events-list .btn-all-events { display:block; padding:10px; text-align:center; font-size:14px; font-weight:bold; background-color:#EF3342; color:#fff; }

/* Events Detail */
ul.event-categories { list-style:none; padding:0; margin:0; overflow:hidden; }
ul.event-categories li { float:left; margin-right:10px; }
.em-booking-form-details { width:100% !important; }
.em-booking-form label { width:200px !important; }
.em-tickets { margin:10px; width:100%; max-width:440px; }
.em-tickets .ticket-desc { font-style:italic; }
.em-bookings-ticket-table-type { width:50%; }
.em-tickets tr td { border-bottom:1px solid #EFEFEF; padding:10px 0; }
.em-booking-form p.input-radio span.input-group { display:inline-block; margin-left:20px; }
.gform_button.button { padding:10px 15px; border:none; border-radius: 5px; background-color:#108BF0; color:white; text-transform:uppercase; }

/* Gradient BG */
.em-calendar-wrapper table.fullcalendar tbody tr:not(.days-names) td,
.gradient {
	background: rgba(242,242,242,1);
	background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 49%, rgba(242,242,242,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,242,242,1)), color-stop(49%, rgba(255,255,255,1)), color-stop(100%, rgba(242,242,242,1)));
	background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 49%, rgba(242,242,242,1) 100%);
	background: -o-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 49%, rgba(242,242,242,1) 100%);
	background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 49%, rgba(242,242,242,1) 100%);
	background: linear-gradient(to bottom, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 49%, rgba(242,242,242,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f2f2f2', GradientType=0 );
}

/*----------------------------------------------------------------------

[-----*** FOOTER ***-----]

1. Footer Logo
2. Footer Links
3. Mobile Screen Detect (for Custom JS)
-----------------------------------------------------------------------*/

/* Footer */
.footer { width:100%; min-height:400px; background:url('img/bg-footer.jpg') no-repeat center 130px #101a2a; }
.footer .container .row { color:#888; margin-left:-20px; margin-right:-20px; }

/* Footer Logo */
.footer-logo { height:130px; text-align:center; }
.footer-logo a { display:block; margin-top:5px; }

/* Footer Links */
.footer-links { padding-top:30px; }
.footer-links div ul { list-style:none; padding:0; }
.footer-links div > ul { margin-top:20px; }
.footer-links div > ul li { line-height:18px; }
.footer-links div > ul > li { float:left; width:230px; margin-right:15px; margin-bottom:15px; min-height:200px; }
.footer-links div > ul li a { font-family:"PF Square Sans Pro Regular"; font-size:15px; color:#fff; }
.footer-links div > ul > li > a { font-family:"PF Square Sans Pro Bold"; font-size:14px; color:#fff; }

/* Copyrights */
.copyright { font-family:"PF Square Sans Pro Regular"; text-align:center; }
.copyright p { color:#fff; }
.copyright p a { color:#fff; }
.copyright p a.builder { color:#485c7a; }

/* Mobile Screen Detect */
.mobile-screen { display:none; width:0; height:0; margin:0; padding:0; position:absolute; }

/* Footer After Widget */
.footer-widget { width:100%; background-color:#101a2a; padding-top:50px; }
.footer-widget > .container > .row > div { text-align:center; margin-bottom:10px; }
.footer-widget p { color:#fff; font-size:13px; }
.footer-widget img.shape {  }
.footer-widget .tnp-widget { width:90%; margin-top:0; margin-left:5%; margin-right:5%; }
.footer-widget .tnp-widget .tnp-field { margin-top:0; }
.footer-widget .newsletter-email,
.footer-widget .tnp-field-email { width:70%; float:left; }
.footer-widget .tnp-field-button { width:30%; float:left; }
.footer-widget .tnp-email { width:100%; height:25px; box-shadow:0px 0px 6px #3277B2; color:#000; padding:1px 5px !important; font-size:11px; }
.footer-widget .newsletter-submit,
.footer-widget .tnp-submit { width:100%; height:25px; background-color: #337ab7; color: #fff; padding:1px 5px !important; font-size:11px; border:none !important; border-radius:4px; cursor: pointer; display: inline-block; font-weight: normal; line-height: 1.42857; margin-bottom: 0; text-align:center; white-space: nowrap; background-image: linear-gradient(to bottom, #337ab7 0px, #265a88 100%); background-repeat: repeat-x; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); }
.tnp-widget label { display:none !important; }


/*----------------------------------------------------------------------

[-----*** RESPONSIVE ***-----]

1. Large devices (large desktops, 1200px and up)
2. Medium devices (desktops, 992px and up)
3. Medium devices (desktops, 992px and down)
4. Small devices (tablets, 768px and up)
5. Extra small devices (phones, less than 768px)
6. Extra small devices (phones, less than 470px)
-----------------------------------------------------------------------*/

/* Large devices (large desktops, 992px and up) */
@media (min-width: 1200px) {

.header { position:relative; }

}

/* Large devices (large desktops, 1440px and 1200px) */
@media (max-width: 1440px) and (min-width: 1200px) {

.slider { height:414px; }
.slider .carousel .item { height:570px; }

}

/* Medium devices (desktops, 1200px and 992px) */
@media (max-width: 1200px) and (min-width: 992px) {

.header { height:auto; background-image:none !important; background-color:#EF3342 !important; }

.slider, .slider .carousel .item { height:auto; }
.slider .carousel { position:relative; }

}

/* Large devices (large desktops, 992px and up) */
@media (min-width: 992px) {

.main-menu .nav > li:hover > ul { display:block; }

}

/* Medium devices (desktops, 992px and down) */
@media (max-width: 992px) {

.main .main-buttons, .news .container .row, .events .container .row, .banners .container .row, .footer .container .row { margin-left:0; margin-right:0px; }

}

/* Small devices (tablets, 768px and up) */
@media (max-width: 992px) and (min-width: 768px) {

.header { height:auto; background-image:none !important; background-color:#EF3342 !important; }

.main-menu .nav > li > a { padding:5px 12px; }
.main-menu .navbar-nav > li > a { font-size:13px; }

.slider, .slider .carousel .item { height:auto; }
.slider .carousel { position:relative; }
.slider .carousel-caption { bottom:0; left:100px; right:10px; }

.main .main-buttons a { width:120px !important; font-size:13px; line-height:13px; padding-left:8px; margin-left:10px; }
.main .main-buttons a.btn-announcement { width:180px !important; }

.listed .thumb, .news .thumb { height:110px; }

.events { height:100px; }

.banners .container .row > div { max-height:220px; }
.banners h5 { bottom:40px; left:30px; font-size:15px; }
.banners h4 { bottom:13px; left:30px; font-size:22px; }

.footer-links div > ul > li { width:160px; }
.footer-links div > ul li a { font-size:14px; }
.footer-links div > ul > li > a { font-size:13px; }

}

/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {

.header { height:auto; background-image:none !important; background-color:#EF3342 !important; }
.header-top { margin-left:0; margin-right:0px; }
.header	.logo { width:240px; height:80px; background-image:url('img/DCA-Logo-Small.png'); float:left; }

.main-menu { position:relative; top:0px; height:auto; }
.main-menu .navbar { min-height:0; }
.main-menu .navbar-nav { text-align:left; }
.main-menu .navbar-nav > li { float:none; display:block; border-bottom:1px solid #fa7d87; }
.main-menu .navbar-left { margin-left:-10px; }
.main-menu .navbar-right { margin-right:0px; }
.main-menu .nav > li > a { margin:5px 0 5px 0; }
.main-menu .dropdown-menu { margin-left:10px; padding:0 10px 0 0; }

.slider { height:auto; margin-bottom:10px; }
.slider .carousel .item { height:auto; }
.slider .carousel { position:relative; }
.slider .carousel-caption { bottom:0; left:10px; right:10px; }
.slider .carousel-caption h4 { font-size:12pt; line-height:25px; }
.slider .carousel-caption h4 b { font-size:16pt; line-height:15px !important; }
.slider .carousel .carousel-indicators { right:20px; bottom:10px; }
.slider .carousel .carousel-control { top:0; }
.slider .carousel .carousel-control span { top:20%; }
.slider .carousel .arrows { top:18%; }
.slider .carousel-caption .events-timer { top:-50%; }
.slider .carousel-caption .events-timer ul li { width:80px; height:80px; font-size:18px; }
.slider .carousel-caption .events-timer ul li span { font-size:30px; margin-top:0; }

.main .main-buttons ul li { float:none; }
.main .main-buttons a { width:100% !important;  height:58px; margin-left:0; padding-top:14px;  }

.listed .thumb, .news .thumb { height:auto; }

.events { height:auto; text-align:center; padding-bottom:30px; }
.btn-register { display:inline-block; }

.banners .container .row > div { max-height:100%; }
.banners h5 { bottom:40px; left:30px; font-size:15px; }
.banners h4 { bottom:13px; left:30px; font-size:22px; }

.footer-links div > ul li a { line-height:25px; }
.footer-links div > ul > li { float:none; width:90%; margin-left:15px; min-height:auto; }

.content-page .slider .carousel-caption { font-size:12pt; top:10px; letter-spacing:12px; }
.content-page .slider .carousel-caption h2 { font-size:14pt; line-height:18px; }
.content-page .slider .carousel-caption h2 b { font-size:18pt; line-height:35px !important; }

.em-location-map-container { display:none; }
.em-booking-form label { display:block !important; float:none !important; }

.mobile-screen { display:block; }

.gform_wrapper.gravity-theme .ginput_cardextras { display:block !important; }
}

/* Extra small devices (phones, less than 370px) */
@media (max-width: 370px) {

.header-top { margin-left:-10px; margin-right:-10px; }
.header	.logo { width:180px; height:60px; background-image:url('img/DCA-Logo-Small.png');  background-size:180px 60px; }

.languages { margin-left:5px; }
.top-buttons { margin-left:5px; }

.slider .carousel .arrows { display:none; top:28%; }
.slider .carousel-caption .events-timer { top:-15%; }
.slider .carousel-caption .events-timer ul li { width:50px; height:50px; border-radius:10px; font-size:12px; }
.slider .carousel-caption .events-timer ul li span { font-size:20px; margin-top:0; }

}


/*----------------------------------------------------------------------

[-----*** RETINA DISPLAY ***-----]

-----------------------------------------------------------------------*/

/* Retina Display */
@media (min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.social-buttons ul li a { background-image:url('img/social-icons@2x.png'); background-size:73px 18px; }
	.header	.logo { background-image:url('img/Diyanet-America-Logo@2x.png'); background-size:240px 95px; }
}

/* Retina Mobile */
@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 767px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 767px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 767px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 767px),
only screen and (                min-resolution: 192dpi) and (max-width: 767px),
only screen and (                min-resolution: 2dppx)  and (max-width: 767px) {

	.header	.logo { background-image:url('img/DCA-Logo-Small@2x.png'); background-size:240px 80px; }

}

/* Retina Mobile */
@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 370px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 370px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 370px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 370px),
only screen and (                min-resolution: 192dpi) and (max-width: 370px),
only screen and (                min-resolution: 2dppx)  and (max-width: 370px) {

	.header	.logo { background-image:url('img/DCA-Logo-Small@2x.png'); background-size:180px 60px; }

}

/* WordPress Core
-------------------------------------------------------------- */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
.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: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }
.breadcrumb {background-color:transparent; padding:0; margin:0; padding-left:12px;}
.breadcrumb li a {color:#bababa;}
.breadcrumb li strong {color:#7e7e7e;font-weight:normal;}
.ui-datepicker-title select { color:black !important; }

/* Carousel Fade */
.carousel.slide .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel.slide .carousel-inner .item,
.carousel.slide .carousel-inner .active.left,
.carousel.slide .carousel-inner .active.right {
  opacity: 0;
}
.carousel.slide .carousel-inner .active,
.carousel.slide .carousel-inner .next.left,
.carousel.slide .carousel-inner .prev.right {
  opacity: 1;
}
.carousel.slide .carousel-inner .next,
.carousel.slide .carousel-inner .prev,
.carousel.slide .carousel-inner .active.left,
.carousel.slide .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel.slide .carousel-control {
  z-index: 2;
}

.whatsapp { position:fixed;width:60px;height:60px;bottom:20px;right:20px;background-color:#25d366;color:#FFF;border-radius:50px;text-align:center;font-size:30px;box-shadow: 2px 2px 3px #999;z-index:100; }
.whatsapp-float { margin-top:16px; }

.donation { position:fixed;width:60px;height:60px;bottom:20px;right:20px;/*right:100px;*/background-color:#108bf0;color:#FFF;border-radius:50px;text-align:center;font-size:30px;box-shadow: 2px 2px 3px #999;z-index:100; }
.donation-float { margin-top:16px; }