/*
Theme Name:		 School Rubric
Theme URI:		 https://www.schoolrubric.org/
Description:	 Theme by Site <a href=\"https://www.schoolrubric.org/\">https://www.schoolrubric.org/</a>
Author:			 Vasyl Ocheretianyi
Author URI:		 https://www.schoolrubric.org/
Template:		 hello-elementor
Version:		 1.0.0
Text Domain:	 School-rubric
-------------------------------------------------------------- */

/* =Theme customization starts here
------------------------------------------------------- */

/* Global custom styling */
.theme-color-divider {
    text-align: center;
    padding-bottom: 20px;
}

.theme-color-divider::after {
  content: "";
  display: block;
  width: 200px;
  padding: 10px 0;
  margin: 0 auto;
  border-bottom: solid 2px #5290f4;
}
.tutor-form-row-bottom {
    display: flex;
    flex-direction: row;
}
.tutor-form-social {
    flex: 30%;
    padding: 15px;
}
.tutor-form-register {
    flex: 70%;
    padding: 15px;
}

.tutor-reg-consent {
    padding: 10px 0;
}

.tutor-form-row-details-consent span {
    padding-left: 10px;
}

@media only screen and (max-width: 980px) {
    .tutor-form-row-bottom {
        flex-direction: column;
    }
    .tutor-form-social {
        flex: 100%;
    }
    .tutor-form-register {
        flex: 100%
    }
}

/* Single post style */
.post-wrapper,
.school-wrapper {
    width: 1200px;
    font-size: 16px;
    font-family: roboto;
     margin: 0 auto;
     padding: 40px 0;
}

figure {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
}

.school-wrapper h1, .school-wrapper h2, .school-wrapper h3, .school-wrapper h4, .school-wrapper h5, .school-wrapper h6,
.post-wrapper h1, .post-wrapper h2, .post-wrapper h3, .post-wrapper h4, .post-wrapper h5, .post-wrapper h6 {
        font-family: raleway;
        font-weight: 600;
}

.posts-table {
    display: flex;
    flex-direction: row;
}

.posts-main {
    flex: 1 75%;
    min-width: 800px;
}
.featured-image-caption {
    text-align: center;
    font-style: italic;
    padding-bottom: 20px;
}
.posts-sidebar {
    flex: 2 25%;
    padding-left: 40px;
}

.post-bottom-category {
    padding: 40px 0;
}

.post-bottom-category ul li {
  display: inline;
  list-style-type: none;
}

.post-bottom-category ul {
    padding-inline-start: 0;
}

.post-bottom-category ul li a {
    padding: 10px;
    margin-right: 10px;
    color: #fff;
    background-color: #5290f4;
}

.post-bottom-category ul li a:hover {
    background-color: #7f12af;
}

.post-bottom-headings {
    font-weight: 600;
    padding-bottom: 10px;
}

.post-bottom-headings a {
    font-weight: 400;
}

.post-bottom-headings ul {
    display: inline-block;

}

.related-articles {
    padding: 40px 0;
}

.relatedposts {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

    column-gap: 20px;
    row-gap: 20px;
}

.relatedthumb {
    flex: 0 0 240px;
    background-color: #f8f8f8;
}

.posts-main {
    flex: 0 1 20%;
    width: 100%;
}

.posts-author {
    background-color: #f8f8f8;
    padding: 20px;
    margin: 20px 0;
    display: flex;
    align-items: flex-start;
}

.posts-author img {
    border-radius: 50%;
}

.posts-author-info {
    padding-left: 20px;
}

.posts-author-info span {
    font-weight: 600;
    font-size: 20px;
}

.posts-author-links {
    padding-top: 10px;
}

.posts-author-links a {
    padding: 5px;
}

.posts-author-links a i {
    font-size: 20px;
}

.top-author-section {
    display: flex;
    padding-bottom: 20px;
}

.top-posts-author,
.top-posts-caterory {
    vertical-align: middle;
    background-color: #f8f8f8;
    padding: 10px;
    margin: 10px 10px 10px 0;
}

.top-posts-author {
    flex: 1 1 65%;
}
.top-posts-caterory {
    flex: 1 1 35%;
}

.top-posts-author-wrap {
    padding: 10px;
    display: flex;
    align-items: center;
}


.bottom-posts-author-wrap {
    padding: 10px;
    display: flex;
    align-items: start;
}

.top-posts-author-image {
    flex: 0 0 10%;
}

.bottom-posts-author-image {
    flex: 0 0 15%;
}

.top-posts-author-image img, .bottom-posts-author-image img  {
    border-radius: 50%;
}

.top-posts-author-info {
    flex: 0 0 90%;
}

.bottom-posts-author-info {
    flex: 0 0 85%;
}

.bottom-posts-author-name {
    font-size: 22px;
}

.top-posts-date {
    padding-top: 10px;
}

.top-posts-author-name {
    color: #000!important;
}

.top-posts-author-name:hover {
    color: #434959!important;
}


