/*
 Theme Name:   Visit NCE 2025
 Theme URI:    http://www.visitnewcastleemlyn.co.uk
 Description:  CSS Changes to 2020 Site
 Author:       Andy Moss
 Author URI:   https://example.com/
 Template:     Visit-NCE-2020    
 Version:      1.0
*/

/*homepage.css
---------------------------------------------------- */
@media screen and (min-width:901px){
.horizontal-sidebar {
	display:none;
	}}

/*Editable area*/

#newshome {
	width:80%;
	margin:25px 10% 0 10%!important;
	padding:0!important;
	border:0px dotted red;

}


#newshome h1 {
	padding:0!important;
	margin:0 0 15px 0!important;
	border:0!important;
	font-weight:700;
	font-family:'Aleo', sans-serif!important;
	color:#333;
	font-size:3.5rem;
	line-height:1.1em;
	letter-spacing:1px;
	text-align:center;
}
@media screen and (max-width: 650px)
{
	#newshome h1 {font-size:2rem
	}
}



@media screen and (max-width: 650px) {
  #logobox {
  position: absolute;
  top: 19px; /* or whatever vertical position looks right */
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: auto;
  z-index: 10;
}
	#logoboxouter {
  position: relative;
  width: 100%;
  height: auto;
}
  }


#newshome h2 {
	padding:0!important;
	margin:0 0 15px 0!important;
	border:0!important;
	font-weight:normal;
	font-family:'Aleo', sans-serif;
	color:#666666;
	font-size:2.0rem;
	line-height:1.1em;
	letter-spacing:1px;
	text-align:center;
}

#newshome p {
	margin:0;
	padding:0;
	border:0px dotted red;
	text-align:center;
	font-size:1.2em;
	line-height:1.4em;
	color:#333333;
	margin-bottom: 20px;
}




#featurebox{
border:1px solid #BBBBBB;
border-radius: 10px;
padding: 15px 10px 10px 10px;
width:89%;
margin: 0 auto;
background: none;
background-size: 150px 120px!important;
}



#featurebox p{
font-size:1.1rem;
margin: 0px 20px 10px 20px !important;
}




/* Home Boxes
-----------------------------------------------------*/

#boxmenu{
	border:0px dotted red;
	margin:0 1.5% 20px 1.5%; 
	padding:0;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
}
.home-box {
	width:25%!important

}








.home-box-content {
	padding: 7px!important;
}
#box1,
#box2,
#box3,
#box4,
#box5,
#box6,
#box7,
#box8
{
	display:block;
	float:none;
	width:auto;
	border:0px dotted blue;
	margin: 0;
	padding:0;
	text-align:center;
} 


#box1 img:hover,
#box2 img:hover,
#box3 img:hover,
#box4 img:hover,
#box5 img:hover,
#box6 img:hover,
#box7 img:hover,
#box8 img:hover
{
	transition: 0.5s ease!important;
	-webkit-filter: grayscale(5);
	filter: grayscale(5);
} 






/*Right hand box*/

#box4,
#box8
{	
	margin-right:0!important;
}


#box1,
#box2,
#box3,
#box4,
#box5,
#box6,
#box7,
#box8
{
	background-color: #fff;
	position:relative;
	border-radius: 5%;
}


#box1 img,
#box2 img,
#box3 img,
#box4 img,
#box5 img,
#box6 img,
#box7 img,
#box8 img
{
	width:100%;
	height:auto;
	border:0;
	padding:0;
	margin: 0;
	background-color: transparent;
	border-radius: 5% 5% 0 0;
}



.homebutton{
	clear:both;
	text-align:center;

	/* Height with info below */

	height: 132px;

	/* Height without info below */
	/* height: 70px; */

	background-color: #EEEEEE;;
	margin:0 auto;
	width:100%;
	overflow:hidden;
	border:0px dotted red;
	border-radius: 0 0 15px 15px;
}



/* #box1 .homebutton h3 a{
	color: #E27D60;
}

#box2 .homebutton h3 a{
	color: #557A95;
}

#box3 .homebutton h3 a{
	color: #E8A87C;
}

#box4 .homebutton h3 a{
	color: #C38D9E;
}

#box5 .homebutton h3 a{
	color: #659DBD;
}

#box6 .homebutton h3 a{
	color: #AC3B61;
}

#box7 .homebutton h3 a{
	color: #AFD275;
}


#box8 .homebutton h3 a{
	color: #AD8271;
}
*/
.homebutton h3 a {
	color:teal!important;
}





.homebutton h3, 
.homebutton h3 a
{
	font-size:1.5vw!important;
	font-family:'Aleo', sans-serif;
	line-height:1.0em!important;
	font-weight:600!important ;
	text-align:center!important ;
	text-decoration:none!important ;
	margin: 5px 2% 0px 2%!important ;
	padding:0!important ;
	border-bottom:none!important;
	width:96%!important;
	background-color:transparent;
	display:block;
	text-transform: none;
	letter-spacing: normal!important;
}

