/*
Theme Name: 	SWIPY PLUS
Theme URI:     	http://www.marchettidesign.net/
Description: 	Responsive Wordpress Theme based on Boostrap and Font Awesome. 
Version:     	1.0.0
Author:     	Andrea Marchetti
Author URI:    	http://www.marchettidesign.net/chisono
Site:         	http://www.marchettidesign.net
Tags:        	responsive-layout,custom-menu, featured-images, fluid-layout, full-width-template, home-sidebar, right-sidebar, theme-options
License:    	GNU General Public License v3.0
License URI:	http://www.gnu.org/licenses/gpl-3.0.html

Copyright (c) 2015 Andrea Marchetti  
http://www.marchettidesign.net

SWIPY is free to use for personal and commercial projects.
You can NOT redistribute SWIPY theme or parts from it.
Attribution is not required, but much appreciated.

*/

/* Style Tree 

    1.  Base Styles
    2.  Menu
    3.  Home
    4.  Index
    5.  Sidebar
    6.  Footer
    7.  Common Elements
    8.	WP General Format
    9.  Responsive
        
*/

body, html { margin: 0; padding: 0; height: 100%;}
body.admin-bar .navbar-fixed-top { position: fixed; top: 32px; z-index: 1000; height: 40px; }


/* ------------------------------------------------------------------------- *
/* ! 1 Base Styles */
/* ------------------------------------------------------------------------- */

/* Typography */
body{font-size: 16px; font-family: 'Source Sans Pro'; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; }

.gigantic 		{ letter-spacing: -2px; font-size: 110px; line-height: 1.09;}
.huge, h1 		{ letter-spacing: -1px;font-size: 52px;line-height: 1.05;}
.large, h2 		{ font-size: 50px;line-height: 1.14; }
.bigger, h3 	{ font-size: 32px; line-height: 1.14; }
.big, h4 		{ font-size: 24px; line-height: 1.38; }
.small, small 	{ font-size: 14px; line-height: 1.2;}


/* Title color */
.gigantic, .huge, .large, .bigger, .big, h1, h2, h3, h4, h5, h6 {
  color: #222222;font-weight: 300;
}


