/*
 Theme Name:   Elegant Fusion Child
 Template:     Fusion
*/

@import url("../Fusion/style.css");

/* MAIN FORMATS	
-------------------------------------------------------------- */

body, p {
	color: #222;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height:1.5;
}

.entry p {
    padding-bottom: 10px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Nunito",arial,sans-serif !important;  /* Montserrat */
}

.entry h2.title, h1.title {
	color: #FFFFFF !important;
	font-size: 40px;
	padding-bottom: 25px;
	text-transform:none;
}

.widget h4.widgettitle {
	font-size: 18px;
	padding-bottom: 15px;
	text-transform:none;
}

article a, #sidebar a {
	color: #CF5F77;
}

div.quote {
    border-left: 1px solid #aaa;
	margin: 10px 60px 30px;
	min-height:150px;
	position:relative;
	text-align: left;
}
div.quote p {
	color: #666;
    font-size: 13px;
	font-style: italic;
    line-height: 1.5;
    padding: 0px 0 3px 20px;
}
div.quote p.quoter {
	font-style: normal;
    padding: 0 0 10px 30px;
}

div.quote .middle {
    position: absolute;
    top: 10%;
	width: 55%;
}


/* PAGE LAYOUTS
-------------------------------------------------------------- */

.et_fullwidth_view .container {
	width: 65%;
}
.container, #footer-bottom .container {
    width: 90%;
}
#footer-bottom #top-area .container {
    width: 100%;
}

.page-template-page-contact-php .container {
	width: 80%;
}
.container #left-area {
    margin-right: 3.5%;
    width: 35%;
}

.container #middle-area {
    float: left;
    margin: 65px 3.5% 0 0;
    width: 29%;
}
.et_fullwidth_view  .container #left-area {
	margin: 0 auto;
	width: 100%;
}

#content {
	background: url("/wp-content/uploads/Cityscape2.jpg") no-repeat fixed center #1f1619; 
	background-size: cover;
}

iframe {
	border: 1px solid #333;	
	display: block;
	margin: 20px auto 0;
}

article.entry {
	border-radius: 20px;
	opacity: .96;
	padding: 40px 60px 60px;
}

#left-area article.entry {
	padding: 40px;
}

.entry-content ul, .comment-content ul {
	padding: 0 0 10px 16px;
}

#left-area ul li {
	background: url("/wp-content/uploads/hover-widget-bullet.png") no-repeat scroll 0 6px rgba(0, 0, 0, 0);
	line-height: 1.2;
	list-style: none;
	padding: 0 0 10px 15px;
}
article #slideshow-wrappergallery1  {
	width:80%;
	margin: 0 auto;
}
article #slideshow-wrappergallery1 #fullsizegallery1 {
	height: 400px !important;
}
article #slideshow-wrappergallery1 #imagegallery1 img {
	height: 400px;
	width: auto;
}

#et_contact_left, #et-contact p textarea, #et_contact_right {
    width: 95% !important;
}

#et-contact p input, #et-contact p textarea, #et_contact_submit {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;	
}
#et_contact_right {
	margin-left: 0% !important;
}




/* HOMEPAGE
-------------------------------------------------------------- */

.home #et-slider-wrapper {
	height: 800px;
}

.home .et-slide .container {
	padding: 160px 0 0;
	text-align:center;
}

.home .et-slide p.subtitle {
	font-size: 38px;
	line-height:1.2;
	text-transform: none;
}

.home .et-slide .description {
	padding-top: 70px;
	text-shadow:none;
	width: 100%; 
}

.home .et-slide .description h2.title a {
	color: #FFF;
	font-family: "Nunito",arial,sans-serif;
	font-size: 67px;
	font-weight: bold;
	opacity: .9;
	padding-bottom: 15px;
}

#main-header .et-slide .description p.subtitle {
	color: #DDD;
	font-family: "Nunito",arial,sans-serif;
	opacity: .7;
	padding-bottom: 10px;
}

.home #et-slides .et-slide:nth-child(2) h2 a {
    color: #333333;
}