@media screen and (max-width: 950px) {
	.home-box {
		width:50%!important
	}
	.homebutton h3 a {
		font-size: 2.75vw!important;
	}}

@media screen and (max-width: 450px) {
	.home-box {
		width:100%!important
	}
	.homebutton h3 a {
		font-size: 5.75vw!important;
	}
	.homebutton {
		height:110px;
	}
	#newshome {
		    width: 96%;
    margin: 25px 2% 0 2% !important;
	}
}


/* Bounce In */



.homebutton h3 a
{

	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.homebutton h3 a:hover, 
.homebutton h3 a:focus,
.homebutton h3 a:active {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
	transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}



.homebutton p{

	margin:0.5em 15px 0.3em 15px!important;
	font-family:'Quicksand', sans-serif;
	font-size:1.1rem!important;
	color:#555555!important;
	line-height: 1.3em!important;
	border:0px dotted red;
}



.homebutton p.postdate{
	font-size:1.0rem!important;
	text-transform: uppercase;
	margin:0!important;
	padding:0!important;
	color:#183B6F!important;
	font-family:Quicksand, sans-serif!important;
}



.homebutton .homeexcerpt,
.homebutton .homeexcerpt a{
	font-size:1.1rem!important;
	margin:5px 0 5px 0!important;
	padding:0!important;
	color:#333333!important;
	font-family:Quicksand, sans-serif!important;
	line-height: 1.0em!important;
	text-decoration:none;
}

/* Icons
 */
.material-icons { 
    display: inline-flex; 
    vertical-align: text-top; 
	color:teal;
	}
#contentcenter h2 .material-icons, #breadcrumb p span .material-icons, nav .navmenu ul ul li .material-icons, #menu-top-menu .material-icons {
	 
	display:none
}

/* Mobile Menu Changes*/

@media only screen and (max-width: 1199px) {
    #mg-wprm-wrap ul#wprmenu_menu_ul li.menu-item a {
	text-align:left;
}
	html body div#wprmenu_bar {
	display:flex;
	align-items:center;
}
}


* {
	font-family: 'Quicksand', sans-serif;
}
@media screen and (max-width: 900px) {
	.vertical-sidebar {
		display:none;
	}
	.horizontal-sidebar {
		display:block;
		width: 96%;
        margin: 10px 2% 20px 2%;
	}
	ul.simple-links-list li.simple-links-item a img {
		float:none;
		margin: 40px 0px 5px 0 !important;
	}
	
#contentcenter {
    float: none;
    margin: 0 auto;
    text-align: center;
    padding: 0;
    border: 0px dotted black;
    background: transparent;
}
.widecolumn {
    width: 90% !important;	
}
	.widecolumn ul {
	list-style:none
}
	
}
#contentcenter h2{
	font-family:'Aleo', sans-serif;
	font-size:2.8rem;
	line-height:1.1em ;
	font-weight: 600;
	margin:0.5em 0 0.4em 0 ;
	padding:0;
	color:teal;
	text-decoration:none;
	clear:both;
}


#contentcenter h2 a {
	font-family:'Aleo', sans-serif;
	font-size:2.8rem;
	line-height:1.1em ;
	font-weight: normal;
	margin:0.2em 0 0.3em 0 ;
	text-decoration:underline;
	padding:0;
	color:#666666;
	clear:both;
}

#contentcenter h3{
	font-family:'Quicksand', sans-serif;
	text-transform:uppercase; 
	font-size:1.4rem;
	line-height:1.6rem ;
	letter-spacing:2px;
	word-spacing:2px;
	font-weight:600 ;
	margin:1.2em 0 0.7em 0 ;
	padding:0 0 0.2em 0;
	color:#3266CC;
	text-decoration: none ;
	/* 	border-bottom: 1px solid #16458B; */
	clear:both;
}



#contentcenter h4{
	font-family:'Quicksand', sans-serif;
	text-transform:uppercase; 
	font-size:1.3rem;
	line-height:1.4em!important ;
	font-weight:600 ;
	letter-spacing:1px;
	margin:1.2em 0 0.3em 0 ;
	padding:0 0 0.2em 0;
	color:#666666;
	text-decoration: none ;
	clear:both;
}

#contentcenter p
{
	margin:0.8em 0em 0.9em 0em;
	font-family:'Quicksand', sans-serif;
	font-size:1.1rem;
	color:#666666;
	line-height: 1.6em;
}

#contentcenter ul li,
#contentcenter ol li,
#contentcenter ul li a,
#contentcenter ol li a
{
	font-family:'Aleo', sans-serif;
	font-size:1.2rem;
	color:#666666;
	line-height: 1.5em;
	padding:0.2em 0 0.2em 0;
}

#contentcenter ul ul li,
#contentcenter ol ol li,
#contentcenter ul ul li a,
#contentcenter ol ol li a
{
	font-family:'Quicksand', sans-serif;
	font-size:1.2rem;
	color:#666666;
	line-height: 1.5em;
	padding:0.3em 0 0.3em 0;
}

