/*
Theme Name: the Theme
Theme URI: http://joinweb.gr
Description: Bootstrap Starter Theme. Using Twitter Bootstrap 3. For Wordpress. With 12 columns.
Author: Joinweb
Author URI: http://joinweb.gr
Version: 1.0
License: MIT License
License URI: http://opensource.org/licenses/MIT
*/


/*******************************************************
************************* General ***********************
*******************************************************/ 
body, html{
	color: #666666;
	font-family: 'Roboto Slab', serif;
	font-size: 18px;
	background: #fafafa;
}
body {position: relative;}

h1,h2,h3,h4,h5 , .roboto{
	font-family: 'Roboto Slab', serif;
}
.openSans {
	font-family: 'Open sans';
}

a:hover, a:focus, a:active, .footer a:hover { text-decoration: none; }
a:focus {
    outline: none;
}

.footer a{color:#1588c8;  }
.borderedSection {
	border-color: #e0e0e0;
	border-width: 1px 0 1px 0;
	border-style: solid;

}

.bgPatterned {
	background-color: #e3e2dd;
	background-image: url("images/pattern.png")!important;
	background-position: left top;
	background-repeat: repeat;
	background-attachment: fixed; 
}

.padLeft-35 {padding-right: 35px} 
.textJustify {text-align: justify;} 
.textCenter {text-align: center;}
.padTop25 {padding-top: 25px; } 
.padRight40 {padding-right: 40px; }
.padBottom25 {padding-bottom: 25px;}
.padBottom30 {padding-bottom: 30px;}
.padBottom40 {padding-bottom: 40px;}

.white {color: #ffffff;}
.greyBlue {color: #363a41;}

.whiteButton, a.whiteButton:hover, a.whiteButton:active, a.whiteButton:focus  {
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("images/whiteButton.png");
	height: 75px;
	display: block;
	color: #232830;
	font-size: 30px;
	padding-top: 18px;
	margin-top: 40px;
}
.greyButton , a.greyButton:hover, a.greyButton:focus, a.greyButton:active{
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("images/greyButton.png");
	height: 75px;
	display: block;
	color: #ffffff;
	font-size: 18px;
	padding-top: 25px;
	margin-top: 30px;
}
.blueButton {
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("images/blueButton.png");
	height: 75px;
	display: block;
	color: #ffffff;
	font-size: 24px;
	padding-top: 10px;
}

.fbLogoDiv {
	position: fixed;
	right: 0;
	top: 236px;
	z-index: 20;
}
.fblogoHoverImg {display: none;}

/* columns of same height styles */
.row-same-height {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.col-xs-height {
    display: table-cell;
    float: none !important;
}
.padBottom106 {padding-bottom: 106px;}
.padleftRight10 {padding-left: 10px; padding-right: 10px;}


@media (max-width: 767px) {
	.padleftRight10 {padding-left: 0px; padding-right: 0px;}
	.container:not(.sliderContainer) {max-width: 520px;}
	.catTitle.nomarginLeft.nomarginRight {
		margin-left: -10px;
		margin-right: -10px;
	}
	.marginTopLeft {margin-top: 12px; margin-left: 3px;}
	.floatLeft {float: left;}
}

@media (min-width: 768px) {
    .col-sm-height {
        display: table-cell;
        float: none !important;
    }
    .container{padding-left: 10px; padding-right: 10px;}
}
@media (min-width: 992px) {
    .col-md-height {
        display: table-cell;
        float: none !important;
    }
}
@media (min-width: 1240px) {
    .col-lg-height {
        display: table-cell;
        float: none !important;
    }
}
/*@media (max-width: 767px){
	.container {max-width: 540px;}

}*/

/* vertical alignment styles */
.col-top {
    vertical-align:top;
}
.col-middle {
    vertical-align:middle;
}
.col-bottom {
    vertical-align:bottom;
}

.row-same-height .postBigImageDiv .img-responsive {width:100%;}
/*  // columns of same height styles /// */


/*******************************************************
************************* navigation ***********************
*******************************************************/

#stickyheader.scrolling{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    background-color: rgba(36, 30, 32, 0.75);
    box-shadow: rgba(255, 255, 255, 0.75);
}

#stickyheader {
	padding: 20px 0; 
	background-color: #241e20;
	transition: all 0.4s ease;
}

.navbar {
    margin-bottom: 0;
    text-transform: uppercase;
    background-color: #ffffff;	
    min-height: 100px;
}
#stickyheader.scrolling  .navbar {
	min-height: 30px;
}

.navbar-brand {
    font-weight: 700;
    padding: 0!important;
    position: absolute;
    left: 50%;
    z-index: 20;
    bottom: 30px;
}

#stickyheader.scrolling .navbar-brand {
	top: 0;
}

