/*
Theme Name: Center for Cooperative Media
Theme URI: http://www.unitedthemes.com
Description: Creative Portfolio
Version: 4.6
Author: United Themes
Author URI: http://www.unitedthemes.com
Template: productions
*/

/* IE Fixes */

.ut-image-gallery-item img:not(.gutter-shadow) {width:100% !important;}
div.parallax-scroll-container {transform:none !important;} 

@media (min-width: 720px) {
.site-logo {display:flex !important;}
.site-logo a {display:flex !important;}
}

/* The World */
#primary .parallax-title {width:100% !important;}
body {color:#000 !important;}
.ha-header.ut-header-light {background:transparent !important;}
div.msuhead, div.scmhead {line-height:100% !important;}
span.msured {color:#d1190d !important;}
div.msuhead {background: #fff;float: left;padding: 20px;font-family: 'Roboto', sans-serif !important;font-weight:700 !important;color:#221f1f !important;font-size:1.5em;}
div.scmhead {float: left;background: #D1190D;color: #fff;padding: 22.2px;font-family: 'Roboto', sans-serif !important;font-weight:700 !important;font-size: 1.15em;padding-left:50px;}
div.whiteslant {left: 18.5em;-webkit-transform: skewX(-20deg);-moz-transform: skewX(-20deg);transform: skewX(-20deg);border-left: none;content: "";position: absolute;display: block;background: #FFF;width: 2em;height: 60.5px;top: 0px;-webkit-transform-origin: bottom left;-moz-transform-origin: bottom left;transform-origin: bottom left;}
div.menuslant {right: 8.5em;-webkit-transform: skewX(-20deg);-moz-transform: skewX(-20deg);transform: skewX(-20deg);border-left: none;content: "";position: absolute;display: block;background: #FFF;width: 2em;height: 100%;top: 0px;-webkit-transform-origin: bottom left;-moz-transform-origin: bottom left;transform-origin: bottom left;}
div.redslant {left: 40em;-webkit-transform: skewX(-20deg);-moz-transform: skewX(-20deg);transform: skewX(-20deg);border-left: none;content: "";position: absolute;display: block;background: #D1190D;width: 2em;height: 60.5px;top: 0px;-webkit-transform-origin: bottom left;-moz-transform-origin: bottom left;transform-origin: bottom left;}
#header-section.ut-header-has-border, .ha-header.ut-header-light {border-bottom:0px !important;}
.footer .footer-content {display:none !important;}
header div.grid-15, header nav.grid-85 {padding-left:0px !important;padding-right:0px !important;}
header .grid-container {max-width:100% !important;padding-left:0px !important;padding-right:0px !important;}
.ut-footer-area ul.sidebar a {font-family: 'Roboto',sans-serif;font-weight: 400;text-align: left !important;font-size: 1em;text-transform: capitalize;}
.ut-footer-area ul.sidebar a:hover {text-decoration:underline !important;color:#000 !important;}
footer h3.widget-title {font-weight: 700 !important;text-transform: uppercase;font-size: 1em;padding-bottom: 1em;border-bottom: .15em solid #D1190D !important;margin-bottom: 1.5em;font-family: 'Roboto',sans-serif !important;}
footer li.menu-item:before {display:none !important;}
footer li.widget-container {text-align:left !important;padding-left:0px !important;}
.widget_nav_menu li {padding-left:0px !important;}
.hero-title {text-transform:uppercase !important;}
footer ul.social-links li {display:inline !important;}
footer ul.social-links a {font-size:24px !important;padding-right:20px;}
.ut-portfolio-menu li a {font-family: 'Roboto',sans-serif !important;color: #FFF!important;text-align: center!important;padding: .7em 1.5em!important;margin: .5em 0em!important;text-decoration: none!important;letter-spacing: .1rem !important;background: #d1190d !important;border: 0px !important;}
.copyright {color:#fff !important;font-family: raleway;font-size: 10px;letter-spacing: .1rem;text-transform: lowercase;}
#header-section {max-height: 60.5px !important;}
.scmhead span.mobile {display:none;}
.ut-mm-button {padding-right:20px !important;}
.tablet-grid-20 {padding-right:0px !important;}
.site-logo, .ut-mm-trigger, .ut-mm-button, .ut-hamburger-wrap {height:60.5px !important;line-height:60.5px !important;}
.ut-mm-button:before {color:#727580 !important;}
.mobile-grid-20 {font-family: 'Roboto',sans-serif;font-weight: 400 !important;color: #727580 !important;font-size: 16px !important;z-index: 99999;margin-top: -1px;box-shadow: 0 0 2em rgba(0,0,0,.25);}
span.menutitle {padding-right:20px !important;}
.ut-mm-button:before {font-weight:100 !important;font-size:20px !important;}



@media (min-width: 768px) {
#header-section:hover {background:transparent !important;}
.mobile-grid-20 {max-width: 140px !important;float:right !important;background:#fff !important;}
.mobile-grid-80 {width:80% !important;}
}


@media (min-width: 1025px) {
nav#navigation {display:none !important;}
nav.grid-85 {width:10% !important;}
header div.grid-15 {width:80% !important;}
}
@media (max-width: 767px) {
.page #primary {padding-top:20px !important;}
#header-section, #header-section:hover {background: #d1190d !important;}
.ut-mm-button:hover:before {color:#727580 !important;}
.ut-mm-button:before {color:#727580 !important;}
.mobile-grid-80 {width:60% !important;}
.mobile-grid-20 {width: 140px !important;float: right;background: #fff;margin-top:0px !important;}
div.redslant {display:none !important;}
.scmhead span.mobile {display:block !important;}
.scmhead span.desktop {display:none !important;}
}

@media (max-width: 680px) {
.mobile-grid-80 {width:80% !important;}
.mobile-grid-20 {width: 80px !important;float: right;background: #fff;margin-top:0px !important;}
div.menuslant {right: 4.5em !important;}
span.menutitle {display:none !important;}
}


@media (max-width: 550px) {
.msuhead {font-size: 1.3em !important;height: 60.5px !important;padding-left: 10px !important;}
div.whiteslant {left:15.5em !important;}
div.scmhead {padding-left:30px !important;}
}

@media (max-width: 450px) {
	div.menuslant {display:none !important;}
	.ut-mm-button:before, ut-mm-button:before:hover {color:#eee !important;}
	.mobile-grid-20 {max-width: 40px !important;float:right !important;background:#d1190d !important;position: absolute !important;right: 0 !important;box-shadow: none !important}
	.mobile-grid-80 {width:95% !important;}
	div.scmhead {padding-left: 10px !important;padding: 10px !important;font-size: 10px !important;}
	.scmhead span.mobile {display: none !important;}
	.scmhead span.desktop {display: block !important;}
	div.redslant {left: 11em !important;top:60.5px !important;height:30px !important;display:block !important;}
}



/* Header Area */

#header-section {max-height: 60.5px !important;}
.ha-header.ha-transparent:hover {background: #fff !important;}
.ha-header.ha-transparent:hover #navigation ul li a:not(.bklyn-btn) {color:#000;}
.ha-header.ha-transparent:hover #navigation ul li.current-menu-item a {color: #F1C40F !important;}
#ut-sitebody #ut-mobile-menu a, #ut-sitebody #navigation ul li a {font-family: 'Roboto', sans-serif !important;font-size:14px !important;}
#ut-sitebody #navigation ul.sub-menu {background: #fff !important;}
#ut-sitebody #navigation ul li a:not(.bklyn-btn):hover, #ut-sitebody #navigation ul.sub-menu li a:not(.bklyn-btn):hover {color: #527534 !important;}
.tp-shapewrapper {background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%) !important;bottom: -10px !important;}
#slide-2-layer-11 {left:-13px !important;}
.rs-background-video-layer iframe {
visibility: inherit !important;
}
header.pt-style-6 h2:after {display:none !important;}
header.pt-style-6 h2 {margin-bottom:0px !important;}

.ha-header.ha-transparent:hover #navigation ul li.current-menu-item:not(.current_page_parent):not(.menu-item-object-custom) a, .ha-header.ha-transparent:hover #navigation ul li.current_page_item:not(.current_page_parent):not(.menu-item-object-custom) a {color: #527534 !important;}

.site-logo img {max-height:120px !important;z-index: 999999 !important;position: relative !important;}
#ut-mobile-menu {padding-top:40px !important;}
.ut-header-light #ut-mobile-nav {position:fixed !important;top:80px !important;}
.ut-header-light #ut-mobile-nav {background: #d1190d !important;top:60.5px !important;}
.ut-mobile-menu a:not(.bklyn-btn) {color:#fff !important;}
.ut-mobile-menu a:not(.bklyn-btn) {border-bottom:0px !important;}
#ut-mobile-nav {left:0px !important;}
section.whitetext .lead p {color:#eee !important;}
.ut-video-module-play-icon {background: #909090 !important;}
a.button {display: inline-block;background-color: #D1190D!important;border: .15em solid #D1190D!important;color: #FFF!important;text-align: center!important;padding: .7em 1.5em!important;margin: .5em 0em!important;text-decoration: none!important;letter-spacing:.1rem !important;}
.ut-video-module-caption-text i {font-weight:900 !important;}
.ut-video-module-caption-text {top:80% !important;left:10% !important;}
#primary .section-title {font-family: 'Roboto',sans-serif !important;}

/* show mobile menu on desktop */
@media (min-width: 1025px) {
.ha-header-front .site-logo,
.ha-header-front .ut-mm-trigger,
.ha-header-front .ut-mm-button,
.ha-header-small .site-logo,
.ha-header-hide .site-logo { height: 100% !important; line-height: 60.5px !important; }
.ha-header-front #ut-mobile-nav { background-color: #d1190d !important; }
}

/* Hero Area */

.hero-description-bottom {line-height:150% !important;color: #fff !important;font-family: 'Roboto', sans-serif !important;font-style: normal !important;}
y {color: #adadad !important;}
lg {color: #7ca856 !important;}
lb {color: #1378ab;font-weight: bold;}
w {color: #eee;font-weight: bold;}
.hero-description {font-weight:bold !important;}
.tp-caption {color:#fff !important;}
.BigBold-Button {color:#fff !important;border:0px !important;}
.BigBold-Button {background: #D1190D !important;}
h2.main {font-size:1.2rem !important;font-weight:900 !important;color: #d1190d !important;font-family: 'Roboto',sans-serif !important;}
h3.main {font-size: .8rem !important;font-weight: 900 !important;color: #ffF !important;margin-top: -35px;font-family: 'Roboto',sans-serif !important;}
#ut-hero:not(.slider) .hero-holder {padding-top:0px !important;}
.hero-description-bottom {width:80%;}
.rev_slider .tp-caption {font-weight:900 !important;}

@media (max-width: 767px) {
	#ut-hero.hero:not(.ut-hero-has-no-content) {min-height:80% !important;}
}

/* Get Start Button */

.social-button {
  display: inline-block;
  border-radius: 50%;
  color: #fff;
  border: 0 none;
  padding: 0;
  text-align: center;
  width: 4em;
  height: 4em;
  line-height: 4em;
  transition: all 0.25s ease-in-out;
  position: fixed;
  bottom: 50px !important;
  right: 30px !important;
  z-index: 999999;
  border: 2px solid #fff;
}
.social-button {
  background-color: #f1c40f;
  color: #fff;
}
span.smallme {font-size:11px !important;}

a.social-button .fa {font-size: 24px !important;
    padding-right: 10px !important;
    color: #fff !important;
    font-weight: 900 !important;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    padding-left: 7px;
    text-shadow: 1px 1px 1px black;
    padding-top: 25px !important;
    line-height: 22px;}

.social-button:before {
  -webkit-animation: social-button-beat 1.5s ease-out infinite;
          animation: social-button-beat 1.5s ease-out infinite;
}
.social-button:after {
  -webkit-animation: social-button-beat 1.5s ease-out 0.4s infinite;
          animation: social-button-beat 1.5s ease-out 0.4s infinite;
}
.social-button:before,
.social-button:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #f1c40f;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  opacity: 0;
  transition: all 0.25s ease-in-out;
}
@-webkit-keyframes social-button-beat {
  0% {
    opacity: 0.8;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  70% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  100% {
    opacity: 0;
  }
}
@keyframes social-button-beat {
  0% {
    opacity: 0.8;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  70% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  100% {
    opacity: 0;
  }
}

.text-large {
  font-size: 2em;
}


/* Staff Pages */

span.green {border-bottom:2px solid black !important;margin-bottom:5px;}
#ut-hero .hero-inner {color:#fff;}

/* Portfolio Pages */

.bklyn-divider-style-1 {margin-bottom:0px !important;} 
.lead {color: #000 !important;font-weight: bold !important;} 
.whitetext {color:#fff !important;}
body.single-portfolio .hero-description-bottom {font-family: raleway !important;font-style: normal !important;text-transform: uppercase !important;letter-spacing: .1rem;font-size: 12px !important;}
.ut-portfolio-info-c h3 {display:block !important;}
.portfolio-title {background:transparent !important;font-family: raleway !important;padding: 10px !important;}
.ut-portfolio-info-c span {font-family:raleway !important;font-weight:900 !important;}
.centertext {text-align:center !important;}
.pageport .ut-portfolio-info-c span {display:none !important;}
body.single-portfolio .hero-inner  h2 {font-size:1rem !important;}
body.single-portfolio li  h2 {font-family: "Raleway" !important;font-size:1rem !important;}
.ut-portfolio-info-c h3 {font-family: 'Roboto', sans-serif !important;font-weight: 900  !important;font-size: 14px !important;text-transform: uppercase !important;padding-bottom: 0px !important;}
.ut-portfolio-info-c span {font-family: 'Roboto', sans-serif !important;font-weight: 700 !important;font-size: 10px !important;text-transform: uppercase !important;letter-spacing: .1rem !important;color: #d1190d !important;}
.ut-hover-layer .ut-portfolio-info-c {border:0px !important;background: rgba(20, 22, 24, 0.72) !important;}
div.ut-hover-layer {background: rgba(255, 255, 255, 0.1) !important;opacity: 1 !important;}
.ut-portfolio-menu {text-align:center !important;}
.ut-portfolio-menu li {display:inline !important;}
h2.bigtitle {text-align:center !important;font-family: 'Playfair Display', serif;font-size: 4rem !important;font-weight:400 !important;}
h3.smalltitle {text-align:center !important;font-weight: 100 !important;font-size: 30px !important;font-style: italic !important;}
.biggertext {text-align:center !important;margin-top:40px !important;max-width:700px !important;margin:0 auto !important;}

/* always show hover */
.ut-hover .ut-portfolio-info-c { -webkit-animation-name: zoomIn; animation-name: zoomIn; }

/* Single Post */
.author-links {display:none !important;}
.author-info {display:none !important;}
#comments {display:none !important;}
blockquote {font-family: 'Playfair Display', serif !important;font-weight: 900 !important;font-size: 2rem !important;line-height:2.5rem !important;border-left:0px !important;padding-left:0px !important;margin-top:0px !important;margin-bottom:0px !important;}
body.single .social-button {display:none !important;}
body.single .ha-header.ut-header-light {border-bottom: 0px solid #fff !important;}
#ut-portfolio-navigation-wrap {display:none !important;}
@media (max-width: 767px) {
body.single h1.entry-title {padding-top:40px !important;font-size: 2.5rem !important;}
}
@media (max-width: 755px) {
	body.single article {text-align:left !important;}
	body.single .entry-thumbnail img {display:block !important;margin:0 auto !important;}
	body.single-post .hero-title {font-size: 20px !important;}
	div.ut-hero-meta-description-holder {display:none !important;}
}


/* Blog Page */

.ut-blog-grid .entry-meta:not(.entry-meta-top) {display:none !important;}
body.blog  {background: #527534 !important;}
.ut-blog-grid .entry-meta.entry-meta-top {display:none !important;}
.ut-blog-grid-article-inner {border:0px !important;}
.ut-blog-grid .date-format {background: #515151b5 !important;padding: 10px !important;border-bottom: 2px solid;}
.ut-blog-grid-content-wrap h2.entry-title {font-family: 'Playfair Display', serif;font-weight: 900 !important;}
.ut-blog-grid-content-wrap {padding:20px !important;}

/* Contact Page */

table.official-contact input[type="submit"] {width: 240px !important;}
section.students {text-align:center !important;}
section.students .lead {font-family: "Open Sans" !important;margin-top:30px !important;font-weight:normal !important;text-transform:inherit !important;}
.special p {font-family: roboto !important;color: #fff !important;text-transform: uppercase;letter-spacing: .1rem;font-weight: 900;padding-bottom: 20px;}
.hero-description, h2.main {font-family: roboto !important;color: #fff !important;text-transform: uppercase;letter-spacing: .1rem;font-weight: 900;}
input[type="submit"] {color: #333 !important;background: #ffd633 !important;font-weight: 900 !important;margin-bottom:40px !important;}
table, tr, td {border:0px !important;}
table.official-contact td {vertical-align:top !important;}
span.required {color:red !important;}
div.wpcf7-spam-blocked {display:none !important;}
input[type='text'], input[type='email'], textarea, select {color: #565656 !important;font-size:20px !important;font-weight:bold;background:#fff;color: #1f1f1f !important;font-weight: 900;border-bottom: 3px solid black !important;}
table.official-contact h4 {color: #fff !important;font-family: raleway;text-transform: uppercase;font-size: 20px;border-bottom: 2px dotted white;padding-bottom: 5px;}
td.contactinfo {text-transform: uppercase;letter-spacing: .1rem !important;padding: 0px !important;font-size: 12px !important;padding-top:20px !important;}
td.contactinfo strong {font-family:raleway !important;font-size:18px !important;}
td.contactinfo a {color:#fff !important;}
td.contactinfo big {Font-size:18px !important;}
textarea {font: 400 13.3333px Arial !important;font-weight: 900 !important;}

table.official-contact td {color:#fff !important;text-align:left;}

table.official-contact input[type='text'] {background:#fff !important;}

section#contact-form {margin-bottom:-80px !important;}

td.innerform {width:66%;}

table.innerform {max-width:700px !important;width:100% !important;}

div.wpcf7-validation-errors {display:none !important;}

span.wpcf7-not-valid-tip {text-align: center !important;margin-left: 0px !important;font-weight:bold !important;}

table.official-contact h4 {color:#fff !important;}



@media (max-width: 767px) {

table.official-contact td {display:inline-block !important;padding:0px !important;width:100% !important;}

td.innerform {width:100% !important;}

table.innerform td {width:48% !important;padding-right:10px !important;}

td.contactinfo {text-align:center !important;margin-top:20px !important;}

input[type="submit"] {display:block !important;margin:0 auto !important;}

}



@media (max-width: 550px) {

table.innerform td {width:100% !important;}
table.official-contact input[type='text'] {width:100% !important;display:block;margin-left:5px !important;}
table.official-contact textarea {width:100% !important;display:block;}
#table-wrapper {position:relative;}
#table-scroll {overflow-x: scroll;width: 100% !important;}
#table-wrapper table {width:100%;}
.ut-portfolio-menu li a {font-size:10px !important;}
}

@media only screen and (min-width:767px) and (max-width: 1212px)  {
	.midhide {display:none !important;}
}


.wpsl-directions {display: none !important;}

/* Clients Page */

div.client {width:10%;display:inline-block !important;}
img.clientlogo {width:100%;}
div.clientlist {-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
	column-count: 3;
    margin-bottom:40px}
div.clientlist a {color:#000 !important;}
h2.clientstitle {font-family: "Raleway";font-weight: 800;font-size: 40px;text-transform: uppercase;border-bottom: 2px solid #000000;color: #000;}
h2.small {font-size:20px !important;}
h3.tiny {margin-bottom:0px !important;}
p.tiny {font-family: "Roboto";font-weight: 500;font-size: 15px;text-transform: uppercase;margin-bottom:0px !important;}

/* Careers Page */

.jobblock {border-bottom:2px solid black !important;padding-bottom: 20px !important;}
.jobblock a {    background: #527534;
    color: #fff !important;
    padding: 10px;
    font-family: "Roboto";
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold !important;}
.jobblock h2 {font-family: raleway;font-weight: 900;font-size: 2rem;border-bottom:2px dotted black !important;padding-bottom:20px !important;}
.jobblock li {list-style:inherit !important;font-size:12px !important;}
input[type=checkbox]  {
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 0px;
  display: inline-block !important;}
span.wpcf7-list-item {display:block !important;}
span.wpcf7-list-item-label {padding-left: 20px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .1rem;
    font-size: 12px;}
span.first {margin-top:20px !important;}
span.required {color: red !important;font-size: 25px;vertical-align: text-top;}

/* Services Page */

.fa {font-size:20px !important;padding-right:10px !important;color: #527534 !important;}
.borderbottom {border-bottom:2px solid black !important;}
img.thinwidth {max-width:80% !important;}
li h2, li h3, li h4 {font-family: "Roboto";font-weight: 900 !important;display: inline-block !important;font-size:15px !important;}
a.morebutton {background: #d1190d !important;color: #fff !important;padding: 10px;font-family: "Roboto";font-size: 12px;text-transform: uppercase;font-weight: bold !important;}

/* Misc Tweaks */
.motto {font-size: 4rem !important;line-height: 4rem !important;}
.menu-footer-menu-container {border-top: 2px solid !important;border-bottom: 1px solid !important;padding-top: 20px !important;}
li.tweet:before {display:none !important;}
.tweet_list li {padding-left:0px !important;}
.tweet_time a {font-size:10px !important;}
footer {color:#fff !important;}
footer .fa {color:#fff !important;}
div.menu-footer-menu-container li {display:inline-block !important;}
.ut-footer-area {padding-top:40px !important;padding-bottom:40px !important;}
.footer .footer-content {background:#253518 !important;}
h3.widget-title {font-family: Raleway;font-weight: 900 !important;font-size: 25px;text-align: center !important;border-bottom: 2px solid white !important;} 
li.widget-container {text-align:center !important;}
.ut_widget_social ul.ut-sociallinks {font-size:28px !important;}
.ut-footer-dark .ut-footer-area ul.sidebar a {color:#fff !important;}
.jr-insta-thumb ul.thumbnails li img {width:100% !important;}
.homeboximage img {padding:20px !important;}
.homeboximage {margin-bottom:-40px !important;}
.homebox .section-title {color:#fff !important;} 
.homebox .lead {font-weight: 900 !important;font-size: 14px !important;line-height: 20px !important;letter-spacing: 0px;text-transform:inherit !important;}
.homebox a.button {background: #434346;padding: 10px;color: #fff !important;font-weight: 900;text-transform: uppercase;font-size: 12px;}
.homebox .lead p {color:#fff !important;}
ul.address-links .fa, .far, .fas {font-size: 25px;width: 50px;padding-right: 10px;text-align: center !important;color: #151515;padding-bottom:20px !important;float:left !important;}
ul.address-links li {margin-bottom:10px !important;font-size:13px !important;clear:both !important;}
ul.social-links {margin-top:40px !important;}
.featuredbox p {font-size: 12px !important;line-height: 120% !important;}
nav.ut-portfolio-pagination {display:none !important;}

li.menu-item-has-children {float:left !important;}