.home #et-slides .et-slide:nth-child(2) p.subtitle {
    color: #999;
}

#breadcrumbs, .read-more span, .testimonial span.title, .entry .meta-info, .entry .meta-info a, .entry .meta-info a:hover, .subtitle, .comment_date, .comment-reply-link:before, .bottom-nav li.current_page_item a, #content .wp-pagenavi .nextpostslink, #content .wp-pagenavi .previouspostslink {
	color: #333333;	
}

.home .et-slide .description .more {
	background: #333333;
    border: none;
	border-radius: 10px;
	box-shadow: none;
	display: none;
	float: none;
	opacity: .8;
	padding: 7px 5px 4px;
}

.home .et-slide .description .more img {
	height: 50px;
}

.home .et-slider-arrows a {
    animation-delay: 0.4s;
    animation-duration: 0.6s;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-timing-function: ease;
    height: 124px;
    opacity: .9;
    top: 250px;
    width: 33px;
}


#et-slider-wrapper .et-arrow-prev {
	background-image: url("/wp-content/uploads/arrow-left1.png");
}

#et-slider-wrapper .et-arrow-next {
	background-image: url("/wp-content/uploads/arrow-right1.png");
}


#et-slider-wrapper .et-arrow-prev, #et-slider-wrapper:hover .et-arrow-prev {
	left: 3%;
}

#et-slider-wrapper .et-arrow-next, #et-slider-wrapper:hover .et-arrow-next {
	right: 3%;
}

#et-slider-controls {
	bottom: 90px;
	display: none;
}

.home #et-slider-controls .et-controllers {
	float: none;
	width: auto;
}
#et-slider-controls .et-controllers a {
	margin: 0 2px;
}

.home #content {
    padding: 0;
}

.et-active-slide .featured-image, .et-slide .featured-image {
	display: none;
}


span.post-meta-key {
    display: none;
}

.short-quote {
    color: #666;
	display: block;
    font-size: 19px;
    font-style: italic;
	line-height:1;
	margin: 0 auto;
    text-shadow: none;
}

#et-slides .et-slide:last-child .short-quote {
    color: #EEE;
}



/* SIDEBAR
-------------------------------------------------------------- */

#sidebar {
    margin: 65px 0;
    padding: 09x;
	width: 28%;
}
	
#sidebar .widget, #middle-area .widget {
    background-color: rgba(255, 255, 255, .9);
	border-radius: 20px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
	padding: 40px;
	text-shadow: none;
}

img#about-image {
    border: 2px solid #EEEEEE;
    border-radius: 50px;
}

#sidebar .widget p {
    font-size: 13px;
    line-height: 1.5;
}

.textwidget a img {
    margin-right: 10px;
}
.textwidget a.link {
    vertical-align: top;
}

#sidebar p.contact, #sidebar p.contact a {
    color: #444444;
    padding-bottom: 5px;
}

.widget li, .f_widget li, .widget li:hover, .f_widget li:hover {
	background: url("/wp-content/uploads/hover-widget-bullet.png") no-repeat scroll 0 6px rgba(0, 0, 0, 0);
	font-size: 13px;
    padding: 0 0 10px 15px;
}

.widget_twitter ul li, .widget_twitter ul li:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 12px;
    line-height: 1.4;
    list-style: none outside none;
    padding-left: 0;
    text-align: left;
}
.widget_gce_widget li ul li, .widget_gce_widget li ul li:hover {
    background-image: none;
    padding: 5px 0 10px;
}

.twitter-avatar img {
    padding-bottom: 12px;
}
.widget_twitter .from-meta {
    display: none;
}

.gce-page-list .gce-list .gce-list-event {
    background-color: rgba(0, 0, 0, 0);
}

p.social {
	padding: 5px 0 0;
}


/* FOOTER
-------------------------------------------------------------- */

#footer-bottom {
    background-color: #111;
	background-image: none !important;
    bottom: 0;
    padding: 10px 0;
    position: fixed;
    text-shadow: none;
    width: 100%;
}