.navbar-brand .fa {
	margin: 0px 2px;
}

.navbar-brand:focus {
    outline: 0;
}

.navbar-custom a {
    color: #333;
}
.leftClass, .rightClass {
	width: 50%;
}
.leftClass  {
	padding-right: 14px;
}
.rightClass {
	padding-left: 70px;
}
.navbar-custom .nav li {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    width: 24%;
    text-align: center;
}


.navbar-custom .nav li:last-child{
	margin-right: 0;
}

.navbar-custom .nav li a {
	font-weight: bold;
	padding-left: 2px !important;
	padding-right: 2px !important;
	margin: 0px;
	border-bottom: 2px solid;
	border-color: transparent;
	padding-top: 0!important;
	padding-bottom: 0!important;
	color: #1588c8;
	font-size: 16px;
}

.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li.active a{
    outline: 0;
	color: #919c9a;
	background: none;
}


.navbar-toggle {
    padding: 4px 6px;
    font-size: 16px;
    color: #333333;
	-webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.navbar-toggle:focus,
.navbar-toggle:active{
    outline: 0;
}

.navbar-toggle:hover, .navbar-toggle:active, .navbar-toggle:focus {
	color: #fb0000;
	-webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}
.logoImg, .logoImgSmall {
	position: relative;
	left: -50%;
}
body.single img.logoImg , body.archive img.logoImg, body.page.page-template-default img.logoImg,
body.page.page-template-template-map img.logoImg, body.page.page-template-template-xorigoi img.logoImg
{
	width: 95px;
}

body.home li#menu-item-111{ display: none;}

#stickyheader.scrolling .navbar {   
 background-color: rgba(0, 0, 0, 0);
} 

.logoImgSmall {
	display: none;
	bottom: 14px;
}


.navbar-collapse {
	padding-left: 0;
	position: absolute; 
	bottom: 0;
	width: 100%;
}
.navbar-toggle .icon-bar {background-color: #ffffff;}


@media(max-width:1239px) {
	.logoImg {max-height: 72px; }
	.navbar-custom .nav li a {font-size: 14px;}
	.navbar-brand {bottom: 0;}
	.navbar {min-height: 50px;}
	body.archive .postContent {line-height:1.2;}

}
@media(max-width:991px) {
	.navbar-custom .nav li a {font-size: 12px;}
}

@media(min-width:768px) {
    .navbar {
        padding: 0;
        margin-bottom: 0!important;
        border-bottom: 0;
        letter-spacing: 1px;
        background: 0 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
        background-color: #ffffff;
		-webkit-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.1);
		-moz-box-shadow:    0px 2px 3px 0px rgba(50, 50, 50, 0.1);
		box-shadow:         0px 2px 3px 0px rgba(50, 50, 50, 0.1);
    }
}

@media(max-width:767px) {

	.navbar-brand {top: 0;}
	#stickyheader {padding: 0;}
	.navbar {
		min-height: 60px !important;
		background: #241e20;
	}

	.navbar-custom .nav li a {
		border-bottom: 0px !important;
	}
	.navbar-collapse {
		margin-top: 10px;
		background: #241e20;
		padding: 20px;
		position: initial;
	}
	.rightClass li {text-align: left;}
	.navbar-custom .nav li {width: 100%; padding-bottom: 8px;}

	#stickyheader.scrolling .navbar-collapse {
	    background-color: transparent;
	}
	
	.logoImg, .logoImgSmall{
		top: 6px;
	}
}