nav .navmenu  {
	width:100%;
	background-color:teal!important;
	height:50px;
	margin: 0 auto; 
	text-align: center;
display:flex;
	justify-content:center;
	align-items:center;
}

nav .navmenu 	li a:link,
nav .navmenu 	li a:visited,
nav .navmenu 	li a:hover,
nav .navmenu 	li a:active
{
	display:block;
	padding:10px 14px;
	text-decoration:none;
	letter-spacing:1px;
	font-size:0.8rem;
	font-family: 'Quicksand', sans-serif;
	text-transform: uppercase;
	font-weight:600;
}

nav .navmenu  > ul > li:before {
		background: #789FB2;
}
nav .navmenu ul	ul li:last-child
{
background-color : teal!important;
}

nav .navmenu  ul ul li {
	background-color: teal;
	}
nav .navmenu ul	ul li:last-child:hover {
	background-color:#E3F2FF!important;
}

aside h3{
		font-family:'Quicksand', sans-serif;
	}
aside ul li a:link,
aside ul li a:visited,
aside ul li a:active {
	font-family:'Quicksand', sans-serif;
}
aside ul li a:hover{
	background-color: #789FB2;
	color:#FFF;
} 
aside ul li.current_page_item {
	background-color: #789FB2 !important;
}

ul.simple-links-list li.simple-links-item a {
		font-family: 'Quicksand', sans-serif;
letter-spacing:1px!important;
	
}

ul.simple-links-list li.simple-links-item a:link,
ul.simple-links-list li.simple-links-item a:visited{
	color:#789FB2!important;
	font-weight:500;
}


ul.simple-links-list li.simple-links-item a:hover{
	color:teal!important;
	
}

#breadcrumb p{
	padding: 0px 20px;}

.photo-holder {
	display:flex;
	flex-wrap:wrap;
}
.photo-cell {
	width:33%;
}
.photo-holder .child-thumb {
	width:auto!important;
	border-radius:15px;
}
.photo-holder .child-thumb h3 {
	min-height:37px;
}

@media screen and (max-width: 850px) {
	.photo-cell {
	width:50%;
}
	.photo-holder {
		justify-content:center;}}
@media screen and (max-width: 600px) {
	.photo-cell {
	width:100%;
}
	.photo-holder .child-thumb {
		height: auto;}
}



.horizontal-sidebar ul {
  display: flex;
	flex-wrap:wrap;
	justify-content:center;
 
  
  padding: 0;
  
  list-style: none;
}

#horizontal-sidebar-holder {
    
      flex-wrap: wrap;
    padding: 0 10px;
}
#horizontal-sidebar-holder a,
#horizontal-sidebar-holder a:visited,
#horizontal-sidebar-holder a:hover,
#horizontal-sidebar-holder a:active {
  text-decoration: none;
  color: inherit;
}
.accordion-content #horizontal-sidebar-holder .element {
    width: 25%;
    background: #fff;
    text-align: center;
    padding: 3px;
    box-sizing: border-box;
}

#horizontal-sidebar-holder li {
	background: #eeeeee ;
	
    padding: 10px 20px;
    min-height: 92px;
    display: flex;
    border-radius: 15px;
    align-items: center;
    justify-content: center;
}

#horizontal-sidebar-holder li i.material-icons {
  display: block;
  font-size: 2rem; /* adjust as needed */
  margin-bottom: 5px; /* space between icon and title */
}

@media screen and (max-width: 710px) {
	.accordion-content #horizontal-sidebar-holder .element {
    width: 33.33%;
	}
		}
}
@media screen and (max-width: 480px) {
	.accordion-content #horizontal-sidebar-holder .element {
    width: 50%;
	}
	
}
aside ul li.current_page_item i {
	color:white
}
h2 span {
	font-family: 'Aleo', serif;
}
#horizontal-sidebar-holder .element .current_page_item {
    background-color: #789FB2 !important;
	color:white;
}
#horizontal-sidebar-holder .element .current_page_item i {
	color:white;
}


.horizontal-sidebar-accordion {
  display: none;
}

@media (max-width: 899px) {
  .horizontal-sidebar-accordion {
    display: block;
    margin: 1rem;
  }

  .accordion-toggle {
    background-color: teal;
    color: white;
    padding: 10px 15px;
    border: none;
    width: 100%;
    text-align: left;
    font-size: 1.2rem;
    cursor: pointer;
	
  }

  .accordion-content {
    background: #f8f8f8;
    border: 1px solid #ddd;
    padding: 10px;
    transition: max-height 0.2s ease-out;
  }

  .accordion-content ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
}

.accordion-content #horizontal-sidebar-holder {
	display:flex;
	padding:0;
}
.horizontal-sidebar .element {
    width: 20%;
    background: #fff;
    text-align: center;
    padding: 3px;
    box-sizing: border-box;
}
@media screen and (max-width: 550px) {
	.horizontal-sidebar .element {
		width: 33.33%;
	}
}