@charset "utf-8";
/*

Green: #006750
Light Blue: #018592
Dark Blue: #09486b
Green/Yellow: #9ea70c   
Pink: #f1674a
Purple: #81375d 
Grey: #c6c8ca
*/

/* ==================================================================================================== */
/* Default */
/* ==================================================================================================== */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body { font-family: 'Montserrat', sans-serif; font-size: 1.8rem; line-height: 1.4; font-weight: 300; letter-spacing: 0.5px; color: #22372b; overflow-x: hidden;}
a { text-decoration: none; }
a:hover, a:active, a:focus, a:visited { text-decoration: none; }
h1, h1 a { }
h2, h2 a { }
h3, h3 a { }
h4, h4 a { font-family: 'Montserrat', sans-serif; font-size: 19px; font-weight: normal; line-height: 25px; letter-spacing: 0; text-transform: none; color: #006750; background-color: #fff; }
h5, h5 a { }
h6, h6 a { padding: 5px 10px; }
i,em { font-style: italic; }
b,strong { font-weight: bold; }


/* ==================================================================================================== */
/* Common */
/* ==================================================================================================== */
.clear, .clearBoth { clear: both; }
.layout { max-width: 1200px; margin: 0 auto; }
.layout-list { max-width: 750px; margin: 0 auto; }
.layout-article { max-width: 750px; margin: 0 auto; }
.grey-spacer-large { clear: both; background-color: #c6c8ca; height: 10px; margin: 36px 0; }
.smallerFont { font-size: 11px; line-height: 15px; } 


/* ==================================================================================================== */
/* Header */
/* ==================================================================================================== */
header { background-color: #006750; height: 176px; }
header .layout { height: 176px; }

header #link-nav { height: 176px; text-align: right; padding: 35px 0 0 0;}
header #link-contact { height: 176px; padding: 35px 0 0 0;}
header #link-nav a, header #link-contact a { font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: normal; line-height: 13px;  color: #fff;  text-transform: uppercase; text-align: center; border-bottom: 3px solid #fff; }
header #link-nav a:hover, header #link-contact a:hover { text-decoration: none; }

header #logo { text-align: center; }
header #logo .college-name { padding: 85px 0 0 0; text-align: right;  }
header #logo .college-name a { color: #9ea70c; }
header #logo .college-name a:hover { color: #9ea70c; }
header #logo .scope-logo { padding: 56px 15px 0 15px; text-align: center; }
header #logo .scope-logo img { max-width: 100%; }
header #logo .issue-number { padding: 85px 0 0 0; text-align: left; }
header #logo .issue-number a { color: #9ea70c; }
header #logo .issue-number strong, header #logo .issue-number b { font-family: 'Montserrat', sans-serif; font-size: 17px; font-weight: 700; line-height: 17px; letter-spacing: 3px; color: #9ea70c; text-transform: uppercase;  }
header .college-name, header .issue-number { font-family: 'Montserrat', sans-serif; font-size: 17px; font-weight: 700; line-height: 17px; letter-spacing: 3px; color: #9ea70c; text-transform: uppercase; }

header .navigation { float: left; width: 12.5%; }
header #logo { float: left; width: 75%; }
header .contact { float: left; width: 12.5% }

header #logo .college-name { float: left; width: 28%; }
header #logo .scope-logo { float: left; width: 44%;  }
header #logo .issue-number { float: left; width: 28%; } 

/* ==================================================================================================== */
/* Navigation Drop Down */
/* ==================================================================================================== */
#nav { display: none; position: absolute; z-index: 15; background-color: #006750; width: 100%; left: 0; right: 0; top: 56px; padding: 30px 0; }
#nav .side-text { padding-top: 85px; font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: normal; line-height: 18px; letter-spacing: 0; color: #fff; text-transform: none; }
#nav .side-text img { margin: 30px 0 0 0; max-width: 100%; }
#nav ul { }
#nav ul li { text-align: center; padding: 20px 0; border-bottom: 1px solid #c6c8ca; }
#nav ul li a { font-family: 'Montserrat', sans-serif; font-size: 50px; font-weight: 700; line-height: 50px; letter-spacing: 1px; color: #9ea70c; text-transform: none; }
#nav ul li a:hover { color: #fff; }
#nav ul li:last-child { border-bottom: none; }

/* ==================================================================================================== */
/* Featured Image */
/* ==================================================================================================== */
#featured-image { height: 500px; background-size: cover; background-repeat: no-repeat; background-position: center;}
#featured-image a { width: 100%; height: 100%; display: block; }
#featured-image a.ou-btn { width: auto; height: auto; display: inline-block; }

#featured-image-new { }
#featured-image-new p { margin: 0; }
#featured-image-new img { max-width: 100%; width: 100%; height: auto; display: block; }
#featured-image-new a { display: block; }


/* ==================================================================================================== */
/* Featured Articles */
/* ==================================================================================================== */
#featured-articles { clear: both; }
#featured-articles .featured-article .title span.title-link { display: block; text-align: center; font-family: 'Montserrat', sans-serif; font-size: 40px; font-weight: normal; line-height: 40px; letter-spacing: 0; color: #fff;  text-transform: none; padding: 25px 0; cursor: pointer; }
#featured-articles .featured-article .title p { margin: 0 0 0 0; }
#featured-articles .featured-article .title span.title-link i, #featured-articles .featured-article .title span.title-link em { font-family: 'Montserrat', sans-serif; font-style: normal; padding: 0 0 0 30px; }
#featured-articles .featured-article .layout-article { padding: 15px 0 30px 0; background-color: #fff; }
#featured-articles .featured-article .category { font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 700; line-height: 15px; letter-spacing: 0; color: #f1674a;  text-transform: none; padding: 0 60px 5px 60px; }
#featured-articles .featured-article h1 { font-family: 'Montserrat', sans-serif; font-size: 28px; font-weight: 400; line-height: 28px; letter-spacing: 0; color: #018592;  text-transform: none; padding: 0 60px 15px 60px; }
#featured-articles .featured-article h1 p { margin: 0 0 0 0; }
#featured-articles .featured-article .hero-image { margin: 0 0 0 0; }
#featured-articles .featured-article .hero-image img { max-width: 100%; height: auto!important; }
#featured-articles .featured-article .hero-image p { margin: 0 0 0 0; }
#featured-articles .featured-article .text { padding: 30px 60px; position: relative; min-height: 300px; }
#featured-articles .featured-article .text ul, #featured-articles .featured-article .text ol { margin: 0 0 10px 30px; }
#featured-articles .featured-article .text ul li { list-style: disc; }
#featured-articles .featured-article .text ol li { list-style: decimal; }
#featured-articles .featured-article .text a { font-weight: 600; color: #018592;  }
#featured-articles .featured-article .text a:hover { text-decoration: underline;  }
#featured-articles .featured-article .text img { max-width: 100%; height: auto!important }
#featured-articles .featured-article .text h1 { padding: 0; }
#featured-articles .featured-article .text .side-text { position: absolute; width: 160px; background-color: #fff; padding: 18px; top: 125px; left: -160px; color: #006750 }
 
#featured-articles #featured-article-1 { background-color: #bfe0e4; }
#featured-articles #featured-article-1 .title { background-color: #018592; }
#featured-articles #featured-article-1 article { border-bottom: 30px solid #bfe0e4; }
#featured-articles #featured-article-2 { background-color: #e7e9c2; }
#featured-articles #featured-article-2 .title { background-color: #9ea70c; }
#featured-articles #featured-article-2 article { border-bottom: 30px solid #e7e9c2; }
#featured-articles #featured-article-3 { background-color: #fcd9d2; }
#featured-articles #featured-article-3 .title { background-color: #f1674a; }
#featured-articles #featured-article-3 article { border-bottom: 30px solid #fcd9d2; }
#featured-articles #featured-article-4 { background-color: #e0cdd7; }
#featured-articles #featured-article-4 .title { background-color: #81375d; }
#featured-articles #featured-article-4 article { border-bottom: 30px solid #e0cdd7; }

#featured-articles article { display: none; }


/* ==================================================================================================== */
/* Articles */
/* ==================================================================================================== */
#articles { clear: both; }

#articles .also { text-align: center;  padding: 36px 0; }
#articles .also a { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 700; line-height: 16px; letter-spacing: 0; color: #018592;  text-transform: uppercase; border-bottom: 2px solid #018592; }

#articles #headline-articles { }
#articles #headline-articles .headline-article { }
#articles #headline-articles .headline-article .category { padding: 0 0 15px 0; }
#articles #headline-articles .headline-article .category a { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 700; line-height: 16px; letter-spacing: 0; color: #000;  text-transform: none; }
#articles #headline-articles .headline-article .image { }
#articles #headline-articles .headline-article .image img { max-width: 100%; }
#articles #headline-articles .headline-article .social { text-align: center; padding: 5px 0; }
#articles #headline-articles .headline-article .social .social-count-comments { background-image: url("/scope-monthly/images/icon-comment.png"); background-repeat: no-repeat; background-position: 0 2px; padding: 0 10px 0 20px; margin-left: 20px; }
#articles #headline-articles .headline-article .social .social-count-likes { background-image: url("/scope-monthly/images/icon-like.png"); background-repeat: no-repeat; background-position: 0 2px; padding: 0 20px 0 20px; margin-left: 10px; }
#articles #headline-articles .headline-article .title { text-align: left; }
#articles #headline-articles .headline-article .title a { font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: normal; line-height: 24px; letter-spacing: 0; color: #09486b;  text-transform: none; }
#articles #headline-articles .headline-article .description { padding: 5px 0; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 400; line-height: 22px; letter-spacing: 0; color: #09486b;  text-transform: none;  }

#articles #headline-articles .headline-article .category.connections a { color: #81375d; } 
#articles #headline-articles .headline-article .category.skidbits a { color: #006750; }
#articles #headline-articles .headline-article .category.headliners a { color: #f1674a; }
#articles #headline-articles .headline-article .category.happenings a { color: #9ea70c; }

.additional-articles { clear: both;   }
.additional-articles .additional-article { margin: 0 0 30px 0;  }
.additional-articles .additional-article .category { padding: 0 0 15px 0; } 
.additional-articles .additional-article .category a { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 700; line-height: 16px; letter-spacing: 0; color: #000;  text-transform: none; }
.additional-articles .additional-article .title { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 700; line-height: 14px; letter-spacing: 0; color: #09486b;  text-transform: uppercase; margin-bottom: 5px; }
.additional-articles .additional-article .title a { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 700; line-height: 14px; letter-spacing: 0; color: #09486b;  text-transform: uppercase; }
.additional-articles .additional-article .description { font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 400; line-height: 18px; letter-spacing: 0; color: rgba(0,0,0,0.75);  text-transform: none; }
.additional-articles .additional-article .description p a{font-weight: 600;color: #006752;}
.additional-articles .additional-article .social { text-align: right; padding: 5px 0; display: none; }
.additional-articles .additional-article .social .social-count-comments { background-image: url("/scope-monthly/images/icon-comment.png"); background-repeat: no-repeat; background-position: 0 2px; padding: 0 10px 0 20px; margin-left: 20px; }
.additional-articles .additional-article .social .social-count-likes { background-image: url("/scope-monthly/images/icon-like.png"); background-repeat: no-repeat; background-position: 0 2px; padding: 0 0 0 20px; margin-left: 10px; }
.additional-articles .additional-article .image { margin: 0 0 15px 0; }
.additional-articles .additional-article .image a { display: block; } 
.additional-articles .additional-article .image img { max-width: 100%; }


.additional-articles .additional-article .category.connections a { color: #81375d!important; }
.additional-articles .additional-article .category.skidbits a { color: #006750!important; }
.additional-articles .additional-article .category.headliners a { color: #f1674a!important; }
.additional-articles .additional-article .category.happenings a { color: #9ea70c!important; }

/* ==================================================================================================== */
/* Footer */
/* ==================================================================================================== */
footer { background-color: #006750; padding: 22px 0 25px 0; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 400; line-height: 14px; letter-spacing: 0; color: #fff;  text-transform: none; }
footer a { color: #fff; }
footer a:hover { color: #fff; }
footer .text-small { font-size: 11px; line-height: 14px; padding: 5px 0 0 0; }
footer .text-large { font-size: 13px; line-height: 16px; text-transform: uppercase; padding: 5px 0 0 0; }
footer .text-large a { border-bottom: 2px solid #fff; }

/* ==================================================================================================== */
/* OU Link */
/* ==================================================================================================== */
body > a { width: 20px; height: 20px; position: absolute; top: 0; left: 0; }

/* ==================================================================================================== */
/* Page Layout */
/* ==================================================================================================== */
#page-layout { background-color: #bfe0e4; }
#page-layout .page-title { background-color: #018592;  padding: 25px 0; }
#page-layout .page-title h1 { font-size: 40px; line-height: 40px; color: #fff; margin: 0; text-align: center; }
#page-layout .page-title p { margin: 0; }
#page-layout .text {  }
#page-layout .text .layout-article { background-color: #fff; padding: 40px 60px 40px 60px; min-height: 600px; }
#page-layout .text  ul, #page-layout .text  ol { margin: 0 0 10px 30px; }
#page-layout .text  ul li { list-style: disc; }
#page-layout .text  ol li { list-style: decimal; }
#page-layout .text  a { color: #018592; font-weight: bold; }
#page-layout .text  a:hover { text-decoration: underline;  }
#page-layout .text  img { max-width: 100%; height: auto!important }
#page-layout .text  h1 { padding: 0; }

#page-layout.headliners { background-color: #fcd9d2;  }
#page-layout.headliners .page-title { background-color: #f1674a; } 
#page-layout.skidbits { background-color: #bfe0e4; }
#page-layout.skidbits .page-title { background-color: #018592; }
#page-layout.happenings { background-color: #e7e9c2;  }
#page-layout.happenings .page-title { background-color: #9ea70c; }
#page-layout.connections { background-color: #e0cdd7 }
#page-layout.connections .page-title { background-color: #81375d; }


/* ==================================================================================================== */
/* Extra */
/* ==================================================================================================== */
.ldpforms { margin: 0 0 20px 0; }
.ldpforms label { display: block; font-weight: 400; }
.ldpforms input[type='text'] { margin: 0 0 15px 0; padding: 4px 8px; min-width: 300px; border-radius: 4px; border: 1px solid #c6c8ca; }
.ldpforms textarea { margin: 0 0 15px 0; padding: 4px 4px; min-width: 400px; min-height: 175px; border-radius: 4px; border: 1px solid #c6c8ca; }
.ldpforms .formerror { padding: 0 10px; color: #FF0004; }
.ldpforms > span.formerror { display: block; }
#status.alert.alert-error { color: #a94442; background-color: #f2dede; border: 1px solid #ebccd1;  }
#status.alert.alert-success { color: #3c763d; background-color: #dff0d8; border: 1px solid #d6e9c6;  }

table.three_columns { width: 100%; }
table.three_columns td { width: 33%; }

.also { margin: 0 0 15px 0; height: 90px; background-color: #f28b00; }
.also a { display: block; line-height: 90px; color: #FFF; text-align: center; font-family: 'Montserrat', sans-serif; font-size: 32px; font-weight: normal; letter-spacing: 0px; }

/* ==================================================================================================== */
/* Media Queries */
/* ==================================================================================================== */
@media screen and (max-width: 1015px) {
	header { height: auto; padding: 0 0 15px 0; }
	header .layout { height: auto; }
	header #logo .college-name { display: block; text-align: center; float: none; width: auto; }
	header #logo .scope-logo { display: block; text-align: center; padding: 15px 15px 0 15px; float: none; width: auto;  }
	header #logo .issue-number { display: block; text-align: center; padding: 15px 0 0 0; float: none; width: auto; } 
	
	#featured-articles .featured-article .text .side-text { position: relative; top: 0; left: 0; padding: 0 0 10px 0; width: 100%; border-bottom: 1px solid #006750; }
	
	footer .text-small { text-align: center; margin: 10px 0; }
	footer .text-large { margin: 10px 0; }
	footer img { margin: 10px 0; }
}

@media screen and (max-width: 767px) {
	header { position: relative; }
	header .navigation { position: absolute; left: 0; top: 0; float: none; width: 90px; }
	header #logo { width: 100%; float: none; }
	header .contact { position: absolute; right: 0; top: 0; float: none; width: 90px; }
	
	#nav .side-text { text-align: center; padding: 0 15px; }
	
	#featured-image { height: 200px; }
	
	#featured-articles .featured-article .title a { font-size: 26px; line-height: 30px; }
	#featured-articles .featured-article .title a i { display: block; }
	#featured-articles .featured-article .category { padding-left: 15px; padding-right: 15px; }
	#featured-articles .featured-article h1 { font-size: 30px; line-height: 30px;  padding-left: 15px; padding-right: 15px; }
	#featured-articles .featured-article .text { padding-left: 15px; padding-right: 15px; }
	#featured-articles .featured-article .text img { display: block; margin: 0 auto; float: none!important; }
	
	#articles #headline-articles .headline-article { padding: 30px 0 30px 0; border-bottom: 1px solid #c6c8ca; }
	#articles #headline-articles .headline-article .group_left { float: left; width: 30%; padding: 0 15px; }
	#articles #headline-articles .headline-article .group_right { float: left; width: 70%; padding: 30px 15px 0 15px; }
	
	#articles #additional-articles .additional-article { padding: 30px 15px 30px 15px; border-bottom: 1px solid #c6c8ca; }
	
	body > a { display: none; }
	
	#page-layout .text .layout-article { padding-left: 15px; padding-right: 15px; }
	

}

@media screen and (max-width: 550px) {
	#articles #headline-articles .headline-article .group_left { float: none; width: 100%; padding: 0 15px; text-align: center; }
	#articles #headline-articles .headline-article .group_right { float: none; width: 100%; padding: 30px 15px 0 15px; }
}


/* ==================================================================================================== */
/* Vimeo Responsive */
/* ==================================================================================================== */
.vimeo_video { position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; }
.vimeo_video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.vimeo_video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }