/*
Theme Name: USYD Brand
Theme URI: https://sydney.edu.au
Author: USYD Wordpress Team
Author URI: http://sydney.edu.au
Description: University of Sydney branded theme
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 5.7
Version: 2.0.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: usyd-brand
Tags: Site Editor

/* used on the border of the header */

/* used on the border of the header */
.shadow-effect {
	box-shadow: 0 4px 21px 0 rgba(0, 0, 0, 0.06);
}

/* stretches the header to full width of the device */
.fixed-header {
	position:fixed ;
	width:100%;
	z-index:2;	
}

/* sets the maximum width for the content of the page. not including the header and footer. */
.container-fluid {
	max-width: 1200px;
	margin-right: auto;
	margin-left:auto;
}

/* device size for the header */
@media screen and (max-width: 650px) {
    .desktop-header {
        display: none !important;
    }
	.mobile-reverse-column-direction {
        flex-direction: column-reverse;
    }
		
	.make-row{
		flex-direction: row !important;
		justify-content: space-between;
	}
	
}

@media screen and (min-width: 651px){
	.mobile-header {
        display: none !important;
    }
}
@media screen {
	.printed-header {
		display: none !important;
	}
}

@media print {
	.desktop-header {
		display: none !important;
	}
	.mobile-header {
		display: none !important;
	}
	.screen_display {
		display:none !important;
	}
}

/* device size for the footer */
@media screen and (max-width: 800px) {
		.footer-border {
		border-right: none;
		padding-right:0;
	}
	.footer-col-1-align {
		text-align: center;
	}
	.footer-col-2-align {
		text-align:center;
	} 
	.footer-button-align {
		margin:auto !important;		
	}

	.footer-links {
		flex-direction: column;
		 gap: 3px;
		align-items: start !important;
	}
	.abn-dets {
		align-items: start !important;
	}
}

@media only screen and (min-width: 801px){
	.footer-border {
	border-right: 1px solid #141414;
	padding-right:10%;
	}
	
	.footer-col-2-align {
		text-align:right;
	}
	.align-logo {
		margin-right:5%;
	}
	.abn-dets {
		padding-left:35%;
	}
}


/* create a hover overlay on the blog post feature image */
.hover-opacity:hover{ 	
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}


/* remove the flex gap between the Site Title and the Site Tagline in the footer */
.no-gap{
	gap:3px !important
}

/* main menu navigation submenu styles */
.wp-block-navigation__submenu-container{
	background-color:#E7E7E8 !important;
	border:0px !important;
	min-width: 400px !important;
	
}

/* active menu item */
.current-menu-item {
	text-decoration: underline;
	text-decoration-color: #c63a1e;	
	text-underline-offset: 1rem;
	text-decoration-thickness: 2px;
}

li.wp-block-navigation-item {
		padding:15px !important;
}

li.wp-block-navigation-item:hover {
	background-color:#c63a1e ;
	color:white;
}
/* keep nav menu on top */
.on-top{
	z-index:999;
}
/* set the top padding for anchor links so it doesn't get pushed under the sticky nav header */
html {
  scroll-padding-top: 8rem;
}


/* end menu css */


/* Page and post breadcrumbs.  Code in the functions.php */
.breadcrumbs {
	margin: 0;
	padding: 0;
	overflow: hidden;

	background-color: #f3f3f3;
}
.breadcrumbs li {
	float:left;
	padding:10px;
	list-style-type: ">" ;
    }
/* end breadcrumbs css */

.wp-block-separator {
    width: 50%;
    display: block;
}
ul li {
	list-style-type: '\2014';
}
li {
	padding-bottom: 1rem;
	padding-left:1.2rem;
}

.post_date_display::before {
	content: "Date created  ";
}

.post_date_modified_display::before {
	content: "Date modified  ";
}
.post_nav_separator {
	width: 100% !important;
}
.wp-block-post-template li{
	list-style-type:none;
}
.post_nav_cats {		
	padding-inline-start: 15px;
}
.post_nav_cats li {
	list-style-type: none;
	line-height: 2rem;
	padding-left: 5px;
}
/*hero style page template */
.m-hero--style-1__title:after {
    content: '';
    width: 68px;
    height: 5px;
    background-color: #E64626;
    display: block;
    margin-top: 32px;
}
.m-hero--style-1__wrapper {
    border-bottom: 5px solid #E64626;
}

/* controls the search field in the header */
.wp-block-search.wp-block-search__button-only .wp-block-search__button {  
    max-width: calc(100% - 0px) !important;
}
/* stops the browser user agent style for the outline when the search field has focus */
#wp-block-search__input-2, #wp-block-search__input-5{
	outline:0;
}

/*style the accordion|toggle|detail block */
.wp-block-details summary {
	font-size:1.2rem;
    font-weight: 900;
    text-decoration: underline;}
.wp-block-details summary::after {
	content: '+';
	color:#e64626;
	float:right;
	font-size: 2.5rem;
font-weight:400;}
.wp-block-details summary::marker{
	content: none ;}
/* end detail block style */

/*table design formatting */
table, th, td {
    border: #ced4da 1px solid !important;
    padding: 10px;
}
tr:nth-child(odd) {
    background-color: #E7E7E8;
}
table {
    border-collapse: collapse;
}
th {
	background-color: #424242;
	color: white;
}
/*end table design*/


#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
}


#return-to-top {
  position: fixed;
  bottom: 40px;
  right: 40px;
  background: #000;
  color: whitesmoke;
  text-align: center;
  padding: 10px 15px;
  font-size: 20px;
  
  text-decoration: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
  z-index: 999;
}

#return-to-top:hover {
  background: #444;
}

#return-to-top.show {
  opacity: 1;
  visibility: visible;
}