#top-area {
	background-image: none !important;
	padding-bottom: 0;
}

#content {
	padding: 40px 0 90px;	
}
.home #content {
	padding-top: 0px;
}

body.home.blog #top-area, body.et_default_homepage #top-area {
	position: inherit;
}

.top-content {
    padding-top: 0;
}

#logo {
    color: #FFF;	
	font-family: "Nunito",arial,sans-serif;
    font-size: 50px;
	line-height:1;
    margin-right: 0px;
	text-decoration: none;
}

/* FOOTER NAV
-------------------------------------------------------------- */

#menu-wrap {
	padding-top: 20px;
}

#footer-bottom ul.bottom-nav {
    float: right;
    font-size: 13px;
	line-height:3.5;
}

#footer-bottom ul.bottom-nav li {
	padding-right: 30px;
}

#footer-bottom ul.bottom-nav li:last-child {
	padding-right: 0px;
}

#footer-bottom ul.bottom-nav li.current_page_item a {
	font-weight: 400;
}

#top-menu a .menu-highlight, #mobile_menu .menu-highlight { color: #CF5F77 !important; }
#top-menu li:last-child {margin-right:0;}

/* FOOTER MOBILE NAV
-------------------------------------------------------------- */

#mobile_menu {
    bottom: 0;
    left: 30%;
    top: inherit;
}





/*-----------------------------------------------------------------------------*/
/*--------------------------[RESPONSIVE LAYOUTS]------------------------------*/
/*---------------------------------------------------------------------------*/



/*-------------------[1024px iPad horizontal (verified)]------------------*/
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {   

.home .et-slide .container {padding-top: 200px;}
.home .et-slide p.subtitle {font-size: 36px;}
.home #et-slider-wrapper { height: 700px;}
.home .et-slider-arrows a { top: 285px;}
#et-slider-wrapper .et-arrow-prev, #et-slider-wrapper:hover .et-arrow-prev { left: 2%; }
#et-slider-wrapper .et-arrow-next, #et-slider-wrapper:hover .et-arrow-next { right: 2%;}
#footer-bottom .container { width: 95%}
.page-template-page-contact-php .container { width: 90%; }
#left-area article.entry, #sidebar .widget, #middle-area .widget { padding: 30px;}
.et_fullwidth_view .container { width: 75%;}
.et_fullwidth_view .container #left-area article.entry { padding: 40px;}
#slideshow-wrappergallery1 #fullsizegallery1 { height: 350px !important;}
div.quote {margin: 20px 50px 30px 20px;}

}


/*-------------------[966px Google Nexus horizontal (verified)]------------------*/
@media only screen and ( max-width: 980px ) {

.home .et-slide .container {padding-top: 60px;}
.et_fullwidth_view .container { width: 80%;}wrappergallery1 
.container, #footer-bottom .container, .page-template-page-contact-php .container { width: 95%;}
.home #et-slider-wrapper { height: 400px;}
.home .et-slide .description h2.title a {font-size:60px;}	
.home .et-slide p.subtitle {font-size: 34px;}
.short-quote { font-size: 19px; line-height: 1;}
.home .et-slider-arrows a { top: 140px;}
#et-slider-wrapper .et-arrow-prev, #et-slider-wrapper:hover .et-arrow-prev { left: 1%; }
#et-slider-wrapper .et-arrow-next, #et-slider-wrapper:hover .et-arrow-next { right: 1%;}
#logo {font-size:45px;}
#footer-bottom {padding: 10px 0;}
div.quote {margin: 20px 50px 30px 20px;}

}

/*-------------------[960px]------------------*/
@media only screen and ( max-width: 960px ) {

#menu-wrap { padding:0; }
#top-menu {float: none; margin: 20px 0; padding:0;}
.nav.sf-js-enabled {display:inline-block; margin:0 auto; width: auto;}
#footer-bottom #top-area .container {text-align: center;}
}


/*-------------------[860px]------------------*/
@media only screen and ( max-width: 860px ) {

.home .et-slide .description h2.title a {font-size:50px;}
.home .et-slide p.subtitle {font-size:31px;}
.short-quote {font-size:16px;}
.home .et-slider-arrows a {top:120px;}

}