@media only screen and (max-width: 980px) {
    .top-posts-author-wrap {
        flex-direction: column;
        align-items: center;
    }
    .posts-main {
        min-width: 200px;
    }
    .top-posts-date {
        text-align: center;
    }

    .bottom-posts-author-wrap {
        flex-direction: column;
    }

}

.top-posts-caterory {
    background-color: #f8f8f8;
    margin: 10px 0 10px 0;
    padding: 20px;
}

.top-posts-author-info {
    padding-left: 20px;
    font-size: 17px;
}

.top-posts-author-info span {
    font-weight: 600;
}

.top-posts-category-date {
    padding-bottom: 20px;
}

.top-posts-caterory ul li{
    list-style-type: none;
    margin-inline-start: 0;
    padding: 15px 0;
}

.top-posts-caterory ul li a {
    padding: 10px;
    margin: 0 10px 10px 0;
    color: #fff;
    background-color: #5290f4;
}

.top-posts-caterory ul li a:hover {
    background-color: #7f12af;
}

.top-posts-caterory ul {
    padding-inline-start: 0;
}

.top-posts-caterory ul li{
    display: inline-block;
}

@media only screen and (max-width: 980px) {
  .top-author-section {
      flex-direction: column;
      align-items: left;
  }
 }

.inner-relatedthumb {
    padding: 10px 20px;
}

.inner-relatedthumb-category ul {
    padding-inline-start: 0;
    margin-bottom: 10px;
}

.inner-relatedthumb-category ul li {
  display: inline;
  list-style-type: none;
  padding: 5px;
  background-color: #7f12af;
  color: #fff;
  font-size: 10px;
}

.inner-relatedthumb-category ul li a {
  color: #fff;
}

.inner-relatedthumb-category ul li:hover {
  background-color: #5290f4;
}

.relatedthumb-title {
    padding: 10px 0;
    font-weight: 600;
}

.relatedthumb-author {
    display: flex;
    align-items: center;
    font-size: 14px;
    vertical-align: middle;
}

.relatedthumb-author img {
    border-radius: 50%;
}

.relatedthumb-author span {
padding: 10px;
}

@media only screen and (max-width: 980px) {
  .relatedposts {
    flex-direction: column;
  }
  .posts-table {
    flex-direction: column;
  }
  .post-wrapper,
  .school-wrapper {
     padding: 20px;
     width: 100%;
  }
  .posts-main img {
      width: 100%;
  }
}

/* Podcast item page style */
.podcast-latest {
    padding: 10px 20px 10px 0;
    display: inline-block;
}

.podcast-iframe-current {
    padding: 40px 0;
    margin: 20px auto;
    display: block;
    background-color: #5290f4;
}


.podcast-iframe {
    padding: 40px 0;
    margin: 20px auto;
    display: block;
    background-color: #00C28E;
}

.podcast-iframe-current h2,
.podcast-iframe h2 {
    color: #fff;
    padding-bottom: 20px;
}


/* Show single page styling */
.show-video {
    padding-bottom: 40px;
}

.top-show-caterory {
    flex: 1 1 50%;
    vertical-align: middle;
    background-color: #f8f8f8;
    margin: 10px;
    padding: 10px;
}

.top-show-caterory ul li{
    list-style-type: none;
    margin-inline-start: 0;
    padding: 5px 15px 5px 5px;
}

.top-show-caterory ul {
    padding-inline-start: 0;
}

.top-show-caterory ul li{
    display: inline-block;
}

.show-share {
    padding: 20px 0;
}

/* Author page template styling */

.author-posts {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: stretch;
    gap: 20px;
    padding-top: 40px;
}

.author-posts-item {
    flex: 1 1 30%;
    background-color: #f8f8f8;
     align-self: stretch;
}

.author-posts-item-text {
    padding: 20px 20px 0 20px;
}

.author-posts-item-text h3 {
    font-size: 20px;
}

@media only screen and (max-width: 980px) {
  .author-posts {
    flex-direction: column;
  }

  .author-posts-item {
     width: 100%;
  }
}

/* School item post type style */

.school-table {
    display: flex;
    flex-direction: row;
}

.school-main {
        flex: 1 70%;
        padding-right: 40px;
}

.school-sidebar {
        flex: 2 30%;
}

.school-sidebar h4 {
    margin: 8px 0;
}

.school-sidebar h5 {
    margin: 0;
}

.school-head {
    display: flex;
    flex-direction: row;
    padding: 20px 0;
}

.school-head-logo {
    flex: 1 7%;
    align-self: center;
    }

.school-head-name {
    flex: 2 60%;
    align-self: center;
    padding-left: 10px;
}

.school-head-share {
    flex: 3 30%;
    align-self: center;
    justify-content: right;
}

.school-head-name h1 {
    font-size: 24px;
    margin: 0 0 8px 0;
}

.school-social-head-icons {
    padding: 5px;
}

.school-social-icons {
    font-size: 20px;
    padding: 10px;
    color: #8ad7b0;
    border: solid 1px #8ad7b0;
    padding: 12px;
    margin: 4px;
    width: 46px;
    text-align: center;
}
.school-social-icons:hover {
    background-color: #24c0d7;
    color: #fff;
    border: none;
}
.school-contact {
    font-size: 22px;
    padding: 10px;
    color: #5290f4;
}

