/* SITE-WIDE ELEMENTS --------------------------------- */ body {background-color:#fff;font-family:"PT Sans";} /* GENERAL LAYOUT */ section {padding-bottom:30px;} section.no-padding-bottom {padding-bottom:0px;} a.secondary-link {color:#999;font-size:0.9rem;} a.secondary-link:hover {text-decoration:underline;cursor:pointer;} .photo-right {width:100%;padding-bottom:20px;padding-left:0px;} .photo-left {width:100%;padding-bottom:20px;padding-right:0px;} .figure-photo-right {padding-left:0px;width:100%;} .figure-photo-left {padding-right:0px;width:100%;} .figure-photo-right img {width:100%;} .figure-photo-left img {width:100%;} .photo-holder {position:relative;} .photo-download {position:absolute;bottom:25px;right:15px;color:#fff;font-size:15px;opacity:0.9;} .photo-download:hover {color:#fff;opacity:0.5;} /* NAVBAR */ .navbar-brand {width:70%;} .navbar-brand img {width:100%;} /* note: defaults are set after smallscreen in media queries below */ /* GENERAL COLOR INFO */ .color-blue {color:#6384a9;} .color-yellow {color:#ffd15c;} .color-cyan {color:#54c8e8;} .color-green {color:#695d26;} .color-red {color:#8b3d45;} .color-lightblue {color:#6485a8;} .bg-dark {background-color: #6384A9!important;} .resume-table {} .resume-table td {display:block;} .resume-table td.resume-table-title-cell {font-weight:bold;} .resume-table td.resume-table-final-cell {padding-bottom:10px;border-bottom:1px solid #eee;margin-bottom:15px;} /* HEADERS */ .page-subheader {background-color:#021829;margin-bottom:1rem;padding-bottom:0rem;padding-top:0rem;margin-bottom:25px;} .page-subheader-detail {background: #021829 url("../images/subheader-export2.png") no-repeat right -80px top;background-size: contain;position:relative;} .page-subheader h2 {font-size:1.6rem;color:#ccc;padding-bottom:0.3rem;padding-top:0.4rem;position:relative;} .page-subheader h2 a {color:#ccc;} .page-subheader h2 .inline-sub {font-size:1rem !important;} h4 {font-size:1.2em;} h4.sub-bar { position:relative; border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding-top:10px; padding-bottom:10px; padding-left:10px; font-size:18px; margin-bottom:20px; text-transform:uppercase; color:#6485a8; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e2e2e2+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#e2e2e2 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%,#e2e2e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */ } h4 .sub-bar-toggle {float:right;font-size:16px;text-transform:none;text-decoration:underline;padding-right:10px;cursor:pointer;color:#007bff !important;} .initial-color {color:#999;} /* BUTTONS */ .btn-more-info {margin-top:1em;margin-bottom:1em;} .btn-mobile-block {display:block;} .btn-xs {font-size:10px;} /* GRADIENTS */ .gradient { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e2e2e2+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#e2e2e2 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%,#e2e2e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */ } /* PAGE SPECIFIC STUFF AND WIDGETS --------------------------------- */ /* HOME PAGE */ #splash {background-color:#021829;} /* AGENTS PAGE */ .section-agents h4 {font-size:1.2em;} .headshot-thumb {display:block;width:100%;padding-bottom:15px;} .section-agents div {} /* CREDITS PAGE */ #credits-header {text-align:center;} #credits-header h1 {margin-bottom:5px;} #credits-header h2 {line-height:25px;margin-top:0px;} #credits-complete-list {text-align:center;margin-bottom:1.2em;} #credits-complete-list ul {margin-bottom:0px;padding-left:0px;font-size:0.8rem;} #credits-complete-list li {list-style-type: none;padding-right: 20px;font-size:1.3em;text-align:left;} .color-tv {color:#0033cc;} .color-film {color:#cc0000;} .color-theater {color:#006600;} .color-other {color:#000000;} .credits-note {font-size:16px;text-align:center;} /* ACCORDION */ .accordion-section.card {width:100%;margin-bottom:15px;} .accordion-section.card .card-title {} .accordion-content-block {padding-top:10px;} .quoteblock {background-color:#eee;padding:20px;outline:1px solid #ccc;} .quote-source {margin-top:10px;text-align:right;display:block;font-weight:bold;font-size:-0.1em;} /* FOOTER */ #footer-nav {list-style-type:none;padding-left:0px;} #footer-nav li {} #footer-nav li a {color:#6384A9;} /* MOVIES */ .movie-block {padding-bottom:20px;} .movie-thumb {width:100%;} .movie-clip {width:100%;} .movie-caption {display:block;padding-bottom:10px;color:#666;} .movieclip {border:0px solid blue;width:119px;height:71px;background-image:url('../images/bg-clip1.jpg');text-align:right;vertical-align:bottom;} .heroes {background-image:url('../images/bg-heroes.jpg');} .shiloh {background-image:url('../images/bg-shiloh.jpg');} .sleeper {background-image:url('../images/bg-sleeper.jpg');} .csiny {background-image:url('../images/bg-csiny.jpg');} .threatmatrix {background-image:url('../images/bg-threatmatrix.jpg');} .agency {background-image:url('../images/bg-agency.jpg');} .fedex {background-image:url('../images/bg-fedex.jpg');} .olay {background-image:url('../images/bg-olay.jpg');} .jimbeam {background-image:url('../images/bg-jimbeam.jpg');} .honda {background-image:url('../images/bg-honda.jpg');} .comcast {background-image:url('../images/bg-comcast.jpg');} .voiceover {background-image:url('../images/bg-voiceover.jpg');} .petsematary {background-image:url('../images/bg-petsematary.jpg');} .stargate {background-image:url('../images/bg-stargate.jpg');} .yearling {background-image:url('../images/bg-yearling.jpg');} .ds9 {background-image:url('../images/bg-ds9.jpg');} .bedroom {background-image:url('../images/bg-bedroom.jpg');} .fingers {background-image:url('../images/bg-fingers.jpg');} .acrosshall {background-image:url('../images/bg-acrosshall.jpg');} .coldcase {background-image:url('../images/bg-coldcase.jpg');} .vip {background-image:url('../images/bg-vip.jpg');} .classvideo1 {background-image:url('../images/bg-classvideo1.jpg');} .classvideo2 {background-image:url('../images/bg-classvideo2.jpg');} .classvideo3 {background-image:url('../images/bg-classvideo3.jpg');} .classvideo4 {background-image:url('../images/bg-classvideo4.jpg');} .classvideo5 {background-image:url('../images/bg-classvideo5.jpg');} .classvideo6 {background-image:url('../images/bg-classvideo6.jpg');} .movieclip_text {font-size:10px;border:0px solid blue;position:relative;color:#ffffff;display:block;padding-bottom:6px;padding-top:50px;padding-right:5px;} .movieclip a {color:#ffffff;} .movieclip a:hover {color:#ffffff;} #movieclipbar {margin:0px auto;margin-top:15px;margin-bottom:15px;} .photo {padding:5px;} /* Extra small devices (portrait phones, less than 576px) */ /* No media query since this is the default in Bootstrap /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) { .figure-photo-right {padding-left:20px;width:50%;} .figure-photo-left {padding-right:20px;width:50%;} .photo-right {width:auto;padding-left:20px;} .photo-left {width:auto;padding-right:20px;} .page-subheader-detail {background-position: right -25px top;} .navbar-brand {width:auto;} .navbar-brand img {width:auto;} .page-subheader h2 {font-size:2rem;color:#ccc;padding-bottom:0.5rem;padding-top:0.8rem;position:relative;} .btn-mobile-block {display:inline-block;} } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) { #credits-complete-list li {display:inline;} #footer-nav {text-align:center;} #footer-nav li {display:inline;padding-left:20px;padding-right:20px;} .resume-table {} .resume-table td {display:table-cell;} .resume-table td.resume-table-title-cell {font-weight:normal;} .resume-table td.resume-table-final-cell {padding-bottom:auto;} } /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) { ... } /* Extra large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { ... }