/*
 Theme Name:   UCLA-WP Child
 Theme URI:    http://stratcomm.ucla.edu
 Description:  UCLA Strategic Communications Child Theme
 Author:       Strategic Communications
 Author URI:   http://stratcomm.ucla.edu
 Template:     ucla-wp
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         ucla, child
 Text Domain:  uclawpchild
*/

 /* Single.php page */

.col {
    float: none !important;
}

.col, .span_9_of_12 {
    margin: 0 auto !important;
}

.singlecol {
    width: 75% !important;
}

h1.entry-title {
    font-size: 2.54rem;
}

div.time {
    padding: 8% 0 3%;
    font-weight: bold;
    color: #333;
}

.wp-block-column p {
    padding-bottom: 0px;
}

.foot-upper_address img {
    width: 77px;
}

.custom-template-hero-three_title::before {
    height: 135px;
}

/*mobile*/
@media screen and (max-width: 600px) {
    .ribbon {
        max-width: 300px;
    }
}

@media screen and (max-width: 767px) {
    .site-name a {
        max-width: 170px;
        line-height: 1.2em;
    }

    #header {
        height: 183px !important;
    }

    .desktop {
        display: none;
    }
}

/*tablet*/
@media screen and (min-width: 601px) and (max-width: 767px) {
    .ribbon {
        max-width: 300px;
    }
}

@media screen and (max-width: 781px) {
    .wp-block-column:not(:only-child) {
        flex-basis: 80% !important;
    }
}

/*desktop*/
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .ribbon{
        max-width: 600px;
    }

    .site-name a {
        max-width: 500px;
        line-height: 1.2em;
    }

    #header {
        height: 183px;
    }
}

@media screen and (min-width: 1024px) {
    .custom-template-hero-three_title {
        padding-left: 0px;
    }

    #header .header-logo {
        padding: 12px 24px;
    }

    .site-name a {
        max-width: 500px;
        line-height: 1.2em;
    }
}

@media screen and (min-width: 768px) {
    .mobile { 
        display: none;
    }
}