.school-contact:hover {
    color: #434858;
}

.widget div.gmw-single-location-wrapper, div.gmw-single-location-wrapper {
    padding: 0;
    border: none;
    border-radius: 0;
    margin-bottom: 0;
}

.school-divider {
    margin-top: 40px;
}

.name-message {
    padding-top: 20px;
    color: #888888;
    font-weight: 400;
}
.school-rewiews h4, .school-main h4 {
    padding-top: 20px;
}

.school-image {
    width: 758px;

    height: 426px;
    object-fit: cover;
}

.head-of-school img {
    border-radius: 50%;
}

#vidwrap {
    display: flex;
    justify-content: center;
    align-items: center;
    height:800px;
}

.playbutton {
    background: url('/wp-content/uploads/2021/10/play-button-white.png') center center no-repeat;
    background-size: contain;
    cursor:pointer;
    position: relative ;
    width: 100px;
    height: 100px;
    z-index: 10;
    opacity:0.6;
}

#vidwrap:hover .playbutton {
    opacity:1.0;
}

.address-line {
    padding-bottom: 20px;
}

.write-a-review-button {
    margin-bottom: 20px;
}

.write-a-review-button a{
    color: #fff;
}

@media only screen and (max-width: 767px) {
  .school-head, .school-table {
    flex-direction: column;
  }

  .school-main, .school-sidebar, .school-head-logo, .school-head-name, .school-social-icons {
      flex: 100%
  }

  .school-wrapper {
      width: 100%;
      padding: 20px;
  }
  .school-main {
      padding-right: 0;
  }
  .school-head-name {
         justify-content: center;
  }

  .school-head-share {
      justify-content: left;
  }

  #vidwrap {
      height:400px;
  }
}
/* End of School item post type style */
/* Schools list */
.list-schools {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.list-schools-item {
     flex: 0 1 33%;
     width: 100%;
     padding: 10px;
}

h2.list-schools-country {
    font-size: 20px;
    margin-top: 40px;
    padding-left: 10px;
    border-left: solid 2px #00c38d;
}

@media only screen and (max-width: 767px) {
  .list-schools-item {
    flex-direction: column;
    flex: 100%;
  }
}

/* End of Schools list */
/* Custom post type container */

.custom-page-container {
	width: 1240px;
	margin: 0 auto;
	padding: 40px 0;
}

@media only screen and (max-width: 767px) {
	.custom-page-container {
		width: 100%;
		margin: 0 auto;
		padding: 40px 20px;
		}
}
/* Magazine list */
.magazines-page {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.magazines-sidebar {
    flex: 10%;
}

.magazines-main {
    flex: 85%;
}

.interact-magazines-sidebar {
    flex: 100%;
    padding: 10px;
}

.interact-magazines-main {
    flex: 100%;
}

ul.magazine-cat-list {
    padding: 0 0 20px 0;
}
ul.magazine-cat-list li {
      display: inline-block;
      margin: 10px;
}
ul.magazine-cat-list li a {
    font-size: 18px;
    font-weight: 600;
    background-color: #24c0d7;
    width: 74px;
    height: 74px;
    text-align: center;
    padding: 0;
    color: #fff;
    border: 1px solid #5290f4;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

ul.magazine-cat-list li a:hover,
ul.magazine-cat-list li a.active {
    background-color: #5290f4;
}

.list-magazines {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.list-magazines-item {
     flex: 0 1 33%;
     width: 100%;
     padding: 0 20px 40px 20px;
}

.item-card-content {
    padding: 0 0 40px 0;
}
.item-card-content h2 {
    font-size: 16px;
    font-weight: 600;
}

@media only screen and (max-width: 767px) {
  .list-magazines-item {
    flex-direction: column;
  }

  .list-magazines-item {
      flex: 100%
  }
}

/* Book list */
.books-page {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.books-sidebar {
    flex: 25%;
}

.books-main {
    flex: 75%;
}

ul.book-cat-list {

}
ul.book-cat-list li {
    list-style-type: none;
        padding: 5px 0;
}
ul.book-cat-list li a {
    font-size: 18px;
    font-weight: 600;
}

ul.book-cat-list li a:hover,
ul.book-cat-list li a.active {
    color: #fff;
    background-color: #5290f4;
    padding: 5px;
}

.list-books {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.list-books-item {
     flex: 0 1 33%;
     width: 100%;
     padding: 20px;
}

.item-card-content {
    padding: 0 0 20px 0;
}
.item-card-content h2 {
    font-size: 16px;
    font-weight: 600;
}

@media only screen and (max-width: 767px) {
  .list-books-item {
    flex-direction: column;
    flex: 100%;
  }
}

.book-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.book-cover {
    flex: 30%;
    padding-right: 60px;
}

.book-info {
    flex: 70%;
}

/* End of Custom post type container */

#wp_pagination {
    padding-top: 40px;
}