/* make title more prominent on larger screens */
@media (min-width: 1px) {
  .navbar-brand {font-size:1.1rem !important; }
}
@media (min-width: 500px) {
  .navbar-brand {font-size:1.5rem !important; }
}
@media (min-width: 900px) {
  .navbar-brand {font-size:2.2rem !important; }
}
.navbar-brand {padding-left:15px !important;}

#t4-header, #t4-footer {background:#2570bb;}
#t4-footer {font-size:1rem;}

/* remove padding from modules */
.moduletable {border:0; padding:0 !important; margin:0;}

.page-header h2 {font-size:2.2rem !important;}

/* make submenu narrower */
.navbar {padding: 0.2rem 1.6rem !important;}

/* change link colour from red to white in sub menu */
.navbar a {color:#fff; font-size:16px; }

/* slight increase in size of text in main menu */
.t4-megamenu .navbar-nav > li > a, .t4-megamenu .navbar-nav > li > .nav-link {font-size:1rem; }

.t4-content {background-color:#ffffff; }

/* remove big space above heading */
.item-page.no-fullimage {padding-top: 0 !important; }

/* set width for content */
.t4-content-inner {max-width:1150px !important; }
.container {max-width:1150px !important;}  otherwise sets max width too narrow on phones / tablets

/* hide sidebar on tablets so google not trying to show ads */
@media (max-width: 992px) {
    .t4-content { width: 100%; } 
    .sidebar-r { display: none; }
}

/* separate parts of article */
.spaced-heading{
margin-top:40px;
padding-top:40px;
padding-bottom:20px;
border-top:1px dashed #cccccc;
}
  

/* remove yellow bg from google ads */
ins.adsbygoogle { background: transparent !important; }

/* remove border from gallery images */
.sige_thumb img {
  	margin:0 !important;
    padding:0 !important; 
}

/* add better borders and corners to template cards */
.nice-card {
    border-width: 2px; 
    margin: 10px 3px;
    border-radius: 3px;
  }

.hotel-button {
	background-color:#ffc107;
	color:#fff;
}

.form-group {
	margin-bottom:0.6rem;
}

.well {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.05);
}

h1 {margin-top:0.6em; }

.container-inner {
	padding: 5px !important;
}

a {font-weight:bold; color:#2570bb}
button.a {font-weight:normal; color:#ffffff}

.breadcrumb {
	background-color: rgba(224, 224, 224, 1);
  	padding: 0.25rem 0.1rem;
  font-size:0.9rem;
  text-transform:none;
}

.breadcrumb-item {
  padding-right:6px;
  padding-left:6px;
}

h3.article-title {font-size: 18px;}

.pub-title {
  font-size:80%;
  width:100%;
}

@font-face {
font-display: swap;
}

/* add space before / after auto google ads */
.google-auto-placed {
    margin-top:10px;
    margin-bottom: 10px;
}

/* css for back to top button */
#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: red; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#myBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}
