@charset "UTF-8"; /* LESS Document */ /* variables */ @FontTitle: 'AvenirNextLTW01-DemiCn', sans-serif; @FontBody: 'AvenirNextLTW01-Regular',"Lucida Sans Unicode", "Lucida Grande", sans-serif; @FontBold: 'Avenir Next LT W01 Demi',"Lucida Sans Unicode", "Lucida Grande", sans-serif; @FontTitleSize:20px; @FontBodySize:14px; @ColorTitle:#124889; @ColorBody:#3d3d40; @ColorLink:#00a8e8; @ColorBorder:#00a8e8; @BorderWidth:1px; /**** directories ****/ @base-url: `_moja.themepath.substr(1)`; /* content fixes */ .no-p-margin > p { margin:0; } #content strong { font-family:@FontBold; font-weight:normal; } /* responsive images */ #content > img { max-width:100%; } /* responsive iframe */ /* Sidebar breadcrumb fix */ #two-columns #sidebar .btn ul { list-style:none; margin:0; padding:0; } #two-columns #sidebar .btn ul li { display:none; padding-bottom: 0; } #two-columns #sidebar .btn ul li.nav-selected { display:block; } #two-columns #sidebar .btn ul li a { color:#3d3d40 ; font-size: 18px; } #two-columns #sidebar .btn ul li a:hover { text-decoration:none; } #two-columns #sidebar .btn .ccm-spacer { display:none; } /* >>>>>>>>>>>> audio/video <<<<<<<<<<<<<<<<<<< */ .video-page #content form, .media-page #content form { display:none; } .audio-page .rss-link { display:none; } .audio-container-list, .media-container-list { } .audio-container, .media-container { /*background:url(images/container-border.png) left bottom repeat-x;*/ /*border-top:@BorderWidth solid @ColorBorder;*/ border-top-width: @BorderWidth; border-top-color: @ColorBorder; border-top-style: solid; clear:left; padding:22px 0 18px; min-height:95px; position:relative; } .media-container:first-child { border-top:none; } .audio-controls, .media-controls { float:left; vertical-align:top; } .audio-controls a div, .media-controls a div { margin:6px 8px 10px 0; } .audio-controls .video-play-button .audio-controls-image, .media-controls .video-play-button .media-controls-image, .video-page .play-button .media-controls-image { background:url("/@{base-url}/images/video-play.png") center center no-repeat; height:30px; width:30px; } .audio-controls .play-button .audio-controls-image, .media-controls .audio-play-button .media-controls-image, .audio-page .play-button .media-controls-image { background:url("/@{base-url}/images/audio-play.png") center center no-repeat; height:30px; width:30px; } .audio-controls .download-button .audio-download-image, .media-controls .download-button .media-download-image { background:url("/@{base-url}/images/audio-download.png") center center no-repeat; height:30px; width:30px; } .audio-controls img, .media-controls img { display:block; margin:6px 8px 10px 0; } .audio-image, .media-image { float:left; vertical-align:top; } .audio-image img, .media-image img { border:3px solid #d7d7d7; margin:0 10px; } .audio-meta, .media-meta { display:table; padding:0 0 0 10px; vertical-align:top; } .media-meta .separator { display:inline-block; margin:0 4px; text-align: center; } .audio-meta .title, .media-meta .title { color:@ColorTitle; font-family:@FontTitle; font-size:@FontTitleSize; font-weight:400; line-height:100%; margin:0 0 12px; padding:0; text-align:left; } .audio-meta .author, .media-meta .author { color:@ColorBody; display:inline-block; font-family:@FontBody; font-size:@FontBodySize; font-weight:400; } .audio-meta .date, .media-meta .date { color:@ColorBody; display:inline-block; font-family:@FontBody; font-size:@FontBodySize; font-weight:400; } .audio-meta .time, .media-meta .time { color:@ColorBody; display:inline-block; font-family:@FontBody; font-size:@FontBodySize; font-weight:400; } .audio-meta .description, .media-meta .description { color:@ColorBody; font-family:@FontBody; font-size:@FontBodySize; font-weight:400; margin:8px 0 2px; } .media-meta .tags { display:none; } .audio-meta .tags, .media-meta .tags a { color:@ColorLink; font-family:@FontBody; font-size:@FontBodySize; font-weight:400; text-decoration:none; } .audio-meta .print-button, .audio-meta .audio-link-1, .audio-meta .audio-link-2, .media-meta .print-button, .media-meta .media-link-1, .media-meta .media-link-2 { display:inline-block; margin:8px 4px 0 0; } .audio-meta .audio-link-1 .audio-link-1-image, .media-meta .media-link-1 .media-link-1-image { background:url("/@{base-url}/images/audio-notes-button.png") center center no-repeat; height:14px; width:40px; } .audio-meta .audio-link-1 .audio-link-1-title, .media-meta .media-link-1 .media-link-1-title { display:none; } .audio-meta .notes-button, .media-meta .notes-button { display:inline-block; margin:8px 4px 0 0; } .audio-meta .audio-link-2 .audio-link-2-image, .media-meta .media-link-2 .media-link-2-image { background:url("/@{base-url}/images/audio-print-button.png") center center no-repeat; height:14px; width:58px; } .audio-meta .audio-link-2 .audio-link-2-title, .media-meta .media-link-2 .media-link-2-title { display:none; } #content ul.audio-paging, #content ul.media-paging { list-style:none; } #content ul.media-paging li.page-prev, #content ul.media-paging li.page-next { display:inline-block !important; } #content ul.audio-paging li, #content ul.media-paging li { background:none; display:inline-block; margin:0 3px; width: auto; } /* Video */ .video-page .media-controls { display:table; } .video-page .media-controls a { height:90px; vertical-align:middle; } .media-categories-container { display:none; } .video-container-list { } .video-container { background:url("/@{base-url}/images/container-border.png") left bottom repeat-x; padding:22px 0 18px; position:relative; } .video-controls { float:left; vertical-align:top; } .video-controls img { display:block; margin:38px 8px 10px 0; } .video-image { float:left; vertical-align:top; } .media-image .media-thumbnail { max-width:160px; } .video-image img { border:3px solid #d7d7d7; margin:0 10px; } .video-meta { display:table; padding:0 0 0 10px; vertical-align:top; } .video-meta .title { color:#58595b; font-family:'Optima LT W01 Demi Bold',"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:18px; font-weight:400; margin:0 0 12px; text-transform:uppercase; } .video-meta .author { color:#821b1e; display:inline-block; font-family:'Optima LT W01 Demi Bold',"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:13px; font-weight:400; } .video-meta .date { color:#821b1e; display:inline-block; font-family:'Optima LT W01 Demi Bold',"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:13px; font-weight:400; } .video-meta .time { color:#821b1e; display:inline-block; font-family:'Optima LT W01 Demi Bold',"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:13px; font-weight:400; } .video-meta .description { color:#4a4a4b; font-family:'ITCFranklinGothicW01-Bk 812647',"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:13px; font-weight:400; margin:8px 0 2px; } .video-meta .tags { color:#821b1e; font-family:'ITCFranklinGothicW01-Bk 812647',"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:13px; font-weight:400; } .video-meta .print-button { display:inline-block; margin:8px 4px 0 0; } .video-meta .notes-button { display:inline-block; margin:8px 4px 0 0; } /* >>>>>>>>>>>> staff <<<<<<<<<<<<<<<<<<<< */ .staff-page #content .separator { /*border-top:@BorderWidth solid @ColorBorder;*/ border-top-width: @BorderWidth; border-top-color: @ColorBorder; border-top-style: solid; } .staff-page #content .separator:last-child { border-top:none; } .staff-member { /*border-bottom:4px solid #e2e9ed;*/ clear:left; margin:8px 0; padding:16px 0; } .staff-member:first-child, .staff-member:nth-of-type(0) { /*border-top:none;*/ } #content { .staff-picture { display:inline-block; margin:0 22px 0 0; vertical-align:top; width:130px; } .staff-details { display:inline-block; width:450px; } .staff-name { color:@ColorTitle; font-family:@FontTitle; font-size:@FontTitleSize; font-weight:400; margin-bottom:6px; margin-top:0; } .staff-title { color:@ColorBody; font-family:@FontBody; font-size:@FontBodySize; font-weight:400; margin-bottom:6px; } .staff-bio { color:@ColorBody; font-family:@FontBody; font-size:@FontBodySize; line-height:140%; } } #content .staff-contact, #content .staff-facebook, #content .staff-twitter, #content .staff-linkedin, #content .staff-website, #content .staff-email, #content .staff-flickr { display:inline-block; margin-right:3px; margin-bottom:0; } #content .staff-contact .delimiter { display:none; } #content .staff-contact a { background:url("/@{base-url}/images/staff-icon-email.png") center center no-repeat; display:inline-block; height:23px; text-indent:-9999px; width:23px; } #content .staff-contact .staff-phone { display:inline-block; margin-left:3px; } #content .staff-facebook a { background:url("/@{base-url}/images/staff-icon-facebook.png") center center no-repeat; display:inline-block; height:23px; text-indent:-9999px; width:23px; } #content .staff-twitter a { background:url("/@{base-url}/images/staff-icon-twitter.png") center center no-repeat; display:inline-block; height:23px; text-indent:-9999px; width:23px; } #content .staff-linkedin a { background:url("/@{base-url}/images/staff-icon-linkedin.png") center center no-repeat; display:inline-block; height:23px; text-indent:-9999px; width:23px; } #content .staff-website a { background:url("/@{base-url}/images/staff-icon-website.png") center center no-repeat; display:inline-block; height:23px; text-indent:-9999px; width:23px; } @media only screen and (max-width: 900px) { #content .staff-details { width: auto; } #content .staff-name { margin-top: 8px; } } /* >>>>>>>>>>> Search <<<<<<<<<<<< */ .search-page { #content { .search-form { border-bottom:1px solid @ColorBorder; padding-bottom:20px; fieldset { border:none; } } h2.search-result-title { margin-bottom:8px; a { color:@ColorLink; font-family:@FontTitle; font-size:@FontTitleSize; } } } } .search-result { margin-bottom:20px; } /* >>>>>>>>>>>> form <<<<<<<<<<<<<< */ .ccm-form .ccm-form-element { clear:left; } #content .ccm-form label { color:@ColorBody; font-family:@FontBody; font-size:13px; font-weight:400; margin:12px 0 4px; } .ccm-form .ccm-form-element input[type="text"] { background-color:#f5f4f4; border:none; width:50%; } .ccm-form .ccm-form-element textarea { background-color:#f5f4f4; border:none; } #content .ccm-form .radioPair, #content .ccm-form .checkboxPair { /*clear:left;*/ color:@ColorBody; display:block; /*float:left;*/ font-family:@FontBody; font-size:12px; line-height: 100%; margin:12px 0; /*width:100%;*/ } .radioPair > input, .checkboxPair > input { float:left; } .ccm-form .ccm-form-element input[type="radio"], .ccm-form .ccm-form-element input[type="checkbox"] { border:none; margin:0; width:30px; } .ccm-form .ccm-form-element select { width:auto; } .ccm-form input[type="file"] { border:none; } #content .ccm-form input[type="submit"] { background-color:#b8b8b9; border:none; border-radius:3px; color:#fff; float:none; font-family:'Myriad W01 Regular',"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:13px; font-weight:400; text-transform:uppercase; width:auto; } /* >>>>>>>>>>>>> blog <<<<<<<<<<<<<<< */ .blog-page #sidebar { padding:20px 0 0 25px; } .blog-page .holder h3 { background: url("/@{base-url}/images/sep-002.png") repeat-x scroll 0 100% transparent; color: @ColorBody; font: 17px/21px @FontBody; margin: 0; padding-left:10px; text-transform: uppercase; } .blog-category-head { color:#42413d; font-family:'FrutigerLTW01-55Roman',"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:14px; margin:0 20px 8px 20px; text-transform:uppercase; } .blog-category-head img { vertical-align:middle; } .blog-sidebar-list { list-style:none; margin-top:0; padding-left:0; } .blog-page .two-columns .blog-sidebar-list li { background:none; padding:0; } .blog-sidebar-list a { color:@ColorLink; display:block; font: 14px/18px @FontBody; margin:2px 0; padding:3px 0 3px 24px; text-decoration:none; text-transform:uppercase; } .blog-archive-list { list-style:none; padding:0; } .blog-post { clear:left; margin:8px 0 0; padding:16px 0 6px 30px; } .blog-posts .blog-post { /*border-top:1px solid @ColorBorder;*/ border-top-width: @BorderWidth; border-top-color: @ColorBorder; border-top-style: solid; margin-left:20px; padding-left:10px; } .blog-post:first-child { border-top:none; margin-top:0; } .blog-page #page-name h1 a { color:#fff; text-decoration:none; } .blog-page #main-content { padding-top:0; } #content .blog-post h1, .blog-page #content .blog-posts h1 { background:url("/@{base-url}/images/blog-icon.png") left 4px no-repeat; border:none; color:@ColorTitle; font-family:@FontTitle; font-size:@FontTitleSize; font-weight:400; margin:0 0 -3px; padding:0 0 4px 44px; } #content .blog-post h1 a, .blog-page #content h1 a { color:@ColorTitle; text-decoration:none; } #content .blog-post-meta, #content .blog-post p.blog-post-meta { color:@ColorBody; font-family:@FontBody; font-size:@FontBodySize; margin:0; padding:0 0 12px 44px; } #content .blog-post-meta a { color:@ColorLink; } /*#main-content .blog-post-meta a:first-child { color:#821b1e; text-decoration:none; text-transform:uppercase; }*/ #content .blog-post-meta .post-author { color:@ColorBody; } #content .blog-post-meta .categories a { color:@ColorLink; } #subscribe-buttons { margin:-6px 0 0 40px; position:absolute; right:60px; top:30px; } #blog-back { font-family:@FontBody; font-size:12px; margin:50px 0 30px; text-align:center; } #blog-back a { color:@ColorLink; text-decoration:none; } #content .blog-post p { color:@ColorBody; font-family:@FontBody; font-size:@FontBodySize; line-height:140%; padding-left:44px; } #content .blog-post ul { padding-left:44px; } .blog-more-button:before { content: "+ "; } .blog-more-button { font-size: @FontBodySize; text-transform: capitalize; } .blog-page #content .blog-post { /*border:none;*/ } .blog-page #content .blog-post h1, .blog-page #content h1 { /*background:url(images/blog-head-bg.png) left 4px no-repeat; color:#747373; font-family:'Trade Gothic W01 Roman',"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:30px; padding:0 0 0 30px; margin:0 0 6px 0;*/ } .blog-page #content .blog-post-meta { color:@ColorBody; /*margin:0 0 18px; padding:0;*/ } .blog-page #content .blog-post-meta a { text-decoration:none; } #blog-social-wrapper { color:@ColorBody; font-family:@FontBody; font-size:20px; font-weight:400; text-transform:uppercase; } #blog-buttons { margin:20px 20px 12px 29px; } #blog-buttons a { border-radius:3px; color:@ColorLink; font-size:11px; margin:8px 0; padding:4px; text-decoration:none; text-transform:uppercase; } #content .blog-post-paging { padding-left:0; } #content .blog-post-paging li { background:none; display:inline-block; list-style:none; width: auto; } #content .blog-post-paging li a { margin:0 4px; }