/*---------------------------------------
         CUSTOM PROPERTIES ( VARIABLES )             
         -----------------------------------------*/
         :root {
         --white-color:                  #fafafa;
         --light-color:                  #eeeeee;
         --black-color:                  #282E34;
         --dark-color:                   #394047;
         --primary-color:                #065F68;
         --secondary-color:              #8DA5AB;
         --tertiary-color:               #1e293e;
         --quaternary-color:             #a6a189;
         --p-font-size:                  18px;
         }
         body {
         background-color: var(--light-color);
         font-family: 'Hind Madurai', sans-serif;
         color: var(--black-color);
         }
		 
         /*---------------------------------------
         TYPOGRAPHY               
         -----------------------------------------*/
         h1 {
         font-family: lora;
         font-style: italic;
         font-size: 28pt;
         font-weight: 700;
         color: var(--black-color);
         }
         h2 {
         font-family: lora;
         font-size: 38pt;
         font-style: italic;
         font-weight: 600;
         color: var(--light-color);
         }
         h3 {
         font-family: montserrat;
         font-size: 24pt;
         font-weight: 700;
         color: var(--secondary-color);
		 padding-bottom: 20px;

         }
         h4 {
		 font-family: lora;
         font-size: 10pt;
         font-style: italic;
         font-weight: 400;
         color: var(--secondary-color);
		 text-transform: lowercase;
         }
         p {
         font-size: var(--p-font-size);
         color: var(--tertiary-color);
         }
         ul li {
         color: var(--p-color);
         font-size: var(--p-font-size);
         }
         a, button {
         touch-action: manipulation;
         transition: all 0.3s;
         }
         a {
         display: inline-block;
         color: var(--secondary-color);
         text-decoration: none;
         }
         a:hover {
         color: var(--secondary-color);
         }
         b, strong {
         font-weight: 700;
         }
         ::selection {
         background-color: var(--secondary-color);
         color: var(--black-color);
         }
         /*---------------------------------------
         NAVIGATION BAR              
         -----------------------------------------*/
         .logo{
         display: block;
         padding: 10px 30px 10px 30px;
         float: left;
         }
         .logo-image {
         width: 40px;
         height: 40px;
         float: left;
         }
         .logo-text {
         line-height: normal;
         margin-left: 10px;
         position: relative;
         font-size: 16px;
         color: var(--white-color);
         font-family: 'Hind Madurai', serif;
         letter-spacing: 0;
         font-style: normal;
         }
         .logo-text small {
         display: block;
         font-size: 12px;
         border-top: solid 2px #fff;
         line-height: 1;
         letter-spacing: 5px;
         text-transform: uppercase;
         text-align: center;
         padding-top: 6px;
         }
         .sticky {
         position: fixed;
         top: 0;
         width: 100%;
         }
         .toggle,
         [id^=drop] {
         display: none;
         }
         #navbar {
         z-index: 4;
         }
         #navbar ul {
         z-index: 5;
         }
         nav {
         margin: 0;
         padding: 0;
         background-image: linear-gradient(15deg, var(--primary-color) 0, var(--tertiary-color) 100%);
         line-height: 40px;
         font-family: 'lora', serif;
         letter-spacing: 1px;
         font-style: italic;
         border-bottom: 3px solid var(--secondary-color);
         z-index: 4;
         position: absolute;
         top: 0;
         right: 0;
         left:0;
		 }
         nav:after {
         content: "";
         display: table;
         clear: both;
         }
         nav ul {
         float: right;
         padding: 0;
         margin: 0;
         list-style: none;
         position: relative;
         }
         nav ul li {
         margin: 0;
         display: inline-block;
         float: left;
         }
         nav a {
         display: block;
         padding: 10px 20px;
         color: #FFF;
         font-size: 14px;
         text-decoration: none;
         transition: all 0.2s ease-out;
         }
         nav ul li:hover>ul {
         display: inherit
         }
         nav li>a:after {
         content: ' +'
         }
         nav li>a:only-child:after {
         content: ''
         }
         /* MAIN SITE HEADER - MOBILE */
         @media all and (max-width:990px) {
         .sticky {
         position: relative;
         top: 0;
         width: 100%
         }
         nav {
         margin: 0
         }
         .toggle+a,
         .menu {
         display: none
         }
         .toggle {
         display: block;
         padding: 0px 20px;
         color: #FFF;
         text-decoration: none;
         border: 0;
         font-size: 16px;
         height: 60px;
         line-height: 60px;
         transition: all 0.3s ease-in;
         }
         .toggle:hover {
         background-color: var(--secondary-color);
         transition: all 0.3s ease-in;
         }
         [id^=drop]:checked+ul {
         display: block
         }
         nav ul li {
         display: block;
         width: 100%;
         font-size: 16px;
         border-bottom: 1px solid #7a8594
         }
         nav ul li:hover>ul {
         display: none
         }
         }
         .burger {
         display: block;
         cursor: pointer;
         padding-top: 15px
         }
         .bar1,
         .bar2,
         .bar3 {
         width: 25px;
         height: 2px;
         background-color: #fff;
         margin: 6px 0;
         transition: .4s
         }
         .change .bar1 {
         -webkit-transform: rotate(-45deg) translate(-5px, 6px);
         transform: rotate(-45deg) translate(-5px, 6px)
         }
         .change .bar2 {
         opacity: 0
         }
         .change .bar3 {
         -webkit-transform: rotate(45deg) translate(-5px, -6px);
         transform: rotate(45deg) translate(-5px, -6px)
         }
         /*---------------------------------------
         SECTION               
         -----------------------------------------*/
         .all-sections {
         padding-top: 50px;
         padding-bottom: 40px;
         width: 100%;
         }
         .all-sections > .row {
         width: 80%;
         margin-left: auto;
         margin-right: auto;
         }
         .all-sections > .fatrow {
         width: 100%;
         }
         .banner {
             background-color: rgba(30,41,62,0.90);
             text-align: center;
             height: 30px;
             width: 100%;
         }
         .banner a {
             color: var(--quaternary-color);
             font-family: montserrat;
             text-align: center;
             font-size: 12px;
             font-weight: bold;
             letter-spacing: 1px;
             position: relative;
             top: 5px;
         }
         .banner :hover {
             color: var(--light-color);
         }
         .section_2 .img {
         background-image: url("Jess.jpg");
         background-size: cover;
         aspect-ratio: 1 / 1;
         height: 100%;
         max-height: 200px;
         min-height: 100px;
         border-radius: 10px;
         border: solid 4px var(--secondary-color);
         opacity: 0.88;
         }
         .section_3{
         background-color: rgba(30,41,62,0.70);
         }
         .section_3 p{
         color: var(--light-color);
         }
         .thirds{
         background-color: var(--tertiary-color);
         border-radius: 10px;
         margin-left: auto;
         margin-right: auto;
         margin-bottom: 10px;
         padding: 10px;
         }
         .thirds strong {
         color: var(--quaternary-color);
         }
         .thirds p {
         color: var(--secondary-color);
         }
         .section_4 .img {
         background-image: url("IrelandGroup1.jpg");
         background-size: cover;
         background-position: bottom;
         height: 300px; 
         border-radius: 10px;
         border: solid 4px var(--secondary-color);
         opacity: 0.88;
         }
         .section_6 {
         margin-top: -30px;
         margin-bottom: 50px;
         }
         .overlay{
         background: rgba(30,41,62,0.78);
         padding: 30px;
         }
         .overlay p {
         color: var(--light-color);
         }
         .overoverlay{
         background: rgba(30,41,62,0.95);
         padding: 30px;
         }
         .overoverlay p { 
		 color: var(--secondary-color);
		 }
         .overoverlay a { 
		 color: var(--light-color);
		 font-style: italic;
		 font-weight: bold;
		 font-family: lora;
		 border: solid 2px var(--primary-color);
		 padding: 20px;
		 background: rgba(141,165,171,0.1);
         }
         .overoverlay a:hover {
		 border: solid 2px var(--white-color);
		 padding: 20px;
		 }
         .dark_section{
         background: var(--tertiary-color);
         }
         .fog{
         background: rgba(141,165,171,0.5);
         padding: 30px;
         }
         .flood{
         background: rgba(6,95,104,0.8);
         padding: 30px;
         }
        .river_section {
         background: var(--tertiary-color);
         padding-top: 0;
         padding-bottom: 0;
         margin: 0;
         width: 100%;
         }
        .river_section > .row {
         margin: 0;
         padding: 0;
         width: 100%;
         }
         /*---------------------------------------
         BACKGROUND IMAGES
         -----------------------------------------*/
         .bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4 {
         position: relative;
         opacity: 0.95;
         background-attachment: fixed;
         background-position: center;
         background-repeat: no-repeat;
         background-size: cover;
         }
         .river1, .river2, .river3, .river4, .river5, .river6, .river7, .river8 {
         position: relative;
         opacity: 0.65;
         background-attachment: scroll;
         background-position: center;
         background-repeat: no-repeat;
         background-size: cover;
         min-height:400px;
         padding: 80px 30px 80px 30px;
         }
         .aff {
         position: relative;
         opacity: 0.95;
         background-attachment: scroll;
         background-position: center;
         background-repeat: no-repeat;
         background-size: 80%;
         width: 100%;
         margin-left: auto;
		 margin-right: auto;
         margin-top: 20px;
         margin-bottom: 0px;
         height: 70px;
         }
         .bgimg-1 {
         background-image: url("Glencoe1.jpg");
		 height: 100vh;
		 z-index:0;
		 position: relative;
		 top:60px;
		 margin-bottom: 60px;
         }
         .bgimg-1-svg {
         background-image: url("GHLogo.svg");
		 background-size: contain;
		 background-position: center;
		 background-repeat: no-repeat;
         height: 80%;
		 width: 80%;
		 position: relative;
		 top:30px;
         margin: auto;
         }
         .bgimg-2 {
         background-image: url("BudapestNight.jpg");
         }
         .bgimg-3 {
         background-image: url("Gondola1.jpg");
         }
         .bgimg-4 {
         background-image: url("Map.jpg");
         background-position: bottom;
         }
         .river1 {
         background-image: url("Danube.png");
         }
         .river2  {
         background-image: url("Rhine.png");
         }
         .river3  {
         background-image: url("Duoro.png");
         }
         .river4 {
         background-image: url("Seine.png");
         }
         .river5 {
         background-image: url("Mekong.png");
         }
         .river6 {
         background-image: url("Nile.png");
         }
         .river7 {
         background-image: url("Ganges.png");
         }
         .river8 {
         background-image: url("Mississippi.png");
         }
         .affiliate1 {
         background-image: url('White_AmaWaterways.png')
         }
         .affiliate2 {
         background-image: url('White_American-Cruise-Lines.png')
         }
         .affiliate3 {
         background-image: url('White_Avalon-Waterways.png')
         }
         .affiliate4 {
         background-image: url('White_Tauck.png');
         }
         .affiliate5 {
         background-image: url('White_Uniworld.png')
         }
         .affiliate6 {
         background-image: url('White_Viking.png')
         }
         .affiliate7 {
         background-image: url('Riverdale.svg');
		 float: right;
		 background-position: right;
         }
         .affiliate8 {
         background-image: url('Signature.png');
		 float: left;
		 background-position: center;
         }
         .affiliate9 {
         background-image: url('White_IGLTA_Member.png');
		 float: left;
		 background-position: left;
         }
         /* Turn off parallax scrolling for tablets and phones */
         @media only screen and (max-device-width: 1024px) {
         .bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4 {
         background-attachment: scroll;
         }
         }
		 
         /*---------------------------------------
         CUSTOM FORM               
         -----------------------------------------*/
         .contact-form .form-floating>textarea {
         height: 120px;
         background: var(--secondary-color);
         border: solid 1px var(--primary-color)
         }
         .custom-form .form-control {
         border-width: 2px;
         box-shadow: none;
         color: var(--p-color);
         margin-bottom: 20px;
         padding: 10px;
         padding-left: 20px;
         outline: none;
         background: var(--secondary-color);
         border: solid 1px var(--primary-color)
         }
         .custom-form .form-control:focus,
         .custom-form .form-control:hover {
         border-color: var(--primary-color);
         }
         .form-floating>label {
         padding-left: 20px;
         text-transform: uppercase;
         font-size: 14px;
         color: var(--white-color);
         }
         .custom-form button[type="submit"] {
         background: var(--tertiary-color);
         border: solid 1px var(--primary-color);
         color: var(--white-color);
         font-size: 14px;
         font-weight: 600;
         transition: all 0.3s;
         text-transform: uppercase;
         margin-bottom: 0;
         padding-left: 10px;
         letter-spacing: 2px;
         }
         .custom-form button[type="submit"]:hover,
         .custom-form button[type="submit"]:focus {
         background: var(--primary-color);
         border: solid 1px var(--primary-color);
         }
		 
         /*---------------------------------------
         PAGE FOOTER            
         -----------------------------------------*/
         .page-footer {
         position: relative;
         padding: 20px;
         }
         .contact-info {
	     position: relative;
		 top: 50px;
		 margin-bottom: 30px;
		 }
         .contact-info strong  {
         font-size: 16px;
         }
         .contact-info, .contact-info a {
         color: var(--white-color);
         font-size: 14px;
         line-height: 1.5;
         }
         .contact-info a:hover {
         color: var(--secondary-color);
         }
         .footer-affiliates {
         max-width: 120px;
         width: 20vw;
         height: 80px; 
         background-size: fill;
         position: relative;
         opacity: 0.95;
         background-attachment: scroll;
         background-repeat: no-repeat;
         background-size: 90%;
         margin-bottom: 20px;
         }
         .copyright-text {
         color: var(--white-color);
         text-transform: uppercase;
         font-size: 10px;
         letter-spacing: 2px;
         position: absolute;
         text-align: center;
         left: 0;
         background-color: var(--primary-color);
         position: relative;
         top: 10px;
         margin-top: -20px;
         }
         .page-footer > .svg {
         position: absolute;
         width: 100%;
         margin: 0;
         padding: 0;
         right: 0;
         left: 0;
         z-index: -2;
         border-bottom: solid 90px var(--primary-color);
         bottom: 0;
         }
		 
         /*---------------------------------------
         SOCIAL ICON               
         -----------------------------------------*/
         .social-icon {
         margin: 0;
         padding-left: 0;
         position: relative;
		 top: -20px;
         }
         .social-icon-item {
         list-style: none;
         display: inline-block;
         float: right;
         }
         .social-icon-link {
         background: var(--secondary-color);
         border-radius: 20px;
         color: var(--white-color);
         font-size: 14px;
         display: block;
         margin-right: 5px;
         text-align: center;
         width: 35px;
         height: 35px;
         line-height: 36px;
         transition: background 0.2s, color 0.2s;
         }
         .social-icon-link:hover {
         background: var(--primary-color);
         color: var(--white-color);
         }
		 
         /*---------------------------------------
         RESPONSIVE STYLES               
         -----------------------------------------*/
         @media screen and (max-width: 990px) {
         .logo{
         padding: 10px 30px 0px 30px;
         float: right;
         }
         h1 {
         font-size: 28px;
         }
         h2 {
         font-size: 32px;
         }
         h3 {
         font-size: 20px;
         }
         h4 {
         font-size: 10px;
         }
         .page-footer > .svg {
         border-bottom: solid 230px var(--primary-color);
         }
         }