/*-------------------[Larger Tablet Vertical]------------------*/
@media only screen and ( max-width: 800px ) {    

.home #et-slider-wrapper { height: 500px;}
.home .et-slide .container {padding-top: 50px;}
.home .et-slide p.subtitle {font-size: 28px; padding-bottom: 10px;}

#content {padding-bottom: 150px;}
.container #left-area { margin-right: 5%; width: 55%; }
.container #middle-area { margin: 65px 0 0 0; width: 40%; }
#sidebar {margin: 0; width: 100%;}
#sidebar .widget_text { float: left; margin-right: 5%; width: 30%; }
#sidebar .widget_twitter { float: left; width: 43%; }
#footer-bottom {padding: 20px 0;}
.home #footer-bottom { padding: 40px 0;}
.home #logo {font-size:45px;}

}


/*-------------------[768px iPad vertical]------------------*/
@media only screen and ( max-width: 768px ) {

.home .et-slide .description h2.title a {font-size:50px;}
.home .et-slider-arrows a {top:110px;}
.home .et-slide .container {padding-top: 110px;}
.home .et-slider-arrows a {top:175px;}
.et_fullwidth_view .container {width: 90%}
#et_mobile_nav_menu {margin-top:15px;}
#slideshow-wrappergallery1 {width: 100% !important;}
#sidebar {display:block;}
#left-area {float:left;}
.container #left-area {width:50%;}
#sidebar .widget_twitter {width:38%;}
}


/*-------------------[700px]------------------*/
@media only screen and ( max-width: 700px ) {

.home .et-slide .description h2.title a {font-size:40px;}
.home .et-slide p.subtitle {font-size:24px;}
.short-quote {font-size:14px;}

}



/*-------------------[640px (by ~695px iPhone (???)]------------------*/
@media only screen and ( max-width: 640px ) {


.home #et-slider-wrapper {height: 440px;}
.home .et-slide .container {padding-top: 30px;}
#content {background-image: none;}
.short-quote {font-size:14px;}
.home .et-slider-arrows a {top: 90px;}
.home #footer-bottom { padding: 10px 0; }
#logo {float: left; font-size:30px;}
.home #logo {float: left; font-size: 30px;}
.container #left-area, .container #middle-area, #sidebar { margin: 0 auto 40px; float: none; width: 90%; }
#sidebar .widget_text, #sidebar .widget_twitter  { margin: 0 auto 40px; float: none; width: 85%; }
#sidebar {display: block;}
.container .entry {margin-bottom: 0;}
#slideshow-wrappergallery1 #fullsizegallery1 { height: 310px !important;}
iframe {height: 279px;}
.mobile_nav {padding-top: 5px; width: 25%;}
#et_mobile_nav_menu {margin-top: 5px;}
#top-menu .current-menu-item > a, .mobile_nav {font-weight: 600; letter-spacing: 1px; text-transform:upper;}
#top-menu a:hover, .mobile_nav, #top-menu .current-menu-item > a {text-shadow: none;}
.nav li li a:link, .nav li li a:visited, #mobile_menu a {border: none; padding: 10px 7px 10px 10px;}
#top-menu a .menu-highlight, #mobile_menu .menu-highlight { background-color: transparent !important; }
.nav li ul, #mobile_menu {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.95);
	border: 1px solid #fff;
	width: 100%;
}

}

/*-------------------[605px (by ~840px) Nexus Vertical (verified)]------------------*/
@media only screen and ( max-width: 610px ) {

	.home .et-slide .container {padding-top: 50px;}
	.home .et-slider-arrows a {top: 100px;}
	.home .et-slide .description h2.title a {font-size: 35px;}
	.home .et-slide p.subtitle {font-size: 20px; }
	.home #logo {float: none; font-size: 50px;}
	.mobile_nav {width: 40%;}
}