/* Link color */
a, .link-color { color: #00acf2; }
/* Link Hover Color */
a:focus, a:hover { color:#fc4f56; text-decoration: none; }

	/* Functional class */
	.small-spacer{height:40px;}
	.text-center{text-align: center}
	.img-res{ margin-bottom: 20px;width:100%; height: auto;}
	.margin-top { margin-top: 40px; }
	.margin-bottom { margin-bottom: 40px; }
	.no-margin { margin: 0; padding: 0; }
	.clear-hr { float: left; clear: both; width: 100%; }
	.animate { 	-webkit-transition: all 0.3s ease-in-out; 
				-moz-transition: all 0.3s ease-in-out; 
				-ms-transition: all 0.3s ease-in-out; 
				-o-transition: all 0.3s ease-in-out; 
				transition: all 0.3s ease-in-out; }

	.btn-call{padding: 10px 0px; 
			border-radius: 3px; 
			font-size: 20px;
			margin: 0px;
			display: inline-block;
		}
	.btn-call .fa{font-size: 16px; margin-left: 5px;}


/* ------------------------------------------------------------------------- *
/* ! 2 Menu */
/* ------------------------------------------------------------------------- */


	.spacer { height: 60px; }
	.scroll-anchor {
	    display: block;
	    height: 60px; /*same height as header*/
	    margin-top: -60px; /*same height as header*/
	    visibility: hidden;
	    
	}
	
	.navbar { min-height: 60px; opacity: 0.9}
	.navbar-brand,
	.navbar-nav li a {
	    line-height: 60px; 
	    height: 60px;     
	    padding-top: 0; 
	}
	
	.navbar .logo-img img{width:auto; height: 60px;}



	.navbar-inverse .navbar-brand{ color:#fff; font-weight: 300; font-size: 22px; text-transform: uppercase}
	.navbar-inverse .navbar-brand .fa-google-wallet{
		-ms-transform: rotate(-90deg); /* IE 9 */
	    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
	    transform: rotate(-90deg);
	    font-size: 25px;
	}

	.navbar-inverse .navbar-nav > li > a { font-size: 16px; color:#fff; font-weight: 300; }
	.navbar-inverse .navbar-nav > li > a:hover{ color:#bbb; }
	
	

		/* Color of menu button */
		.navbar-nav > li > a { color: #333;}
		
		/* Color of menu button:hover */
		.navbar-nav > li > a:hover, 
		
		/* Color of menu active button */
		.navbar-nav > .active > a,
		.navbar-nav > .active > a:hover,
		.navbar-nav > .active > a:focus, 
		
		/* Color of dropdown active button */ 
		.dropdown-menu > .active > a,
		.dropdown-menu > .active > a:hover,
		.dropdown-menu > .active > a:focus,
		
		/* Color of dropdown button:hover */ 
		.dropdown-menu li a:hover,	
		
		/* Color of button that open the dropdown */ 
		.nav .open > a, 
		.nav .open > a:hover, 
		.nav .open > a:focus { background: #333;color:#26c6da;}
	
		.dropdown-menu {
			padding:0;
		    border: none;
		    border: 1px solid #666;
		    border-radius: 0px;
		    -webkit-box-shadow: none;
		    box-shadow: none;
		}
	

		
/* ------------------------------------------------------------------------- *
/* ! 3 Home */
/* ------------------------------------------------------------------------- */

.home-title { position: absolute; top:-9999px; color: #fff; font-size: 12px;}


	/* Slider Widget */
	
	.slider {
	    height: 88%;
	    width: 100%;
	    background: #585152;

	}
	.slider-cell {
	    height: 100%;
	    width: 100%; 
	    /*display: table;*/
	    position: relative;
	}

	.slider-cell .fill{
		background:  url("img/bg-hero.png") repeat-x bottom center;
		width:100%;
		height:100%;
		position: absolute;
		top:0;
		left:0;
		opacity: 0.75;
	}

	.slider-cell .slider-caption {
	    /*display:table-cell;vertical-align: middle; */
	    text-align: left;
	    bottom: 10%;
	    position: absolute;
	    width: 100%; 
	}

	.inside-caption{
		margin-left: 0%;
		padding: 0 20px;
	}
	
		.slider .btn-call{ margin: 20px 0 0px 0; }
	
	    /* Dots */
	    .flickity-page-dots {
	        bottom: 25px;
	    }

	    .flickity-page-dots .dot {
	        background: #fff;
	        border: 1px solid #333;
	    }


	 /* 2 Box Page Widget */

	.container-2-box .img-res {margin-bottom: 0;}

	.container-2-box h2{
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.container-2-box h3{
		margin: 10px 0;
		padding-top: 0;
	}


	/* Image Parallax Widget */

	.parallax-section {
	    height: 480px;
	    padding-top: 50px;
	    padding-bottom: 50px;
	    overflow: auto;
	    color: #fff;
	    text-align: center;
	    display: table;
	    width:100%;
	}

	.parallax-caption{
	    height: 380px;
	    display: table-cell;
	    vertical-align: middle;
	    text-shadow: 0 0 40px rgba(0, 0, 0, 1);
	    
	}
	.parallax-caption h2{margin-bottom: 0;}
	.parallax-caption h3{color:#fff;margin:0;}


	/* 4 Box Page Widget */

	.panel-4-box a{
		float:left;
		width:100%;
		position: relative;
		height:0px;
		padding-bottom:60%;
		overflow: hidden;
		background: #000;

		/*#fc4f56*/
	}
	
	.panel-4-box-caption h3{ font-size: 26px; }
	.panel-4-box-caption h4{ font-size: 20px; }

	.panel-4-box .img-res {
		margin-bottom: 0;
		opacity: 1;
	}


	    .panel-4-box-caption {
	        display: block;
	        position: absolute;
	        bottom: 0;
	        width: 100%;
	        color: #fff;
	        text-align: center;
	        padding: 20px 15px 20px 15px;
	        background: url('img/bg.png') repeat-x top center;
	    }


	/* 3 Box Swipe Widget  */

	.panel-description{
	    text-align: center;
	    margin-top: 40px;
	    margin-left: auto;
	    margin-right: auto;
	    max-width: 800px;
	    padding: 0 20px;
	}
	
	.panel-description h2{margin-bottom: 0px}
	
	

	.touch-bar {
	   padding-bottom: 70px;
	   padding-top: 20px; 
	}

	    .panel-3-box{
	        float:left;
	        text-align: center;  
	    }

	    .panel-3-box h3{
	    	color:#22c8dd;  /* Link color */
	    }

	    .panel-3-box h3,
	    .panel-3-box h4{
	    	margin: 0;
	    	position: 0;
	    }


	/* Blog Widget */

	
	.description-blog h3{
		margin:10px 0 20px 0;
		padding:0;
	}
	.description-blog h2{
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.panel-article h3{
		margin: 0;
		padding: 0;
	}



	/* Widget Common Typography */

	/* Slider Caption */
	.slider-cell .slider-caption h2,
	.slider-cell .slider-caption h3,
	.slider-cell .slider-caption p,
	
	/* 4 box caption */
	.panel-4-box h3,
	.panel-4-box h4,
	
	/* Parallax image caption */
	.parallax-caption h2,
	.parallax-caption h2 a{
		color: #fff; 
		text-shadow: 0 0 15px rgba(0, 0, 0, 1);
		margin: 5px 0;
		padding: 0;
	}

	.slider-cell .slider-caption p{
		margin-top: 20px;
	}
	
	/* Hover state widget common typography */
	.parallax-caption h2 a:hover,
	.panel-3-box:hover h3{
		color:#fc4f56;  

	}
	
	

/* ------------------------------------------------------------------------- *
/* ! 4. Index */
/* ------------------------------------------------------------------------- */
	
	/* Single, Post & Page */
	.content-article { padding: 30px 0 50px 0; border-top: 1px solid #eee; margin:0;float:left; width:100%}
	.content-article h1{margin-bottom: 0px;} 
	
		
		.link-article { position: relative; }
		.cont-tag { clear: both; padding-top: 20px; }

	
/* ------------------------------------------------------------------------- *
/* ! 4.1 Sections */
/* ------------------------------------------------------------------------- */

	


/* ------------------------------------------------------------------------- *
/* ! 5 Sidebar */
/* ------------------------------------------------------------------------- */
.content-sidebar{margin-top:40px;float:left; width:100%;}

.widget { float: left; margin-bottom: 40px; width: 100%;}
.widget h3 { margin: 0 0 10px 0; }
.widget a { display: block; padding: 10px 0; border-bottom: 1px solid #eee; }
.widget ul { padding: 0; }
.widget ul li { list-style-type: none; }


	/* Calendar Widget */
	#wp-calendar { width: 100%; }
	#wp-calendar a { padding: 0; border: none; }
	#wp-calendar caption,
	.screen-reader-text { padding-bottom: 10px; color: #000; text-align: left; text-transform: uppercase; font-weight: 700; font-size: 14px; }
	#wp-calendar thead { font-size: 10px; }
	#wp-calendar thead th { padding-bottom: 10px; }
	#wp-calendar tbody { color: #aaa; }
	#wp-calendar tbody td { padding: 8px; border: 1px solid #fff; background: #f5f5f5; text-align: center; }
	#wp-calendar tbody td:hover { background: #fff; }
	#wp-calendar tbody .pad { background: none; }
	#wp-calendar tfoot #next { text-align: right; text-transform: uppercase; font-size: 10px; }
	#wp-calendar tfoot #prev { padding-top: 10px; text-transform: uppercase; font-size: 10px; }
	
	
/* ------------------------------------------------------------------------- *
/* ! 6 Footer */
/* ------------------------------------------------------------------------- */

.footer { float: left; margin: 0; width: 100%; background: #333; color: #fff; }
.footer p{margin: 0;}
.footer .container{ padding: 20px; }
	
	.social { text-align: right; }
	.social a { margin-left: 10px; }


/* ------------------------------------------------------------------------- *
/* ! 7 Common Elements */
/* ------------------------------------------------------------------------- */

	.pagination { float: left; margin: 40px 0 40px 0; padding: 0; width: 100%; }
	.pagination span,
	.pagination a { float: left; margin-right: 10px; padding: 14px 19px; border: 1px solid #eee; }
	
	/* Video resposnive */
	.video-container { position: relative; z-index: 0; overflow: inherit; margin-bottom: 20px; padding-top: 25px; padding-bottom: 56.25%; /* 16: 9 */height: 0;; }
	.video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	
	/* Video Thumbnail */
	.link-article i { position: absolute; top: 50%; left: 50%; margin: -28px 0 0 -28px; color:#fff;opacity: 0.8}
	
	
	/* Comments */
	#comments { width: 100%; }
	
	/* Comments Form */
	.comment-form-author,
	.comment-form-email,
	.comment-form-url { float: left; margin-top: 20px; margin-right: 3%; width: 30.3333333%; }
	.comment-form-author input,
	.comment-form-email input,
	.comment-form-url input { width: 100%; }
	
	ol.commentlist { margin: 0 0 1em; padding: 0; list-style: none; text-indent: 0; }
	ol.commentlist li.comment { padding: 1em; border-top: 1px solid #eee; }
	ol.commentlist li.comment div.vcard cite.fn { text-transform: uppercase; font-size: 14px; }
	ol.commentlist li.comment div.vcard img.avatar { float: left; margin: 6px 1em 1em 0; border-radius: 50px; }
	ol.commentlist li.comment div.comment-meta { font-size: 12px; }
	ol.commentlist li.comment ul { margin: 0 0 1em 2em; }
	ol.commentlist li.comment div.reply { margin-left: 80px; font-size: 11px; }
	ol.commentlist li.comment div.reply a { font-weight: bold; }
	ol.commentlist li.comment ul.children { margin: 1em 0 0; list-style: none; text-indent: 0; }
	ol.commentlist li.comment ul.children li.depth-2 { margin: 0 0 .25em .25em; border-left: 1px solid #eee; }
	ol.commentlist li.comment ul.children li.depth-3 { margin: 0 0 .25em .25em; border-left: 1px solid #eee; }
	ol.commentlist li.comment ul.children li.depth-4 { margin: 0 0 .25em .25em; border-left: 1px solid #eee; }
	ol.commentlist li.even { background: #fff; }
	ol.commentlist li.odd { /* background: #f9f9f9; */  }
	ol.commentlist li.parent { border-left: 1px solid #eee; }
	ol.commentlist li.bypostauthor .fn { font-weight: bold; }
	ol.commentlist li img{max-width: 97%;}
	
	input[type=text],
	input[type=email] { margin-right: 10px; padding: 10px; border: none; background: #eee; -webkit-appearance: none;border-radius: 0;}
	textarea { padding: 10px; width: 97%; border: none; background: #eee; -webkit-appearance: none;border-radius: 0;}
	input[type=submit] { margin-top: 10px; padding: 15px 20px; color: #fff; text-transform: uppercase; background: #333; border:none; }
	
	/* Wp Contact Form 7 */
	
	.wpcf7 p input[type=text],
	.wpcf7 p input[type=email]{display: block; width:100%;}
	.wpcf7 p.input-half{ width: 48%; margin-right: 2%; float:left; min-height: 70px}
	
	.wpcf7-select {margin-right: 10px; padding: 10px; border: none; background: #eee;  width: 97%;height: 40px;}


	div.wpcf7-response-output {float:left; width:97%;margin: 0;}
	
	/* Search */
	#srch-term { border: none; background: none; box-shadow: none; color: #fff; opacity: 0; }
	
	/* Search bar menu */
	
	.btn-default { border: none; background: none; }
	.btn-default:hover { border: none; background: none; color: #fff; }
	.form-control::-moz-placeholder { color: #eee; }
	.search-light { background: #eee; }
	.search-light input { width: 80%; color: #333; }
	.search-light button{float:right;padding:10px 15px 0 0;}


/* ------------------------------------------------------------------------- *
/* ! 8 Wp General Format */
/* ------------------------------------------------------------------------- */

/* Gallery */

.gallery { float: left; margin: 20px 0 20px 0; width: 103.55%; }
.gallery-item { float: left; width: 33.333333%; text-align: center; }
.gallery img { margin: 0 10% 0 0; width: 90%; height: auto; border: none!important; }
.gallery-caption { width: 90%; }

	
.alignleft { float: left; margin-right: 20px; margin-bottom: 20px; max-width: 97%; height: auto; }
.alignright { float: right; margin-bottom: 20px; margin-left: 20px; max-width: 97%; height: auto; }
.aligncenter { display: block; margin: 0 auto; max-width: 97%; height: auto; }
.alignnone { max-width: 97%; height: auto; }
.sticky { border-right: 3px solid #eee; border-bottom: 3px solid #eee; }

.wp-caption { margin-bottom: 20px; padding: 10px; max-width: 97%; border: 1px solid #eee; text-align: center; }
.wp-caption img { margin: 0; padding: 0; width: 100%!important; height: auto; border: 0 none; }
.wp-caption p.wp-caption-text { margin: 0; padding: 8px; font-size: 1em; line-height: 17px; }

blockquote {font-weight: 200; font-size: 28px; font-style: italic; margin: 0.25em 0; padding: 0.25em 40px; line-height: 1.45; position: relative; color: #383838; }
blockquote:before { display: block; content: "\201C"; font-size: 90px; font-weight: 400; position: absolute; left: -10px; top: -10px; color: #7a7a7a; }


/* ------------------------------------------------------------------------- *
/* ! 9 Responsive */
/* ------------------------------------------------------------------------- */

@media (min-width: 998px) and (max-width: 1350px) { 
	
	
	.panel-4-box-caption h3{ font-size: 22px; }
	.panel-4-box-caption h4{ font-size: 16px; }
	
		
}

/* Desktop */

@media (min-width: 1023px) { 
	

	.dropdown-menu li a {     
	    padding-top: 0; 
	    height: 50px;
	    line-height: 50px; 
	}
	.dropdown-menu li a:hover {
		background: #333;
		color:#fff;
	}
	
			
}

/* Tablet */

@media (max-width: 1022px) { 

	
	.slider{height: 55%;}	
	.slide .carousel-caption h2{font-size: 30px;}
	.slide .carousel-caption h3{font-size: 18px;}
	
	
}

/* Smarthphone */

@media (max-width: 768px) { 
	
	
	.navbar-inverse { opacity: 0.96; }
	.navbar-toggle {border: none!important;margin-top:15px;}
	.navbar-toggle .icon-bar{}
	.navbar-inverse .navbar-toggle:hover,
	.navbar-inverse .navbar-toggle:hover { background-color: transparent;}
		
		/* Dropdown */
		
		.dropdown-menu{border-bottom: 1px solid #eee!important}
		.navbar-nav .open .dropdown-menu > li > a, 
		.navbar-nav .open .dropdown-menu .dropdown-header { padding: 22px 15px 5px 30px; }
		
	.slider{height: 80%;}	
	
	
	.comment-form-author, 
	.comment-form-email, 
	.comment-form-url{margin-top:0;width:97%;}
	
	.footer .alignright{float:left;margin-top:5px;}

	.wpcf7 p.input-half{ width: 98%; margin-right: 2%;}
	
	/* Stop Parallax Effect */
	.parallax-animation{background-attachment: scroll!important;background-position: center top!important } 
	
	
	/* Slider  */
	.slider-cell .slider-caption h2{font-size: 30px}
	.slider-cell .slider-caption h3{font-size: 22px; margin-bottom: 0;}
	.slider-cell .btn-call{margin: 0 0 15px 0}
	
	/* Parallax */
	.parallax-caption h2{font-size: 34px}
	.parallax-caption h3{font-size: 26px}
	
	
	/* Page */
	.container-2-box .img-res {margin-bottom: 20px}
	.container-2-box .btn-call{margin-bottom: 20px}
	

}