/*******************************************************
********************* frontpage rules ******************
*******************************************************/

h2.section-title {
	text-align: center;
	margin-top: 0;
	margin-bottom: 30px;
	font-size: 48px;
	height: 87px;
    background-image: url("images/ornament.png");
	background-position: center bottom;
	background-repeat: no-repeat;
	display: block;
	line-height: 1;
}
h2.section-title.white {
	background-image: url("images/ornamentWhite.png");
}

/** Sponsors  **/
h2.sponsorTitle {
	color: #241e20;
	height: 87px;
    background-image: url("images/ornament.png");
	background-position: center bottom;
	background-repeat: no-repeat;
	display: block;
}

h3.sponsor-title {
	font-size: 24px;
	text-align: center;
	height: 64px;
	padding-top: 10px;
	background-position: center;
	background-repeat: no-repeat;
	margin-top: 0;
	margin-bottom: 25px;
}
h3.sponsor-title.mega {
	background-image: url("images/mega.png")!important;
	color: #fff;
}
h3.sponsor-title.golden {
	color:#232830;
	background-image: url("images/golden.png")!important;
	margin-top: 25px;
}
h3.sponsor-title.silver {
	color:#ffffff;
	background-image: url("images/silver.png")!important;
	margin-top: 25px;
}
h3.sponsor-title.radio {
	color:#ffffff;
	background-image: url("images/radioSponsor.png")!important;
	margin-top: 25px;
}
h3.sponsor-title.diorganotes {
	height: auto;
}


.sponsorUl{
    text-align: center;
}
.sponsorUl li {
    background-color: #ffffff;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 15px;
    width: 22%;
}
.sponsorUl li a {
    display: block;
    height: 124px;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 90%;
}
.sponsorUl li a img{
    bottom: 0;
    display: block;
    height: auto;
    margin: auto;
    position: absolute;
    top: 0;
    width: 100%;
}

.megaUl li {
	width: 24%;
}
.megaUl.sponsorUl li a {
	height: 195px;
	width: 79%;
}

.goldenUl li {
	width: 20%;
}
.goldenUl.sponsorUl li a {
	height: 125px;
	width: 84%;
}

.silverUl li {
	width: 23%;
} 
.silverUl.sponsorUl li a {
	width: 90%;
	height: 124px;
}

.diorganotesUl li {
	width: 14%;
}
.diorganotesUl li a {
   height: 130px;
   width: 58%;
}


@media screen and (max-width: 782px) {
	.sponsorUl li {  
	    width: 22%;
	}
	.megaUl li {
		width: 45%;
	}
	.goldenUl li {
		width: 40%;
	}
	.silverUl li {
		width: 28%;
	} 
	.diorganotesUl li {
		width: 24%;
	}
}

/*countDown*/

h3.countDownTitle {
	font-size: 36px;
	color: #241e20;
	font-weight: 400;
	line-height: 1;
}

h2.callTitle {
	font-weight: 400;
	margin-top: 0;
}

.overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	background: rgba(255,255,255,0.8);	
	opacity: 0.4;	
}

.short_code_section {
	padding: 50px 0;
	position: relative;
}
#kastrinoipirates.short_code_section {
	padding: 0;
} 

#kastrinoipirates{
	background: url(images/candia_bg.png) no-repeat center center;
	background-size: cover;
}

.callButton, a.callButton:hover,a.callButton:focus, a.callButton:active {
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("images/callAction.png");
	height: 238px;
	display: block;
	color: #241e20;
	font-size: 24px;
	padding-top: 105px;
}

.callToActionContainer .callButton h3 {
	margin: 0;
	padding: 0;
	font-size: 48px;
}



/**Contact**/

#contact input, #contact select, #contact textarea {width: 100%;}

