/*your custom style goes in this file*/
/*if you're overriding style blocks from genstyle.css, you only need to include the attributes you're overriding, not the whole block*/

.slogan {font-size: 20px; font-family: 'Playfair Display', cursive, Verdana, Helvetica, sans-serif; color: #ff8c00; padding-left: 10px; margin: 0;}

footer a {color: #ffffff!important; font-weight: normal; text-decoration: none; outline: none;}
footer a:hover {color: #FF8C00!important; text-decoration: none; font-weight: normal; outline: none;}

/* !!! Change font size !!! */
html {height: 100%;}
header, figure, figcaption, footer, nav, article, section, aside, summary {display: block;}
body {
	background: #fff;
	color: #000000;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	font-size: 14px!important;
}

/* ============= Row Height in tables ============== */
.databack {
  padding: 3px;
  margin: 0;
  vertical-align: middle;
  color:#000000
}

.row2 .contentBoxNBa {margin-top: 2px;}

/* Content Blocks */
.contentBoxNBa {float: left; width: 48%; padding: 0; margin: 0 2% 0 0;}
.contentBoxNBa img {max-width: 100%;}
.contentBoxNBb {float: right; width: 48%; padding: 0; margin: 0 0 0 2%;}
.contentBoxNBb input[type=text] {height: 25px;} /*decreases size of search box on home page*/
.contentBoxNBb input[type=submit] {height: 25px;} /*decreases size of search box on home page*/

/* TOP CONTENT BOXES */
.topsection {position: relative; z-index: 100; padding: 0 0 40px 0; width: 1200px; margin-top: -150px !important; font: 36px 'Cormorant Garamond', Verdana, Helvetica, sans-serif; color: #fff; margin: 0 auto;}
.topcontentBox3a {float: left; width: 31.33333%; padding: 0; margin: 0 1% 5px 1%;}
.topcontentBox3b {float: left; width: 31.33333%; padding: 0; margin: 0 1% 5px 1%;}
.topcontentBox3c {float: left; width: 31.33333%; padding: 0; margin: 0 0 5px 1%;}

/* SNIP Photo text editing - Used in Top 3 Boxes  */
.snip {position: relative; display: inline-block; overflow: hidden; width: 100%; color: #ffffff; text-align: left; font-size: 16px; margin: 0;  border-radius: 10px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}
.snip * {-webkit-transition: all 0.35s;  transition: all 0.35s; -webkit-box-sizing: border-box; box-sizing: border-box;}
.snip img {max-width: 100%; vertical-align: top;}
.snip figcaption {position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 20px; background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, transparent 100%); display: flex; flex-direction: column; justify-content: flex-end;}
.snip h3 {font-size: 44px; font-weight: 400; color: #fff; line-height: 1; letter-spacing: 1px; text-transform: uppercase; margin: 3px 0;}
.snip .title1 {font-weight: 700;}
.snip .title2 {font-weight: 300; font-size: 36px;}
.snip .title3 {font-weight: 700; font-size: 25px;}
.snip a { position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.snip:hover img, .snip.hover img {-webkit-transform: scale(1.3) rotate(5deg); transform: scale(1.3) rotate(5deg);}

/* ===== SECTION BLOCKS ===== */
.container {width: 1238px; text-align:left; margin: 0 auto; clear:both;}
.inside {width: 96%; padding: 10px 2%;}

/* Row 2 is the top line of links on each page */
.row2 {background: #202020; padding: 2px 0; color: #fff; border-bottom: 1px solid #d8dede;}
.row2 a {color: #fff; font-weight: normal; text-decoration: none; outline: none; font-size:11pt;}
.row2 a:hover {color: #cfdfe2; text-decoration: none; font-weight: normal; outline: none;}
.row2 .contentBox2a {margin-top: 2px;}

/*Row 3 is the row that contains the 3 boxes above the footer */
.row3 {margin-top: 10px;}
.row3 a:hover {text-decoration: underline;}

.contentBox3a {float: left; width: 31.33333%; padding: 0; margin: 0 0 5px 0;}
.contentBox3b {float: left; width: 31.33333%; padding: 0; margin: 0 1% 5px 1%;}
.contentBox3c {float: left; width: 31.33333%; padding: 0; margin: 0 0 5px 0;}

/* ======== Ribbon and flag in city pictures ======= */
.ribbon {
  position: absolute;
  left: -0px; top: -0px;
  z-index: 1;
  overflow: hidden;
  width: 172px; height: 172px;
  text-align: right;
}
.ribbon span1 {
  font-size: 10px;
  font-weight: bold;
  color: #000;
  text-transform: none;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 150px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#9BC90D 0%, #79A70A 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 35px; left: -29px;
}
.ribbon span2 {
  font-size: 10px;
  font-weight: bold;
  color: #000;
  text-transform: none;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 190px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#0dc9c9 0%, #0a9fa7 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 51px; left: -35px;
}
.ribbon span3 {
  font-size: 10px;
  font-weight: bold;
  color: #000;
  text-transform: none;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 234px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#0d78c9 0%, #0a75a7 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 65px; left: -41px;
}

.flag,
{
  position: absolute;
  top: 50px;
  right: -100px;
  z-index: 1;
}

.snip p {
  font-size: 44px;
  font-weight: 400;
  color: #fff;
  line-height: 1;
  letter-spacing: 1px;
  text-transform: none;
  margin: 3px 0;
}

.slide-caption-bg {
  background: rgba(255, 255, 255, 0.6); /* semi-transparent gray */
  padding: 20px 30px;
  border-radius: 10px;
  display: inline-block;
  max-width: 80%;
  color: #fff;
  box-shadow: 0 4px 16px rgba(0,0,0,0.15);
  margin: 10px 0;
}
.slide-caption-bg h1 {
  color: darkred !important;
}
.slide-caption-bg p {
  color: #000 !important;        /* Black text */
  font-weight: normal !important; /* Not bold */
  margin: 0 0 10px 0;
}