/*
Theme Name: Century Travel
Template: institution
Author URI: https://centurycyprus.com
Version: 1.0.1519628941
Updated: 2018-02-26 07:09:01

*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i&subset=greek');

/*Font Stuff*/

body {font-family: 'Open Sans', sans-serif;}

/*Screw sidebars*/
#sidebar {display:none;}


/*.hiddentext h5 {opacity: 0 !important}*/

/*Header Edits

#header {position: fixed; z-index: 2000;}*/

.header_right {
    float: none;
    padding: 7px 0 7px;
    clear: left;
	margin: 0 auto;}
.sitenav {width: 100%;}
.sitenav ul {display: flex; justify-content: space-around; flex-direction: row; width: 100%; align-items: stretch;}
.sitenav li {font-family: 'Open Sans', sans-serif;
font-weight: 400;
text-transform: none;}

.telephone-century {float: right; width: 50%; text-align: right; margin-top: 20px;}
.telephone-century h1 {font-weight: 400; padding-bottom: 0px;}
.telephone-century img {height: 30px; width: auto; padding-right: 10px;}



/*Copied from Customize*/

body, .sitenav {color: #003950}




header .entry-header .entry-title {display: none;}

.whitebox .entry-title {display: block !important; font-weight: normal;}

/*Layout stuff*/
.lazyclear {clear:both;}

.half-box {width: 46%; padding: 2%; float:left;}

.half-box img {width: 100%; height: 100%;}

.half-box h1 {margin-top: 15px;}

/*Footer Stuff*/

.lovely-footer-widget-area {margin: 0 auto; width: inherit; margin-top: 30px;padding-top:20px;  background: #003950; color: white;}
.lovely-footer-widget-area a {color: white;}

.copyright-wrapper {
    position: relative;
    padding: 5px 0;
    background-color: #003950;
	color: #ffffff;
border-top: 5px solid #9e8663;}

/**/

.company-logo-area {float: right; height: 30px; width: 15%;}

.company-logo-area img {float: right; height: 30px !important; width: auto;}

.itinerary-style li {border-bottom: solid thin #ccc !important; list-style: none; padding-top: 7px; padding-bottom: 7px;}

.itinerary-style ul {margin: 0;}

/*Changing things from the parent theme*/
body {color: #222222;}

.sitenav ul li a {
    padding: 10px 0;
	margin: 0 5px;}

.post-navigation, .post-thumb {display:none;}

.content-area a {color: #00173d !important;}

a:hover { }

h1 .entry-title, h1 .page-title {padding-bottom: 5px !important;}

.content-area {	padding: 5px 0;}

.home .content-area {padding: 0px;}

/*Cosmetic changes*/
.home-page-top, .home-page-top a { font-weight: 700; text-shadow:
   -1px -1px 0 #fff,  
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
     1px 1px 0 #fff; font-size: 115%; color: #003950 !important;}
.nopaddingh1 h2, .nopaddingh1 h1 {padding:0;}



/*Constant Contact*/
.ctct-disclosure, .ctct-form-description, .ctct-button {display:none;}

.ctct-submit {font-size: 1.15em;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);box-sizing: border-box;
padding: 0.8em 1.6em;
background: #00235d;
color: #ffffff !important;
border: 1px solid #003950;
font-weight: 600;}

.ctct-submit:hover {}

/*Checkboxes on search form*/

.sf-checkbox-wrapper label {white-space: nowrap;}



.whitelink a {color: #eeeeee !important;}

#post-grid-4329 .item, #post-grid-4329 {background: none !important}

.flarggle h3, .flarggle h3[style] {font-size: 1.5em !important} /*Stops the weird font-size: 0px bug until I can find a solution*/

a.read-more {background: none !important}

/*Boxing the post loop*/

.blog-post-repeat {width: 30% ; padding: 1.5%; float: left;  height: 500px; min-height: 500px; margin-bottom: 0; border: none;}

.post-thumb {display: block; width: auto; clear: both; float: none !important;}
.post-thumb img {width: auto; height: 250px;}
.post-date, .post-comment, .post-categories {display: none;}
.postmeta, .entry-title{margin: 2%;}
.entry-summary {display: block; background: #003950; color: white; overflow: visible;}
.read-more {background: #9a8348; padding: 5px; color: white; width: 30%; margin-left: 25%;  margin-bottom: 10px; text-align:center;}
.bluebox {background: #003950; color: white; padding-top: 10px; padding-bottom: 10px; border-top: #9a8348 solid 3px; }
.whitebox {background: white; padding-bottom: 10px;}
.offer-dates-nights {font-size: 80%;}
.entry-title {padding-bottom: 0px; clear: both;}
.company-logo-thumbnail-loop img {background: white; width: auto;  display: block; height: 30px; position: relative; top: 70px; z-index: 998; padding: 5px;}
.company-logo-thumbnail-loop span {background: white; width: 50%;  display: block; height: 25px; position: relative; top: 70px; z-index: 998; padding: 5px; font-weight: bold; text-align: center;}
.bigprice {font-size: 160%; font-weight: bold; }
.fromprice {width: 26%; margin-left: 4%;}

.includesbox {display: flex; width: 100%; flex-flow: row no-wrap; justify-content: space-evenly; align-items: stretch;}
.includesitem {padding: 2px;}
.checktick, .checktick img, .checktick .emoji, .includesitem .checktick {color:  #d2cdf4 !important}

.navigation, .pagination {clear:both;}

.view-details {background: #9a8348; color: white; padding: 5px; color: white; width: 30%; margin-left: 30%;  margin-bottom: 10px; text-align:center; float: right;}

.whitebox p {margin: 0px !important}

/*Things for single offers*/

.single-post .post-thumb {display:none;}
.tableofprices {border: solid 1px #003950; background: white; color: #003950; text-align: center; max-height: 550px;}
.tableofprices td {width: 50%; border: solid 1px #003950;  }
.tableofprices p, .tableofprices h3 {text-align: center; padding: 0; margin: 0;}
.tablecellblue {background: #003950; color: white;}

.pricestableclass table {width: 100%}
.pricestableclass table td {border-left: solid 1px #dddddd; text-align: center;}
.pricestableclass table td:first-child {border-left:  none; text-align: left;}
.pricestableclass table tr:nth-child(odd) td{ }
.pricestableclass table tr:nth-child(even) td{ background: #eee !important;}
.pricestableclass  a {color: white !important; text-decoration: underline;}

/**/

#sitefull, .sitemain {width: 100% !important}

/*MOBILE*/

@media (max-width: 719px){
	.telephone-century {width: 100%; float: none; text-align: center;}
	.blog-post-repeat {width: 97.5%; height: auto; margin-bottom: 10px; }
	.sitenav ul {display: flex; justify-content: space-around; flex-direction: row; width: 100%; align-items: stretch; flex-wrap: wrap; align-content: space-around ; font-size: 120%;}
	 .sitenav .sub-menu{display: none !important;}
	.sitenav ul li  {font-size: 120%;}
	
	.togglemenu {background: #003950;}
	.tenyearsimage {display:none !important;}

}


@media (max-device-width: 719px)  {.tenyearsimage {display:none !important;}}

/*Search stuff?*/
.sf-element {width: 18% !important; float: left;}
.sf-element select {width: 90%;}
.sf-result-head {background: none !important; border: none !important;}
.sf-element legend {font-size: 120% !important; font-weight: bold; width: 100%; text-align: center;}
.sf-element input, .sf-element select {border: #003950 1px solid !important;}
.sf-element:nth-of-type(2n) {margin-right: 2% !important;}

.sf-result .post-thumb img {
    width: auto;
	height: 250px;}

/*Why the fuck is the footer showing twice*/

.middle-align #lovely-widget-area {display:none;}

/*Remove borders on galleries*/
#gallery-1 img {border:none !important;}

/*Vertical align for image grid*/
.sow-image-grid-image {vertical-align: middle;}
/*Redundant

Bouncing arrow because why not

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -moz-transform: translateY(-7px);
    transform: translateY(-7px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(7px);
    transform: translateY(-7px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -moz-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    -webkit-transform: translateY(-7px);
    transform: translateY(-7px);
  }
}

.bouncybouncy:hover {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

CSS for tabs on package page

.tabs {
  font-size: 0;
  margin: 25px 0;
	clear:both;
}

.tabs:after {
  clear: both;
  content: '';
  display: table;
}

.tabs .tab {
  display: inline;
}

.tabs .tab-label {
  background: #eee; 
  border: 1px solid #ccc; 
  display: inline-block;
  font-size: 16px;
  font-size: 1rem;
  left: 1px;
  margin-left: -1px;
  padding: 10px; 
  position: relative;
  vertical-align: bottom;
}

.tabs .tab > [type="radio"] {
  clip: rect(0 0 0 0);
  height: 1px;
  opacity: 0;
  position: fixed;
  width: 1px;
  z-index: -1;
}

.tabs .tab-panel {
  display: inline;
  display: inline-block;
  overflow: hidden;
  position: relative;
  height: 0;
  width: 0;
}

.tabs .tabbed-content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  background: white;
  padding: 0 20px;
  border: 1px solid #ccc;
  float: left;
  font-size: 16px;
  font-size: 1rem;
  margin-top: -1px;
  width: 100%;
}

.tabs .tab [type="radio"]:checked + .tab-label {
  background: white;
  border-bottom-width: 0;
  padding-bottom: 11px;
  z-index: 1;
}

.tabs .tab [type="radio"]:checked ~ .tab-panel {
  display: inline;
}

.tabbed-content table, .tabbed-content td, .tabbed-content tr {border: solid thin #eee !important; text-align: center !important; color: #00235d !important; font-weight:bold; vertical-align: middle;}

.tabbed-content table tr:nth-child(odd) td{ background: #fff !important;
}
.tabbed-content table tr:nth-child(even) td{ background: #eee !important;
}

*/