/*-------------------[540px (by ~290px) Samsung Phone Horizontal (verified)]------------------*/
@media only screen and ( max-width: 540px ) {

.home #et-slider-wrapper {height: 310px;}
.home .et-slide .container {padding-top: 50px;}
.home .et-slide .description {padding-top: 30px;}
.home .et-slide .description h2.title a {font-size: 40px;}
.home .et-slide p.subtitle {font-size: 18px;  }
.short-quote {display: none;}
.home .et-slider-arrows a {top: 60px;}
.home #footer-bottom, #footer-bottom {padding: 10px 0;}  
.home #logo, #logo {float: left; font-size:28px;}
#et_mobile_nav_menu {margin-top:0;}
#mobile_menu {left: -36%;}
.mobile_nav {float: right; padding-bottom: 4px; width: 30%;}
.nav li ul, #mobile_menu {width: 215px;}
.nav li li a:link, .nav li li a:visited, #mobile_menu a {padding:5px 7px 5px 10px;}
div.quote img {float:  none;}
iframe {height: 230px;}
#slideshow-wrappergallery1 #fullsizegallery1 {height: 230px;}
article #slideshow-wrappergallery1 #imagegallery1 img {height: auto;}
#sidebar .widget_text, #sidebar .widget_twitter  { margin: 0 auto 40px; float: none; width: 82%; }

}

/*-------------------[480px (by ~360px) iPhone Horizontal (verified)]------------------*/
@media only screen and ( max-width: 480px ) {

.home #logo, #logo {float: left; font-size:22px;}
.mobile_nav {float: right; font-size: 14px; width: 35%;}
#top-menu .current-menu-item > a, .mobile_nav {font-weight: 500;}
.home #et-slider-wrapper {height: 280px;}
.home .et-slide .description {padding-top: 30px;}
.home .et-slider-arrows a {top: 70px;}
#sidebar .widget_text, #sidebar .widget_twitter {width: 78%;}
}


/*-------------------[450px]------------------*/
@media only screen and ( max-width: 450px ) {

.home .et-slide .description h2.title a {font-size: 35px;}
.home .et-slide p.subtitle {font-size: 16px;}
}


/*-------------------[360px ]------------------*/
@media only screen and ( max-width: 360px ) {

.home #et-slider-wrapper {height: 250px;}
.home .et-slide .container {padding-top: 30px;}
.home .et-slide .description {padding-top: 60px;}
.home .et-slide .description h2.title a {font-size: 30px; line-height: 1;}
.home .et-slide p.subtitle {font-size: 17px; margin: 0 auto; width: 80%;}
.home .et-slider-arrows a {top: 80px;}
#footer-bottom {padding: 20px 0;}
.home #logo, #logo {float: none; font-size:30px;}
.home #logo {font-size:30px;} 
#sidebar .widget_text, #sidebar .widget_twitter  { margin: 0 auto 30px; width: 73%; }
.container #left-area, .container #middle-area, #sidebar { margin: 0 auto 30px;}
.mobile_nav {float: none; font-size: 16px; width: 55%;}
#et_mobile_nav_menu {margin-top: 15px;}
div.quote {margin: 20px 25px 30px;}
iframe {height: 170px;}
#slideshow-wrappergallery1 #fullsizegallery1 {height: 180px !important;}

}

	
/*-------------------[320px Samsung & iPhone Vertical (verified)]------------------*/
@media only screen and ( max-width: 320px ) {

.home #et-slider-wrapper {height: 220px;}
.home .et-slide .description {padding-top: 40px;}
.home .et-slide p.subtitle {font-size: 17px;}
.home .et-slider-arrows a {top: 60px;}
.home #logo {font-size:40px;}
#logo {font-size:28px;}
#et_mobile_nav_menu {margin-top: 5px;}
.home #footer-bottom {padding: 25px 0;}
#footer-bottom {padding: 10px 0;}
#sidebar .widget_text, #sidebar .widget_twitter  { width: 70%; }
.entry h2.title, h1.title {font-size: 36px;}
#left-area article.entry {padding: 30px;}
div.quote {margin: 20px 25px 30px 10px;}
}


