/*
* CCYC Conference
*/

/*
* vars & functions
*/
$utred: #E31837;
$utteal: #008BB0; //633
$utblue: #002a5c;
$uoftblue: #002a5c;
$yellow: #ffe131;

$breakpoints: (
  'xs': (max-width: 480px),
  'vs': (min-width: 481px),
  'sl': (min-width: 540px),
  'ss': (min-width: 600px),
  'sm': (min-width: 768px),
  'mm': (min-width: 850px),
  'md': (min-width: 992px),
  'lg': (min-width: 1200px),
  'vl': (min-width: 1400px),
);

@mixin respond-to($breakpoint) {
  $raw-query: map-get($breakpoints, $breakpoint);

  @if $raw-query {
    $query: if(type-of($raw-query) == 'string', unquote($raw-query), inspect($raw-query));

    @media #{$query} {
      @content;
    }
  } @else {
    @error 'No value found for `#{$breakpoint}`. '
         + 'Please make sure it is defined in `$breakpoints` map.';
  }
}

/*
* Changes
*/

.btn {border-radius:3px!important}


.site-branding .site-logo--header {
    margin: .25em;
    max-width: 200px;
}
.faculty-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1em;
}

/*SYMPOSIUM & SPONSORSHIP*/

.page-id-300 .wrap, .page-id-14 .wrap{
	background: white;
}
.symposium {
	border: 1px solid #444;
	padding: 2em;
	align-items: center;
	margin-bottom: 2em;
}
.symposium h2 small{
	color: #444;
}
.symposium .sponsor {
	text-align: center;
	font-size: 0.65em;
}
.symposium .sponsor img {
	max-width: 100%;
}

.symposium .sponsor p {
	margin: 0;
}

@media only screen and (min-width: 700px) {
	.symposium {
		display: grid;
		grid-template-columns: 4fr minmax(300px,1fr);
		gap: 1em;
	}
}

.leader, #heading .wrap.wrap-page .image {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.home-content-row .wrap {
	background-image: -webkit-linear-gradient(315deg, rgba(244,244,244,0.07) 0%, rgba(244,244,244,0.07) 12.5%, rgba(211,211,211,0.07) 12.5%, rgba(211,211,211,0.07) 25%, rgba(178,178,178,0.07) 25%, rgba(178,178,178,0.07) 37.5%, rgba(145,145,145,0.07) 37.5%, rgba(145,145,145,0.07) 50%, rgba(113,113,113,0.07) 50%, rgba(113,113,113,0.07) 62.5%, rgba(80,80,80,0.07) 62.5%, rgba(80,80,80,0.07) 75%, rgba(47,47,47,0.07) 75%, rgba(47,47,47,0.07) 87.5%, rgba(14,14,14,0.07) 87.5%, rgba(14,14,14,0.07) 100%), linear-gradient(45deg, rgba(236,236,236,0.07) 0%, rgba(236,236,236,0.07) 12.5%, rgba(210,210,210,0.07) 12.5%, rgba(210,210,210,0.07) 25%, rgba(183,183,183,0.07) 25%, rgba(183,183,183,0.07) 37.5%, rgba(157,157,157,0.07) 37.5%, rgba(157,157,157,0.07) 50%, rgba(130,130,130,0.07) 50%, rgba(130,130,130,0.07) 62.5%, rgba(104,104,104,0.07) 62.5%, rgba(104,104,104,0.07) 75%, rgba(77,77,77,0.07) 75%, rgba(77,77,77,0.07) 87.5%, rgba(51,51,51,0.07) 87.5%, rgba(51,51,51,0.07) 100%), linear-gradient(90deg, #fff, #fff);
	background-image: linear-gradient(135deg, rgba(244,244,244,0.07) 0%, rgba(244,244,244,0.07) 12.5%, rgba(211,211,211,0.07) 12.5%, rgba(211,211,211,0.07) 25%, rgba(178,178,178,0.07) 25%, rgba(178,178,178,0.07) 37.5%, rgba(145,145,145,0.07) 37.5%, rgba(145,145,145,0.07) 50%, rgba(113,113,113,0.07) 50%, rgba(113,113,113,0.07) 62.5%, rgba(80,80,80,0.07) 62.5%, rgba(80,80,80,0.07) 75%, rgba(47,47,47,0.07) 75%, rgba(47,47,47,0.07) 87.5%, rgba(14,14,14,0.07) 87.5%, rgba(14,14,14,0.07) 100%),linear-gradient(45deg, rgba(236,236,236,0.07) 0%, rgba(236,236,236,0.07) 12.5%, rgba(210,210,210,0.07) 12.5%, rgba(210,210,210,0.07) 25%, rgba(183,183,183,0.07) 25%, rgba(183,183,183,0.07) 37.5%, rgba(157,157,157,0.07) 37.5%, rgba(157,157,157,0.07) 50%, rgba(130,130,130,0.07) 50%, rgba(130,130,130,0.07) 62.5%, rgba(104,104,104,0.07) 62.5%, rgba(104,104,104,0.07) 75%, rgba(77,77,77,0.07) 75%, rgba(77,77,77,0.07) 87.5%, rgba(51,51,51,0.07) 87.5%, rgba(51,51,51,0.07) 100%),linear-gradient(90deg, #fff, #fff)
}

#hot-topics-361 {
    ul {
        list-style: none;
        margin: 0; padding: 0;
        li {
            font-size: .9em;
        }
    }
}

#learning-objectives-367 {
    h2 {
        text-align: left;
        margin-bottom: 0;
    }
    ul {
        list-style: none;
        padding: 0;
        margin: 0 auto 0 auto;
        text-align: center;
        max-width: 100%;
        display: flex;
        flex-flow: row wrap;
        gap: 2rem;
        justify-content: center;
    }
    li {
        text-align: left;
        flex: 1;
        min-width: 200px; max-width: 250px;
        padding: 2rem;
        margin-bottom: 0;
        background: white;
        
        &:before {
            content: ' ';
            width: 33%;
            height: 3px;
            background: $utteal;
            display: block;
            margin-bottom: .75rem;
        }
    }
    li p {
        margin: 0;
        font-size: .85em;
        font-weight: 900;
        color: #444;
    }
}

By admin

Leave a Reply

Your email address will not be published.