.wpcf7-form-control 
{ 
	border-radius: 4px;
  	color: #555555;
   	font-size: 14px;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    border: 1px solid #cccccc;
}
#contact input[type="text"],#contact input[type="email"] {
	height: 50px;
}

#contact .wpcf7-submit {
	background-color: transparent;
	border: none;
    background-position: center;
	background-repeat: no-repeat;
	background-image: url("images/blueButton.png");
	height: 52px;
	display: block;
	color: #ffffff;
	font-size: 24px;
	padding-top: 10px;
	float: right;
	width: 225px;
}


#toTop { 
  padding: 20px;
  background-color:#444444 ;
  border-radius: 5px;
  border: 2px solid transparent;
  transition: all .5s ease-in;
}
a#toTop:hover {background-color: #59cedd; }

#toTop img 
{
	position: absolute; 
  	bottom: 14px; 
  	left: 9px;
}
#toTop.totop-br {
	right: 18px;
	bottom: 75px;
}

.blogpost-desc {
	padding: 20px 15px;
	overflow: hidden;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
	border-radius: 0 0 4px 4px;
	background-color: #818378;
} 
.blogpost-desc:hover , .blogpost-desc:focus, .blogpost-desc:active{
	background-color: #1588c8;
}

.blogpost-title {font-size: 14px; color:#ffffff;  }
.postCol a, .postCol a:hover {text-decoration: none;}
.postColumn img {border-radius: 4px 4px 0 0;}

.countDownTitle {margin-top: 0;}

.tiled-gallery {margin: 0!important;}

ul#menu-footer_menu {text-align: right;}
ul#menu-footer_menu li {display: inline; margin-left: 20px;}
ul#menu-footer_menu li a {color: #f5f7f8;}
ul#menu-footer_menu li a:hover {color:#1588c8; }
.footerOuter {
	background-color:  #1e1b22;
	padding: 20px 0;
	color: #f5f7f8;
}
section#facebbokSection {
	padding: 30px 0;
}
.FBCallButton {
	color: #ffffff;
	background-color: #59cedd;
	font-size: 18px;
	padding: 18px 28px;
	border-radius: 5px;
	line-height: 56px;
	text-align: center;
	transition: opacity 0.3s linear 0s;
}
a.FBCallButton:hover {
	border: 2px solid #59cedd;
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	color: #666666;
}
ul.sponsorUl {text-align: center; margin-left: 0; margin-bottom: 0;}


.showmorePosts, a.showmorePosts:hover,.showmorePostsRow,a.showmorePosts:active,a.showmorePosts:focus { 
	color: #1588c8;
	margin-top: 20px;
}

.footer {font-size: 14px; line-height: 1;}

@media(max-width:992px) { 
	#aboutUS .padTop25 {padding-top: 0;}
	.postCol {margin-bottom: 15px;}
	.showmorePosts, a.showmorePosts:hover,
	.showmorePostsRow,a.showmorePosts:active,a.showmorePosts:focus  {margin-top:5px;}
	.countdown_amount {
		font-size: 39px!important;
		min-width: 23px!important;
	}
	.ujic-classic .countdown_section {
		margin: 0 5px 0 0!important; 
	}
	
}

@media(max-width:767px) {
	.countdown_amount {font-size: 27px!important;min-width: 23px!important;}
	h2.section-title.white  { 
		height: 128px;
	}
	#aboutUS .padLeft-35 {padding-right: 0;}
	#aboutUS .textJustify {text-align: left;}
	#aboutUS img {margin-top: 15px;}
	.whiteButton, a.whiteButton:hover, a.whiteButton:active, a.whiteButton:focus {
		margin-top: 15px;
	}
	.callToActionContainer .callButton h3 {
		font-size: 22px;
	}
	ul#menu-footer_menu {text-align: center; padding-left: 0;}
	.copyRight {text-align: center;}
	#toTop { 
		display: none!important;
	}
}

/*******************************************************
****************** Archive  && Single ******************
*******************************************************/  

.archive-header h1{
	margin: 30px 0; 
	padding-left: 10px;
}
h2.archivePostTitle {
	margin-top: 0; 
	margin-bottom: 25px;
	line-height: 1;
}

h2.archivePostTitle a{
	color: #1588c8;
	font-size: 30px;
}
h2.archivePostTitle a:hover {
	color: #1588c8;
}
.metaArticle {
	font-size: 11px;
	color: #818378;
}
article.articleArchive {
	margin-bottom: 20px;
	position: relative;
}
.postContent {
	font-family: 'Open sans';
}

body.archive .postContentOuter{
	padding-left: 15px;
}

body.single h1 , body.page h1{
	margin: 20px 0 5px 0;
	color: #1588c8;
	font-size: 36px;
}
body.single figure {margin: 20px 0;}

body.single article {margin-bottom: 20px;}

.postContentOuter {position: initial;}
.sidebar a{color:#919c9a;  }
.sidebar h3{color:#1588c8;  margin: 0;}
.theContent {font-size: 14px; font-weight: 300; color:#333333;line-height:1.6;}
.outerSidebar {background: #e3e3dc; padding: 27px;}
.readmoreBtnLink {position: absolute; bottom: 0;}
.readmoreBtn, .readmoreBtn:hover {
	background: #1588c8;
	color: #ffffff;
	font-size: 18px;
}
hr {border-color: #818378; }

.postSummary {
	font-size: 24px;
	color: #818378;
}

.sidebar section { margin-bottom: 40px;} 


#searchsubmit {
	background-color: #1588c8; color: #ffffff;
}

.form-inline .form-control {
	width: 75%;
}

.megaSponsorsSection {
	margin-top: 30px;
}

@media(max-width:767px) {	
	.readmoreBtnLink {
		position: initial;
	}
	article.articleArchive img {
		display: block;
    	height: auto;
    	max-width: 100%;
	}
	h2.archivePostTitle {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	body.archive .postContentOuter{
		padding-left: 10px;
	}
}

/*******************************************************
************************ Gallery ***********************
*******************************************************/  

 body.single .tiled-gallery {
 	margin-bottom: 20px!important;
 }

 .jp-carousel-info {display: none;}

 .gallerySection{
	margin-bottom: 60px;
}

/*archiveGallery*/

.archivegalleryTitle{
	line-height: 49px;
	margin: 30px 0; 
}
body.single h1.galleryTitle   {
	margin: 20px 0 5px 0;
	color: #1588c8;
	font-size: 36px;
}

.gallerySection .metaGallery {
	background:#e3e3dc; 
	padding: 10px 0 10px 20px;
}

.metaGallery h4 {
	font-weight: 700;
	line-height: 24px;
	margin-top: 0;
	margin-bottom: 13px;
	color: #1588c8;
}
.metaGallery h4:hover {
	color:#1588c8;
}

.gallerySection .mb{
	margin-bottom: 8px;
}

@media screen and (min-width: 768px) {
	.gallerySection .pr5{
		padding-right: 5px;
	}
	.gallerySection .pl5{
		padding-left: 5px;
	}
}

@media screen and (max-width: 767px) {
	.gallerySection .pr5xs{
		padding-right: 5px;
	}
	.gallerySection .pl5xs{
		padding-left: 5px;
	}
	.gallerySection .mb10xs{
		margin-bottom: 10px;
	}
}

/***************************************
************ Template MAp **************
****************************************/
.image-map{
	position: relative;
	overflow-x: auto;
}

.image-map > a.map {
  position: absolute;
  display: block;
  background-image: url("images/map_icon.png")!important;
  width: 24px;
  height: 37px;
}
.textMapList {
	margin: 0;
}
li.mapTextLi {
	padding: 15px 0;
	display: none;
}
.mapTextLi p {
	margin-top: 5px;
}
.spotTitle {
	font-weight: bold;
}

iframe{
	width: 100%!important;
}

body.home > p {
	margin: 0;
}