/* Font : Century Gothic */
@font-face {
font-family: 'centurygothic';
src: url('fonts/centurygothic.eot');
src: url('fonts/centurygothic.eot?#iefix') format('embedded-opentype'),
url('fonts/centurygothic.woff') format('woff'),
url('fonts/centurygothic.ttf') format('truetype'),
url('fonts/centurygothic.svg#palatinoitalic') format('svg');
font-weight: normal;
font-style: normal;
}
/* Font : Alpaca Scarlett Demo */
@font-face {
font-family: 'alpaca_scarlett_demoregular';
src: url('fonts/Alpaca Scarlett Demo-webfont.eot');
src: url('fonts/Alpaca Scarlett Demo-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/Alpaca Scarlett Demo-webfont.woff2') format('woff2'),
url('fonts/Alpaca Scarlett Demo-webfont.woff') format('woff'),
url('fonts/Alpaca Scarlett Demo-webfont.ttf') format('truetype'),
url('fonts/Alpaca Scarlett Demo-webfont.svg#alpaca_scarlett_demoregular') format('svg');
font-weight: normal;
font-style: normal;
}
/* GMR */
.pointy:hover {
cursor: pointer;
}
@media print {
#gmr .collapse {
height: auto !important;
}
}
/* NEW FAQ */
#generic.genreheader.new-faq {
background: url(/images_tmp/faq-bg.jpg) no-repeat;
background-size: cover;
margin-top: 65px;
padding-bottom: 7px;
border-bottom: 7px solid #ff0000;
margin-bottom: 0;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images_tmp/faq-bg.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images_tmp/faq-bg.jpg', sizingMethod='scale')";
}
#generic.genreheader.new-faq h2.pageheaderbus {
color: #fff;
letter-spacing: 1px;
font-size: 49px;
margin-top: 8px;
}
#nbf-search {
border-bottom: 1px solid #eeeeee;
padding: 40px 0 24px;
}
.visible-faq-mobile {
display: none;
}
#nbf-search .keyword {
background: url(/images_tmp/nbf-search-bg.jpg) repeat-x;
font-family: "proxima-nova",sans-serif;
font-size: 24px;
color: #9a9a9a;
font-weight: 100;
float: left;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
padding: 0 22px;
border-right: 0;
border-top: 0;
border-bottom: 1px solid #dddddd;
border-left: 1px solid #dddddd;
width: 90%;
height: 62px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#nbf-search .keyword:focus {
font-size: 24px !important;
line-height: 40px !important;
}
#nbf-search p {
margin-bottom: 0;
font-size: 15px;
line-height: 20px;
color: #6f6f70;
}
#nbf-search p.nbf-support {
color: #000 !important;
text-transform: uppercase;
font-size: 18px !important;
position: relative;
margin-bottom: 5px;
}
#nbf-search .search-page-box {
margin-top: 0;
margin-bottom: 0;
}
#nbf-categories {
margin-top: 48px;
}
#nbf-categories .nfb-category > div {
background: url(/images_tmp/faq-block-bg.jpg) center bottom repeat-x;
border: 1px solid #d0d0d0;
padding: 27px 25px 0 25px;
box-sizing: border-box;
height: 310px;
margin-bottom: 30px;
}
#nbf-categories .nfb-category > div h2,
#nbf-categories .nfb-category > div a {
color: #ff0000;
-moz-transition: all 0.2s ease-out 0s;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#nbf-categories .nfb-category > div h2:hover,
#nbf-categories .nfb-category > div a:hover {
color: #BD332F;
}
#nbf-categories .nfb-category > div h2 {
font-size: 38px;
font-weight: 300;
-webkit-font-smoothing: antialiased;
margin-top: 0;
line-height: 38px;
}
#nbf-categories .nfb-category > div ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#nbf-categories .nfb-category > div ul li {
margin-bottom: 10px;
padding-left: 15px;
position: relative;
}
#nbf-categories .nfb-category > div ul li:before {
content: "\f0da";
font-family: fontawesome;
position: absolute;
left: 0;
}
#nbf-categories .nfb-category > div ul li a {
color: #000000;
}
#nbf-categories .nfb-category > div ul li a:hover {
color: #000000;
text-decoration: underline;
}
.new-faq-container {
margin-top: 85px;
}
.nbf-cat-wrapper {
margin-top: 70px;
}
.nbf-cat-title {
color: #000;
font-weight: 300;
margin-bottom: 30px;
}
.nbf-cat-title a {
font-weight: 700;
display: block;
font-size: 14px;
letter-spacing: 0;
color: #346CA1;
line-height: 14px;
margin-bottom: 15px;
}
#maincontent.nbf-cat-wrapper #faqs h2 {
border: 0 !important;
margin: 0 !important;
padding: 9px 0 14px;
}
#maincontent.nbf-cat-wrapper #faqs h2 a {
font-size: 22px !important;
position: relative;
}
#maincontent.nbf-cat-wrapper .answer p {
font-size: 15px;
line-height: 26px;
color: #6f6f70;
margin-bottom: 20px;
font-weight: 100;
}
#maincontent.nbf-cat-wrapper #faqs h2 a span {
right: -45px;
position: absolute;
width: 30px;
height: 30px;
color: #cccccc;
margin-top: 1px;
font-size: 22px;
}
#maincontent.nbf-cat-wrapper #faqs h2 a span i {
-moz-transition: all 0.2s ease-out 0s;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#maincontent.nbf-cat-wrapper #faqs h2 a span.active i {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
transform: rotate(90deg);
}
.nbf-cat-wrapper .span3 .widget {
max-width: 196px;
margin-right: 0;
margin-left: auto;
}
.nbf-cat-wrapper .span3 .widget.plain-widget {
border: 0;
padding: 0;
}
.nbf-cat-wrapper .span3 .widget.plain-widget h3 {
margin: 6px 0 6px;
padding: 0;
border: 0;
}
.nbf-cat-wrapper .span3 .widget.plain-widget h3 a {
font-size: 18px;
text-transform: uppercase;
font-weight: 700;
}
.nbf-cat-wrapper .span3 .widget.plain-widget > div > a {
display: block;
background: none;
font-size: 17px;
color: #070707;
font-weight: 300;
opacity: 1;
border-bottom: 1px solid #eeeeee;
padding: 15px;
margin: 0;
position: relative;
}
.nbf-cat-wrapper .span3 .widget.plain-widget > div > a:last-child {
border: 0;
}
.nbf-cat-wrapper .span3 .widget.plain-widget > div > a:hover,
.nbf-cat-wrapper .span3 .widget.plain-widget > div > a.active {
color: #ff0000;
}
.nbf-cat-wrapper .span3 .widget.plain-widget > div > a:before {
content: "\f0da";
font-family: fontawesome;
position: absolute;
left: 0;
color: #969696;
font-size: 16px;
}
.nbf-cat-wrapper .span3 .widget.support-widget {
padding: 20px 25px;
max-width: 146px;
background: url(/images_tmp/faq-block-bg.jpg) center bottom repeat-x;
border: 1px solid #d0d0d0;
background-size: contain;
}
.nbf-cat-wrapper .span3 .widget.support-widget h3 {
margin: 0 !important;
padding: 0 !important;
font-size: 18px;
text-transform: uppercase;
}
.nbf-cat-wrapper .span3 .widget.support-widget p {
margin: 5px 0 0;
font-size: 15px;
line-height: 22px;
color: #6f6f70;
}
/* NEW CLASSICAL MUSIC */
.ps-container{overflow:hidden !important}.ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail{display:block}.ps-container.ps-in-scrolling{pointer-events:none}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999}.ps-container>.ps-scrollbar-x-rail{display:none;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;bottom:3px;height:8px}.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x{position:absolute;background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;bottom:0;height:8px}.ps-container>.ps-scrollbar-y-rail{display:none;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;right:3px;width:8px}.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{position:absolute;background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;right:0;width:8px}.ps-container:hover.ps-in-scrolling{pointer-events:none}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999}.ps-container:hover>.ps-scrollbar-x-rail,.ps-container:hover>.ps-scrollbar-y-rail{opacity:0.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60)}.ps-container:hover>.ps-scrollbar-x-rail:hover{background-color:#eee;opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x{background-color:#999}.ps-container:hover>.ps-scrollbar-y-rail:hover{background-color:#eee;opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{background-color:#999}
#new-classical-music {
background: url(/images/genres/classical/classicalmusic-background.jpg) top center no-repeat;
background-attachment: initial;
margin-top: 65px;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='/images/genres/classical/classicalmusic-background.jpg',
sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='/images/genres/classical/classicalmusic-background.jpg',
sizingMethod='scale')";
}
#new-classical-music.fixed-bg {
background: url(/images/genres/classical/fixed-bg2.jpg) top center no-repeat;
background-attachment: fixed !important;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='/images/genres/classical/classicalmusic-background.jpg',
sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='/images/genres/classical/classicalmusic-background.jpg',
sizingMethod='scale')";
}
#new-classical-music h2 {
font-family: "alpaca_scarlett_demoregular";
text-transform: uppercase;
text-align: center;
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
letter-spacing: 3px;
}
.ncm-hero {
text-align: center;
min-height: 386px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.ncm-hero > img.ncm-title {
margin-top: 150px;
}
.ncm-hero .ncm-scroll {
font-family: "proxima-nova",sans-serif;
font-size: 11px;
font-weight: 300;
text-transform: uppercase;
color: #fff;
letter-spacing: 1px;
position: absolute;
bottom: 56px;
left: 50%;
margin-left: -77px;
}
.ncm-hero .ncm-scroll span {
-moz-opacity: 0.30;
filter: alpha(opacity=30);
opacity: 0.3;
-moz-transition: all 0.2s ease-out 0s;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.ncm-hero .ncm-scroll:hover span {
-moz-opacity: 0.70;
filter: alpha(opacity=70);
opacity: 7;
}
/* Safari Hacks....unfortunately */
_::-webkit-full-page-media, _:future, :root .ncm-hero .ncm-scroll {
font-weight: 600;
}
.ncm-hero .ncm-scroll:after {
content: " ";
display: block;
width: 21px;
height: 13px;
background: url(/images/genres/classical/scroll-arrow.png) no-repeat;
position: absolute;
left: 50%;
margin-left: -11px;
bottom: -30px;
}
.ncm-hero .ncm-hero-learn {
position: absolute;
right: 0;
bottom: 43px;
-moz-transition: all 0.2s ease-out 0s;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.ncm-hero .ncm-hero-learn:hover {
-moz-opacity: 0.90;
filter: alpha(opacity=90);
opacity: 0.9;
}
.ncm-getpaid-wrapper {
background: #ecac4a;
padding-bottom: 77px;
}
.ncm-getpaid-wrapper h2 {
font-size: 30px;
margin: 59px 0 54px;
}
.ncm-getpaid-wrapper .gpw-card {
background: #fefefe url(/images/genres/classical/card-bg.jpg) repeat-x;
padding: 25px;
border-bottom: 7px solid #262749;
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}
.ncm-getpaid-wrapper .gpw-card:after {
content: " ";
clear: both;
display: block;
}
.ncm-getpaid-wrapper .gpw-card img {
float: left;
margin-right: 23px
}
.ncm-getpaid-wrapper .gpw-card h6 {
text-transform: uppercase;
font-weight: bold;
color: #333333;
letter-spacing: 1px;
margin-top: 6px;
margin-bottom: 6px;
font-size: 13px;
line-height: 13px;
}
.ncm-getpaid-wrapper .gpw-card h4 {
font-size: 24px;
line-height: 28px;
margin-top: 0;
}
#faq_jump
{
font-family: "proxima-nova",sans-serif;
font-size: 11px;
font-weight: 300;
text-transform: uppercase;
color: #fff;
letter-spacing: 1px;
margin-top: 30px;
}
#faq_jump:after
{
content: " ";
display: block;
width: 21px;
height: 13px;
background: url(/images/genres/classical/scroll-arrow.png) no-repeat;
position: relative;
left: 50%;
margin-left: -11px;
bottom: -30px;
}
.btn.btn-cards {
border: 0;
background: #262749;
box-shadow: none;
color: #fff;
text-shadow: none;
font-size: 15px;
padding: 14px 22px;
border-radius: 5px;
margin-top: 8px;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.2s ease-out 0s;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.btn.btn-cards:hover {
background: #1c1c36;
}
.ncm-getpaid-wrapper .gpw-card-music {
padding-top: 18px;
}
.ncm-getpaid-wrapper .gpw-card-music h4 {
margin-bottom: 0;
}
.ncm-getpaid-wrapper .gpw-card-music .btn.btn-cards {
margin-top: 5px;
padding: 14px 27px;
}
.ncm-getpaid-wrapper .gpw-card-music img {
position: relative;
top: 6px;
}
.ncm-payment {
background: #fff;
padding-bottom: 50px;
}
.ncm-payment h2 {
font-size: 30px;
padding: 60px 0 55px;
margin: 0;
}
.ncm-payment h5 {
font-size: 20px;
line-height: 20px;
color: #1c1c1c;
padding-bottom: 23px;
border-bottom: 1px solid #de9d48;
-webkit-font-smoothing: antialiased;
font-weight: 600;
margin-bottom: 28px;
}
.ncm-payment h5 small {
color: #a3a3a3;
font-size: 15px;
font-weight: 600;
}
.ncm-payment p {
font-size: 16px;
line-height: 23px;
font-weight: 300;
color: #262947;
}
.ncm-tweet {
padding-bottom: 100px;
}
.ncm-tweet h2 {
color: #fff;
font-size: 41px;
margin: 110px 0 70px;
}
.ncm-tweet .tweet-card {
background: #fff;
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.3);
-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.3);
box-shadow: 0 1px 4px rgba(0,0,0,0.3);
padding: 30px;
margin-bottom: 35px;
}
.ncm-tweet .tweet-card p.meta {
text-transform: uppercase;
color: #b1b1b1;
font-size: 13px;
margin-bottom: 4px;
}
.ncm-tweet .tweet-card p.meta strong {
color: #535273;
}
.ncm-tweet .tweet-card p.tweet {
font-size: 22px;
line-height: 27px;
color: #000000;
font-weight: 700;
-webkit-font-smoothing: antialiased;
margin-bottom: 0;
}
.ncm-tweet .tweet-card p.tweet a {
color: #d19035;
-moz-transition: all 0.2s ease-out 0s;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.ncm-tweet .tweet-card p.tweet a:hover {
color: #bb8130;
}
.ncm-team {
background: #fff;
padding-bottom: 77px;
}
.ncm-team h2 {
font-size: 30px;
margin: 65px 0 25px;
}
.ncm-team p {
font-size: 18px;
color: #1c1c1c;
text-align: center;
line-height: 28px;
font-weight: 300;
max-width: 695px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
.ncm-team p a {
color: #ab2527;
font-weight: 300;
}
.ncm-team p a:hover {
color: #911e1f;
}
.ncm-team .songwriter {
display: inline-block;
vertical-align: top;
width: 150px;
margin-right: 16px;
text-align: center;
font-weight: bold;
font-size: 13px;
color: #000;
text-transform: uppercase;
}
.ncm-team .songwriter:last-child {
margin-right: 0;
}
.ncm-team .songwriter .profile-image {
display: block;
position: relative;
margin-bottom: 10px;
outline: none !important;
}
.ncm-team .songwriter .profile-image span {
background: rgba(0,0,0,0.6);
width: 140px;
height: 140px;
border-radius: 500px;
position: absolute;
top: 2px;
left: 5px;
color: #fc844b;
-webkit-font-smoothing: antialiased;
opacity: 0;
-moz-transition: all 0.2s ease-out 0s;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.ncm-team .songwriter .profile-image:hover span {
opacity: 1;
}
.ncm-team .songwriter .profile-image span i {
display: block;
width: 22px;
height: 24px;
margin: 45px auto 5px;
background: url('/images/cardinal_app/hithouse_plus.png');
}
.ncm-widgets {
background: #ecac4a;
color: #262947;
padding: 68px 0 60px;
}
.ncm-widgets h2 {
color: #fff;
text-align: center;
font-size: 22px;
width: 230px;
margin: 0 auto 23px;
border-bottom: 2px solid rgba(222, 157, 72, 0.4);
letter-spacing: 2px !important;
padding-bottom: 15px;
}
.ncm-widgets h2 ~ div {
width: 310px;
margin: 0 auto;
}
.ncm-widgets h2 ~ div iframe {
border: 0;
}
.ncm-widgets ul.ncm-prize {
margin: 0;
padding: 0;
text-align: left;
list-style-type: none;
}
.ncm-widgets ul.ncm-prize li {
font-weight: 600;
font-size: 16px;
line-height: 23px;
margin-bottom: 13px;
}
.ncm-widgets ul.ncm-prize li:after {
content: " ";
clear: both;
display: block;
}
.ncm-widgets ul.ncm-prize li img {
margin-right: 14px;
vertical-align: middle;
float: left;
}
.ncm-widgets ul.ncm-prize li a {
color: #262947;
}
.ncm-widgets ul.ncm-prize li a:hover {
color: #1c1c36;
}
.ncm-widgets ul.ncm-prize li:nth-child(1) span, .ncm-widgets ul.ncm-prize li:nth-child(3) span {
position: relative;
top: 10px;
}
.ncm-widgets ul.ncm-prize li:nth-child(2) span, .ncm-widgets ul.ncm-prize li:nth-child(4) span {
position: relative;
top: 22px;
}
.ncm-bloglist {
background: #e19f39;
border: 1px solid #d79c43;
padding: 13px 0 0 25px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-height: 380px;
overflow: hidden;
position: relative;
}
.ncm-bloglist ul {
list-style-type: none;
margin: 0;
}
.ncm-bloglist ul li {
max-width: 225px;
margin-bottom: 12px;
}
.ncm-bloglist ul li a {
color: #262947;
font-size: 16px;
line-height: 22px;
font-weight: 700;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.2s ease-out 0s;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.ncm-bloglist ul li a:hover {
color: #1c1c36;
}
.ncm-bloglist .ps-scrollbar-x-rail {
display: none !important;
}
.ncm-bloglist.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
background: #e4aa4f !important;
border: 1px solid #d79c43;
opacity: 1 !important;
}
.ncm-bloglist.ps-container:hover>.ps-scrollbar-y-rail {
background: #e19f39 !important;
opacity: 1 !important;
margin-top: 13px;
}
.ncm-news {
background: #f1f1f1;
}
.ncm-news h2 {
font-size: 36px;
margin-top: 75px;
margin-bottom: 57px;
}
.ncm-news .btn.btn-more {
background: #ecac4a;
color: #fff;
border: 0;
box-shadow: none;
text-shadow: none;
font-size: 15px;
-webkit-font-smoothing: antialiased;
padding: 14px 44px;
border-radius: 4px;
margin: 30px auto 88px;
display: block;
max-width: 162px;
box-sizing: border-box;
-moz-transition: all 0.2s ease-out 0s;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.ncm-news .btn.btn-more:hover {
background: #ce9641;
}
.nmc-faq h2.question {
font-family: "proxima-nova" !important;
letter-spacing: 0 !important;
text-align: left !important;
}
.nmc-faq .tab {
font-size: 24px;
}
.nmc-faq .tab a {
display: inline-block;
width: 50%;
vertical-align: top;
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
font-weight: 600;
-webkit-font-smoothing: antialiased;
color: #1c1c1c;
-moz-transition: all 0.2s ease-out 0s;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
float: left;
border-bottom: 1px solid #fff;
}
.nmc-faq .tab a.active,
.nmc-faq .tab a:hover {
color: #fff;
background: #ecac4a;
}
.ncm-last {
background: #efefef;
border-top: 1px solid #dadada;
}
.ncm-last h4 {
margin-top: 45px;
font-weight: 700;
font-size: 20px;
-webkit-font-smoothing: antialiased;
margin-bottom: 18px;
}
.ncm-last p {
color: #6f6f70;
font-size: 15px;
font-weight: 300;
margin-bottom: 35px;
}
.ncm-last p a {
font-weight: 300;
color: #ab2527;
}
.ncm-last p a:hover {
color: #911e1f;
}
.ncm-composer {
overflow: hidden;
}
.modal-hit-house.modal-ncm {
width: 915px;
min-height: 0;
}
.modal-hit-house.modal-ncm .placeholder {
float: left;
margin-right: 30px;
}
.modal-hit-house.modal-ncm .modal-body h3 small {
display: block;
margin-top: 10px;
}
.modal-hit-house.modal-ncm .modal-body p a {
font-weight: 500;
color: #fff;
border-bottom: 1px solid rgba(255,255,255,0.4);
}
.modal-hit-house.modal-ncm .modal-body h3 {
margin-bottom: 10px;
}
/* BMI VIDEO */
.subscribe-bmi-button {
vertical-align: middle;
margin-top: 55px;
text-align: right;
}
.subscribe-bmi-button > div,
.subscribe-bmi-button-block > div {
vertical-align: middle !important;
margin-left: 5px !important;
}
.subscribe-bmi-button-block {
background: #f4f4f4;
padding: 5px 10px;
vertical-align: middle;
border-radius: 4px;
}
.view-on-youtube {
color: #dfdfdf !important;
background: #5b5b5b !important;
opacity:1 !important;
}
.view-on-youtube-dark {
color: #ddd !important;
background: #5c5c5c !important;
opacity:1 !important;
}
.videoheading .share_this {
width: 100%;
}
/* BMI LIVE */
#bmilive {
min-height: 490px;
background: url('/images/cardinal_app/bmi_live_banner.jpg') center top no-repeat;
background-size: cover;
color: #fff;
margin-top: 68px;
}
#bmilive h1.modheaddark {
font-size: 60px;
line-height: 64px;
text-align: center;
max-width: 840px;
letter-spacing: 0;
margin: 128px auto 0;
}
#bmilive a.btn-block {
background: #ef111d;
font-size: 20px;
line-height: 28px;
max-width: 340px;
padding: 17px 19px 15px;
margin: 40px auto 0;
-moz-transition: all 0.2s ease-out 0s;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
border-radius: 5px;
text-shadow: none;
}
#bmilive a.btn-block:hover {
background: #bd362f;
}
#bmilive > .container .contact-link {
font-size: 18px;
color: #fff;
margin-top: 14px;
display: block;
font-weight: 600;
}
#bmilive > .container .contact-link:after {
content: " ";
display: block;
border-bottom: 1px solid #6b6f74;
width: 85px;
margin: 0 auto;
position: relative;
top: -7px;
}
#bmilive-steps {
height: 142px;
background: #f5f5f5;
border-bottom: 1px solid #ececec;
}
#bmilive-steps hr {
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 10px solid #e3e3e3;
margin: 0;
box-shadow: 0 2px 1px rgba(0,0,0,0.11);
}
#bmilive-steps ul {
margin: -58px 0 0 11px;
padding: 0;
width: 107%;
}
#bmilive-steps ul li {
display: inline-block;
width: 250px;
float: left;
}
#bmilive-steps ul li:nth-child(2) {
width: 270px;
}
#bmilive-steps ul li.last {
width: 110px !important;
}
#bmilive-steps ul li:last-child {
width: 200px;
}
#bmilive-steps ul li p {
font-size: 24px;
color: #000;
text-align: center;
max-width: 104px
}
#bmilive-steps ul li small {
display: block;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
margin-top: 12px;
line-height: 14px;
position: relative;
top: 6px;
}
#bmilive-quote {
padding: 75px 0 74px;
opacity: 0;
min-height: 345px;
box-sizing: border-box;
}
#bmilive-quote .span3 img {
margin-top: 5px;
}
#bmilive-quote blockquote {
background: #f9f9f9;
margin: 0;
border: 1px solid #d0d0d0;
border-radius: 5px;
box-shadow: 1px 2px 3px rgba(0,0,0,0.11);
padding: 33px 40px;
max-width: 928px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 0 0 auto;
position: relative;
}
#bmilive-quote blockquote .arrow {
display: block;
width: 44px;
height: 40px;
background: url('/images/cardinal_app/bmi_live_arrow.png') no-repeat;
position: absolute;
left: -37px;
top: 50%;
margin-top: -20px;
}
#bmilive-quote blockquote p {
font-size: 24px;
line-height: 30px;
color: #000000;
margin-bottom: 5px;
}
#bmilive-quote blockquote p strong {
font-size: 20px;
}
#bmilive-content {
padding: 60px 0;
background: url('/images/cardinal_app/bmi_live_background.jpg') center top no-repeat;
background-size: cover;
}
#bmilive-content p {
font-size: 16px;
line-height: 22px;
color: #000;
font-weight: 300;
margin-bottom: 20px;
}
#bmilive-content .btn-primary {
font-size: 14px;
text-shadow: none;
padding: 12px 69px;
margin-top: 10px;
}
#bmilive-content .schedule {
background: #fff;
position: relative;
border-radius: 3px;
overflow: hidden;
}
#bmilive-content .schedule-inner {
background: #fff;
position: relative;
z-index: 2;
margin: 1px;
border-radius: 3px;
padding: 30px;
}
#bmilive-content .schedule:before,
#bmilive-content .schedule:after {
content: "";
position: absolute;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eaeaea), to(transparent));
background-image: -webkit-linear-gradient(#eaeaea, transparent);
background-image: -moz-linear-gradient(#eaeaea, transparent);
background-image: -o-linear-gradient(#eaeaea, transparent);
background-image: linear-gradient(#eaeaea, transparent);
top: -3px;
bottom: -3px;
width: 100%;
border-radius: 3px;
}
#bmilive-content .schedule-inner h3 {
margin-top: 0;
font-size: 22px;
font-weight: bold;
margin-bottom: 20px;
}
#bmilive-content .schedule-inner ul {
list-style-type: none;
}
#bmilive-content .schedule-inner ul ul {
margin-top: 14px;
}
#bmilive-content .schedule-inner ul ul ul {
margin-top: 10px;
}
#bmilive-content .schedule-inner ul.year {
margin-left: 0;
}
#bmilive-content .schedule-inner ul.year > li {
font-weight: 300;
font-size: 30px;
color: #989898;
-webkit-font-smoothing: antialiased;
}
#bmilive-content .schedule-inner ul.year > li li {
font-size: 17px;
margin-bottom: 10px;
color: #393939;
font-weight: 500;
}
#bmilive-testimonials {
background: url("/images/cardinal_app/calbg.jpg") center top no-repeat #000;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
color: #fff;
padding-top: 0px;
padding-bottom: 0px;
min-height: 300px;
background-position: 0 -120px !important;
text-align: center;
position: relative;
}
#bmilive-testimonials .flex-direction-nav .flex-next {
background: url(/images/cardinal_app/bmi_live_next.png);
width: 48px;
height: 48px;
right: -80px;
}
#bmilive-testimonials .flex-direction-nav .flex-prev {
background: url(/images/cardinal_app/bmi_live_prev.png);
width: 48px;
height: 48px;
}
#bmilive-testimonials .flex-direction-nav .flex-prev,
#bmilive-testimonials .flex-direction-nav .flex-next {
opacity: 0.8;
-moz-transition: all 0.2s ease-out 0s;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#bmilive-testimonials .flex-direction-nav .flex-prev:hover,
#bmilive-testimonials .flex-direction-nav .flex-next:hover {
opacity: 1;
}
#bmilive-testimonials .flexslider {
margin-bottom: 0;
}
#bmilive-testimonials .flex-direction-nav {
z-index: 2;
position: relative;
top: 150px;
}
#bmilive-testimonials h4 {
color: #fff;
text-transform: uppercase;
font-weight: bold;
font-size: 16px;
letter-spacing: 0;
margin-top: 40px;
-webkit-font-smoothing: antialiased;
margin-bottom: 20px;
}
#bmilive-testimonials .testimonials-text {
font-size: 24px;
line-height: 28px;
font-weight: 300;
display: block;
max-width: 820px;
margin: 0 auto 20px;
}
#bmilive-testimonials .testimonials-image {
display: block;
text-align: center;
}
#bmilive-testimonials .writer {
font-weight: bold;
font-size: 16px;
margin-top: 15px;
display: block;
}
/* BMI HIT HOUSE */
#hithouse {
min-height: 702px;
background: url('/images/cardinal_app/hithouse_banner.jpg') center top no-repeat;
background-size: cover;
color: #fff;
margin-top: 68px;
}
#hithouse .heading {
margin-top: 61px;
text-align: center;
}
#hithouse .heading img {
display: block;
margin-left: auto;
margin-right: auto;
}
#hithouse .heading img.top-title {
margin-bottom: 18px;
}
#hithouse .heading img.bottom-title {
margin-bottom: 17px;
}
#hithouse .heading p {
font-family: 'centurygothic';
text-transform: uppercase;
color: #fc844b;
letter-spacing: 1px;
}
#hithouse .video-player-wrapper {
margin-top: 43px;
}
#hithouse .video-player-wrapper > div {
display: inline-block;
vertical-align: top;
background: #000000;
height: 437px;
}
#hithouse .video-player-wrapper > div.left-wrapper {
width: 770px;
}
#hithouse .video-player-wrapper > div.left-wrapper #video-holder {
box-shadow: 0 2px 9px rgba(0,0,0,0.35);
height: 100%;
}
#hithouse .video-player-wrapper > div.right-wrapper {
width: 398px;
position: relative;
overflow: hidden;
}
#hithouse .video-player-wrapper > div.right-wrapper > div {
height: 400px;
overflow: hidden;
}
#hithouse .video-player-wrapper > div.right-wrapper:after {
content: " ";
width: 100%;
height: 121px;
position: absolute;
bottom: 0;
background: url('/images/cardinal_app/hithouse_playlist_gradient.png') no-repeat;
}
#hithouse .video-player-wrapper > div.right-wrapper #playlist {
list-style-type: none;
margin: 21px 20px 25px;
padding-bottom: 50px;
}
#hithouse .video-player-wrapper > div.right-wrapper #playlist li {
margin-bottom: 20px;
}
#hithouse .video-player-wrapper > div.right-wrapper #playlist li a {
display: block;
}
#hithouse .video-player-wrapper > div.right-wrapper #playlist li a img {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=36)";
opacity: 0.36;
-moz-transition: all 0.2s ease-out 0s;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#hithouse .video-player-wrapper > div.right-wrapper #playlist li a.active img,
#hithouse .video-player-wrapper > div.right-wrapper #playlist li a:hover img {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1;
}
#hithouse .video-player-wrapper > div.right-wrapper #playlist li span {
display: inline-block;
vertical-align: top;
*zoom: 1;
*display: inline;
}
#hithouse #playlist img {
width: 142px;
max-width: 142px;
}
#hithouse .video-player-wrapper > div.right-wrapper #playlist li span:last-child {
max-width: 168px;
margin-left: 16px;
color: #fff;
text-transform: uppercase;
font-weight: 400;
font-size: 12px;
line-height: 17px;
padding-top: 13px;
opacity: 0.36;
-moz-transition: all 0.2s ease-out 0s;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#hithouse .video-player-wrapper > div.right-wrapper #playlist li a.active span:last-child,
#hithouse .video-player-wrapper > div.right-wrapper #playlist li a:hover span:last-child {
color: #ff6e42;
opacity: 1;
}
#hithouse .video-player-wrapper > div.right-wrapper #playlist li span:last-child time {
display: block;
font-size: 13px;
color: #fff;
margin-top: 3px;
opacity: 0.5;
-moz-transition: all 0.2s ease-out 0s;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#hithouse .video-player-wrapper > div.right-wrapper #playlist li a.active span:last-child time,
#hithouse .video-player-wrapper > div.right-wrapper #playlist li a:hover span:last-child time {
color: #5e5e5e;
opacity: 1;
}
#hithouse .video-player-wrapper > div.right-wrapper #playlist li a span:first-child {
position: relative;
}
#hithouse .video-player-wrapper > div.right-wrapper #playlist li a span:first-child:after {
content: " ";
position: absolute;
width: 37px;
height: 37px;
background: url('/images/cardinal_app/hithouse_play.png') no-repeat;
top: 50%;
margin-top: -18px;
left: 50%;
margin-left: -18px;
opacity: 0;
-moz-transition: all 0.2s ease-out 0s;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#hithouse .video-player-wrapper > div.right-wrapper #playlist li a.active span:first-child:after,
#hithouse .video-player-wrapper > div.right-wrapper #playlist li a:hover span:first-child:after {
opacity: 1;
}
#hithouse .video-player-wrapper .ps-scrollbar-y-rail {
z-index: 4;
right: 13px !important;
background: none !important;
}
#hithouse .video-player-wrapper .ps-container.ps-active-y>.ps-scrollbar-y-rail {
margin-top: 20px;
top: 0 !important;
}
#hithouse .ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
width: 7px !important;
background: #343434 !important;
}
#hithouse-description {
background: #e9e2d9;
padding: 40px 0 39px;
}
#hithouse-description .desc {
background: #f4f0ec;
font-size: 19px;
line-height: 28px;
font-weight: 300;
padding: 25px;
color: #000;
-webkit-font-smoothing: antialiased;
}
#hithouse-description .desc .more-content {
display: none;
}
#hithouse-description .desc a {
color: #fc844b;
font-size: 15px;
}
#hithouse-description .share-block {
border: 3px solid #d2cbc2;
text-align: center;
padding: 24px 0 23px;
}
#hithouse-description .share-block h5 {
font-size: 21px;
font-weight: bold;
color: #000000;
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
margin-top: 0;
margin-bottom: 18px;
}
#hithouse-description .share-block p {
font-size: 13px;
color: #000;
margin-bottom: 4px;
}
#hithouse-description .share-block .addthis_sharing_toolbox {
margin-bottom: 7px;
}
#hithouse-songwriters h2 {
text-align: center;
font-family: 'centurygothic';
letter-spacing: 1px;
text-transform: uppercase;
font-size: 24px;
margin-top: 49px;
margin-bottom: 40px;
}
#hithouse-songwriters h2.pullup {
margin-top: 0;
}
#hithouse-songwriters .songwriter {
display: inline-block;
vertical-align: top;
width: 150px;
margin-right: 16px;
text-align: center;
font-weight: bold;
font-size: 13px;
color: #000;
text-transform: uppercase;
}
#hithouse-songwriters .songwriter:last-child {
margin-right: 0;
}
#hithouse-songwriters .songwriter .profile-image {
display: block;
position: relative;
margin-bottom: 10px;
outline: none !important;
}
#hithouse-songwriters .songwriter .profile-image span {
background: rgba(0,0,0,0.6);
width: 140px;
height: 140px;
border-radius: 500px;
position: absolute;
top: 2px;
left: 5px;
color: #fc844b;
-webkit-font-smoothing: antialiased;
opacity: 0;
-moz-transition: all 0.2s ease-out 0s;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#hithouse-songwriters .songwriter .profile-image:hover span {
opacity: 1;
}
#hithouse-songwriters .songwriter .profile-image span i {
display: block;
width: 22px;
height: 24px;
margin: 45px auto 5px;
background: url('/images/cardinal_app/hithouse_plus.png');
}
#hithouse-songwriters .line-separator {
margin: 40px 0 29px;
}
#hithouse-songwriters .managers {
text-align: center;
max-width: 493px;
margin-left: auto;
}
#hithouse-songwriters .managers.managers2 {
margin-left: -10px;
}
#hithouse-songwriters .staff {
text-align: center;
max-width: 284px;
margin-left: 110px;
}
#hithouse-songwriters .staff ul {
list-style-type: none;
margin: 0;
}
#hithouse-songwriters .staff ul li {
font-size: 14px;
line-height: 20px;
color: #000;
-webkit-font-smoothing: antialiased;
margin-bottom: 16px;
}
#hithouse-songwriters .staff ul li strong {
font-size: 17px;
font-weight: 600;
display: block;
}
#hithouse-widgets {
background: #000;
padding: 50px 0;
margin-top: 40px;
}
#hithouse-widgets h2 {
text-align: center;
font-family: 'centurygothic';
letter-spacing: 1px;
text-transform: uppercase;
font-size: 24px;
margin-top: 0;
margin-bottom: 40px;
color: #fff;
}
#hithouse-widgets .embed-container {
max-width: 350px;
margin: 0 auto;
min-height: 430px;
}
.embed-container {
position: relative;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#hithouse-widgets ~ footer {
background-position: 0 -3px;
}
.modal-hit-house {
background: #000000;
border-radius: 0 !important;
-webkit-font-smoothing: antialiased;
width: 640px;
min-height: 415px;
box-sizing: border-box;
}
.modal.modal-hit-house .btn-danger-modal {
text-indent: -99999px;
width: 15px;
height: 15px;
background: transparent url('/images/cardinal_app/hithouse_close.jpg') no-repeat;
margin: 10px 0 0 0;
}
.modal-hit-house .modal-body {
background: #000;
text-align: left;
padding: 35px 30px !important;
}
.modal-hit-house .modal-body h3 {
font-weight: 300;
font-size: 27px;
margin-bottom: 25px;
}
.modal-hit-house .modal-body h3.name-with-title {
margin-bottom: 0;
}
.modal-hit-house .modal-body p {
font-size: 17px;
line-height: 28px;
}
.modal-hit-house .modal-body p.title {
font-size: 15px;
line-height: 21px;
margin-bottom: 20px;
color: #7e7e7e;
}
.modal-hit-house .twitter-url {
display: block;
min-height: 22px;
padding-left: 30px;
background: url('/images/cardinal_app/hithouse_twitter.jpg') no-repeat;
color: #7e7e7e;
font-size: 15px;
font-weight: 400;
margin-top: 30px;
}
#hithouse ~ .modal-backdrop.fade.in {
opacity: 0.85;
}
/* NEW MEDIA */
#newmedia {
min-height: 549px;
background: url('/images/cardinal_app/newmedia-background.jpg') center bottom no-repeat;
background-size: cover;
color: #fff;
margin-top: 68px;
}
#newmedia > .container {
padding-top: 72px;
}
#newmedia > .container .span8 .modheaddark {
font-size: 49px;
line-height: 57px;
text-align: left;
letter-spacing: 0;
max-width: 650px;
}
#newmedia > .container .span8 p {
color: #fff;
font-size: 17px;
line-height: 28px;
font-weight: 200;
margin-top: 18px;
max-width: 630px;
margin-left: 4px;
}
#newmedia > .container .span8 p strong {
font-weight: 600;
}
#newmedia > .container .span4 p {
margin-left: 28px;
}
#newmedia > .container .span4 p:first-child {
margin-top: 102px;
margin-bottom: 35px;
}
#newmedia > .container .span4 .btn-block {
padding: 19px 19px;
max-width: 340px;
margin-left: auto;
margin-right: auto;
font-size: 20px;
font-weight: 600;
border-radius: 4px;
}
#newmedia > .container .span4 .contact-link {
font-size: 18px;
color: #fff;
margin-top: 27px;
display: block;
font-weight: 600;
}
#newmedia > .container .span4 .contact-link:after {
content: " ";
display: block;
border-bottom: 1px solid #6a8c9a;
width: 85px;
margin: 0 auto;
position: relative;
top: -7px;
}
#newmedia-licensing {
margin-top: 33px;
padding-bottom: 45px;
}
#newmedia-licensing h2 {
font-size: 30px;
line-height: 56px;
margin-top: 0px;
font-weight: 700;
}
#newmedia-licensing h2.nml-title {
text-align: center;
}
#newmedia-licensing .licensing-tab {
margin: 36px 0 154px;
padding: 0;
}
#newmedia-licensing .licensing-tab li {
float: left;
border-top: 2px solid #51aded;
border-bottom: 2px solid #51aded;
border-left: 2px solid #51aded;
list-style-type: none;
width: 19.7%;
text-align: center;
position: relative;
-moz-transition: all 0.2s ease-out 0s;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#newmedia-licensing .licensing-tab li.last {
border-right: 2px solid #51aded;
}
#newmedia-licensing .licensing-tab li a {
font-size: 15px;
color: #51aded;
display: block;
padding: 17px 0 19px;
-moz-transition: all 0.2s ease-out 0s;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#newmedia-licensing .licensing-tab li .arrow {
width: 28px;
height: 10px;
background: url("/images/cardinal_app/newmedia-arrow.jpg") no-repeat;
position: absolute;
bottom: -12px;
left: 50%;
margin-left: -14px;
opacity: 0;
-moz-transition: all 0.2s ease-out 0s;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#newmedia-licensing .licensing-tab li:hover,
#newmedia-licensing .licensing-tab li.active {
background: #51aded;
}
#newmedia-licensing .licensing-tab li:hover > a,
#newmedia-licensing .licensing-tab li.active > a {
color: #fff;
}
#newmedia-licensing .licensing-tab li:hover > .arrow,
#newmedia-licensing .licensing-tab li.active > .arrow {
opacity: 1;
}
#newmedia-licensing #content-licensing-tab > div {
display: none;
}
#newmedia-licensing #content-licensing-tab > div:first-child {
display: block;
}
#newmedia-licensing #content-licensing-tab > div .lt-left {
float: left;
max-width: 64%;
}
#newmedia-licensing #content-licensing-tab > div .lt-left p {
color: #6f6f70;
font-size: 17px;
line-height: 28px;
font-weight: 300;
}
#newmedia-licensing #content-licensing-tab > div .lt-left h2 {
margin-bottom: 18px;
}
#newmedia-licensing #content-licensing-tab > div .lt-left .btn-flat {
margin-top: 18px;
padding-left: 27px;
padding-right: 27px;
font-size: 16px;
border-radius: 4px;
}
#newmedia-licensing #content-licensing-tab > div .pull-right {
margin-right: 59px;
top: -5px;
position: relative;
}
hr.nmn-hr {
border-top: 1px solid #dedede;
}
#newmedia-business {
padding: 27px 0;
margin-bottom: 18px;
}
#newmedia-business .nmb-tag {
display: inline-block;
color: #777777;
font-size: 21px;
font-weight: 100;
margin-right: 32px;
}
#newmedia-business .nbm-img {
display: inline-block;
}
#newmedia-business .nbm-img img {
position: relative;
top: -4px;
}
#newmedia-business .nmb-bundle {
color: #777777;
font-size: 21px;
font-weight: 100;
margin-top: 10px;
margin-bottom: 10px;
}
#newmedia-business h3.nmb-bundle {
margin-top: 30px;
}
#newmedia-business .nmb-bundle img {
filter: saturate(0%);
-webkit-filter: saturate(0%);
-moz-filter: saturate(0%);
-o-filter: saturate(0%);
-ms-filter: saturate(0%);
}
#newmedia-moreinfo {
background: #f2f2f2;
padding: 78px 0 68px;
}
#newmedia-moreinfo .span3 h2 {
color: #000000;
font-size: 25px;
font-weight: 700;
margin-bottom: 22px;
}
#newmedia-moreinfo .span3 p {
font-size: 15px;
line-height: 26px;
color: #6f6f70;
font-weight: 300;
margin-bottom: 3px;
}
.nmn-learnmore {
font-size: 15px;
color: #51aded;
font-weight: 600;
}
#newmedia-moreinfo .nmn-tag {
font-size: 25px;
color: #000000;
font-weight: 300;
margin-top: 64px;
margin-bottom: 25px;
}
#newmedia-moreinfo .nmn-btn {
font-size: 19px;
padding: 15px 24px 15px 24px;
font-weight: 600;
border-radius: 4px;
}
.newmedia-slider.sliderbg {
border-bottom: 0 !important;
}
.newmedia-slider #slider {
margin-top: 0;
max-width: 100%;
}
.newmedia-slider a.nivo-prevNav {
left: 120px !important;
}
.newmedia-slider a.nivo-nextNav {
right: 120px !important;
}
#newmedia-notice {
background: #efefef;
padding: 32px;
}
#newmedia-notice h4 {
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
color: #000000;
margin-bottom: 16px;
}
#newmedia-notice p {
font-size: 15px;
line-height: 27px;
color: #6f6f70;
max-width: 728px;
margin-left: auto;
margin-right: auto;
}
#newmedia-notice p a {
font-weight: 400;
color: #51aded;
}
#newmedia-notice ~ footer {
margin-top: 0;
}
#newmedia-calendar {
margin: 100px 0 90px;
}
#newmedia-calendar .nmc-left {
display: inline-block;
width: auto;
vertical-align: top;
}
#newmedia-calendar .nmc-right {
display: inline-block;
max-width: 450px;
vertical-align: top;
margin-left: 30px;
}
#newmedia-calendar .nmc-right h2 {
font-weight: 700;
font-size: 30px;
margin-top: 0;
}
#newmedia-calendar .nmc-right p {
font-size: 15px;
line-height: 26px;
color: #6f6f70;
font-weight: 300;
}
/* NEW MEDIA SUB PAGES */
#newmedia.subpages {
min-height: 348px;
}
#newmedia.subpages.standard-music-website {
background: url('/images/cardinal_app/standard-music-website.jpg') no-repeat;
background-size: cover;
}
#newmedia.subpages.corporate-music-website {
background: url('/images/cardinal_app/corporate-image-website.jpg') no-repeat;
background-size: cover;
}
#newmedia.subpages.non-commercial-website {
background: url('/images/cardinal_app/non-commercial-website.jpg') no-repeat;
background-size: cover;
}
#newmedia.subpages.av-music-videos {
background: url('/images/cardinal_app/av-music-videos.jpg') no-repeat;
background-size: cover;
}
#newmedia.subpages.music-service {
background: url('/images/cardinal_app/music-service.jpg') no-repeat;
background-size: cover;
}
#newmedia.subpages.more-information {
min-height: 204px;
background: url('/images/cardinal_app/new-media-more-information.jpg') center bottom no-repeat;
background-size: cover;
}
#newmedia.subpages.more-information > .container {
padding-top: 60px;
}
.modheaddark a.newmedia-back {
display: block;
color: #9a9a9a !important;
font-size: 13px !important;
letter-spacing: 0 !important;
margin-top: 0 !important;
margin-bottom: 10px;
}
.modheaddark a.newmedia-back i {
margin-right: 5px;
}
#newmedia.subpages > .container .span8 .modheaddark {
margin-top: 70px;
}
#newmedia.subpages > .container .span12 .modheaddark {
margin-top: 27px;
font-size: 49px !important;
}
#newmedia.subpages > .container .span4 p:first-child {
margin-top: 85px;
margin-bottom: 0;
}
#newmedia.subpages > .container .span4 .contact-link {
margin-top: 15px;
}
#newmedia.subpages > .container .span4 .contact-link:after {
border-bottom: 1px solid #707070;
}
#newmedia-notice.subpages {
background: #fff;
}
#nm-disclaimer p {
font-size: 14px;
color: #5a5a5a;
margin: 16px 0;
text-align: center;
}
#nm-content {
background: #fafafa;
padding: 48px 0;
}
#nm-content > .container > .row > .span8 > div {
max-width: 98%;
}
#nm-content p {
color: #6f6f70;
font-size: 15px;
line-height: 26px;
}
#nm-content h2 {
font-weight: 700;
font-size: 22px;
margin-top: 8px;
margin-bottom: 16px;
}
#nm-content .side-column h2 {
font-weight: 500;
margin-bottom: 8px;
}
#nm-content .nm-content-icon {
float: left;
margin-right: 27px;
margin-top: 5px;
}
#nm-content p.nm-separator {
margin-bottom: 15px;
}
#nm-content .side-column p.nm-separator {
margin-bottom: 0;
line-height: 0;
}
#nm-content p.nm-block {
color: #474747 !important;
background: #fcf8e3;
border: 1px solid #fbeed5;
border-radius: 2px;
padding: 12px 20px;
margin-top: 15px;
}
#nm-content .nm-list a {
font-size: 14px !important;
}
.nm-team {
text-align: center;
margin-top: 20px;
}
.nm-team .nm-team-item {
display: inline-block;
vertical-align: top;
width: 20.5%;
text-align: center;
margin-bottom: 60px;
}
.nm-team .nm-team-item span {
display: block;
font-size: 15px;
line-height: 24px;
color: #6f6f70;
font-weight: 100;
}
.nm-team .nm-team-item span strong {
display: block;
font-weight: 700;
margin-top: 22px;
}
/* NEW LOGIN MODAL */
ul#nml-login-tab {
margin-bottom: 0;
border: 0;
border-radius: 0 !important;
}
ul#nml-login-tab > li {
width: 50%;
border: 0 !important;
border-radius: 0 !important;
background: #861212;
text-align: center;
}
ul#nml-login-tab > li > a {
border: 0 !important;
border-radius: 0;
color: #FFF !important;
font-size: 22px;
-webkit-font-smoothing: antialiased;
padding: 20px 0;
margin-right: 0;
}
ul#nml-login-tab > .active > a,
ul#nml-login-tab > .active > a:hover {
background: #ef1d1d url(/images/cardinal_app/tab-arrow-bottom.png) no-repeat;
background-position: 50% 90%;
}
ul#nml-login-tab > li > a:hover {
background: #861212;
}
.modal-prebody {
background: #ef1d1d;
color: #fff;
padding: 25px;
}
.modal-prebody img {
float: left;
margin-right: 25px;
}
.modal-prebody p {
color: #fff;
font-size: 21px;
line-height: 25px;
font-weight: 400;
padding-top: 20px;
}
.modal-prebody:after {
content: " ";
display: block;
clear: both;
}
#nml-tab-music .creatormod,
#nml-tab-music .mumod {
padding-top: 0 !important;
border: 0 !important;
padding-bottom: 20px;
}
#nml-tab-music .creatormod {
padding-right: 0;
padding-left: 40px;
}
@media (max-width: 767px) {
#nml-tab-music .creatormod {
padding-left: 0px;
}
}
#nml-tab-creators .help-block {
display: inline;
float: left;
margin-left: 100px;
padding-top: 20px;
font-size: 13px;
margin-right: 60px;
}
#nml-tab-creators .help-block a {
color: #53aceb;
-webkit-font-smoothing: antialiased;
}
#nml-tab-creators .modal-footer h3 {
padding-bottom: 0;
}
#nml-tab-creators .creatormod {
float: none;
border: 0;
padding: 0 0 20px;
}
#newloginModal.modal .btn-danger-modal {
background: none;
font-size: 16px;
width: auto;
padding-right: 0;
}
#newloginModal.modal .btn-danger-modal img {
vertical-align: middle;
margin-right: 7px;
position: relative;
top: -2px;
}
/* ICONS */
.Spotify {
background: url("/images/cardinal_app/spotify_bg.png") no-repeat;
outline: 10px solid #fff;
outline-offset: -5px;
min-height: 142px;
}
.Spotify p {
text-align: center;
}
.Spotify h3, .Spotify h3 a, #container h3 .Spotify {
text-align: center;
padding-top: 30px !important;
font-size: 28px !important;
color: #fff !important;
}
.Spotify a, .Google .title, .Google p, .Google .labelcard {
color: #fff;
}
.Spotify a:hover {
color: #fff;
border-bottom: none;
}
.Google {
background: #000 !important;
}
.Google .title {
font-size: 20px !important;
line-height: 23px !important;
}
.gplusicon {
float: left;
margin-right: 15px;
margin-bottom: 5px;
}
/* QUESTIONABLE CSS LINES */
#container h3 {
font-size: 22px;
/* text-transform: uppercase; */
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 100 !important;
text-align: left justify;
letter-spacing: -1;
line-height: 1.258;
padding: 1px 0px 0px 0px;
}
#container h3 a {
color: #000;
}
#container h3 a:hover {
color: #8C7E7E;
text-decoration: underline;
}
.featurette h2 a{
font-size: 44px;
text-rendering: optimizeLegibility;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 100;
color: #111;
text-transform: capitalize;
line-height: 1.1;
padding-left: 3px;
}
.megabg h3 {
font-size: 22px;
text-rendering: optimizeLegibility;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 500;
color: #111;
text-transform: none;
line-height: 1.1;
padding-left: 3px;
padding-bottom: 5px;
padding-top: 10px;
}
#maincontent {
min-height: 500px;
}
/* ADDED AS NEW MEDIA SUPPORT ONLY */
#maincontent #faqs h2 {
font-size: 18px;
text-rendering: optimizeLegibility;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 700;
color: #111;
text-transform: none;
line-height: 1.4;
padding-top: 10px;
padding-bottom: 15px;
margin-bottom: 10px;
border-bottom: 1px dashed #eee;
}
#maincontent #faqs h2 a {
font-size: 18px;
text-rendering: optimizeLegibility;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 700;
color: #111;
text-transform: none;
line-height: 1.4;
padding-top: 10px;
padding-bottom: 15px;
margin-bottom: 10px;
}
#faqs .question {
font-size: 18px;
text-rendering: optimizeLegibility;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 700;
color: #111;
text-transform: none;
line-height: 1.4;
padding-bottom: 15px;
margin-bottom: 10px;
border-bottom: 1px dotted #dadada;
}
#faqs .question:hover {
text-decoration: underline;
cursor: pointer;
}
#maincontent h2 {
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 200;
font-size: 26px;
color: #111;
line-height: 1.2;
word-wrap: break-word;
padding-top: 10px;
padding-bottom: 13px;
margin-bottom: 10px;
border-bottom: 4px solid #f6f6f6;
/*
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 200;
font-size: 26px;
color: #111;
line-height: 1.2;
word-wrap: break-word;
padding-bottom: 13px;
margin-bottom: 20px;
border-bottom: 4px solid #f6f6f6;
*/
}
#maincontent h2 a {
font-size: 26px;
text-rendering: optimizeLegibility;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 200;
color: #111;
text-transform: none;
line-height: 1.1;
padding-bottom: 5px;
}
#maincontent h2 a:hover {
font-size: 26px;
text-rendering: optimizeLegibility;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 200;
text-decoration: underline;
color: #111;
text-transform: none;
line-height: 1.1;
padding-bottom: 5px;
/* padding-top: 10px; */
}
.applynow {
float: right;
}
.icon {
display: none;
}
/* SUBCATEGORY STYLE */
.subshadow {
-webkit-box-shadow: 0 0.5px 8px black;
-moz-box-shadow: 0 0.5px 8px black;
box-shadow: 0px 0.5px 8px black;
}
.subcategories {
padding: 20px 0px 0px 0px;
text-align: center;
}
#bussubs .subtext {
text-align: center;
font-family: "proxima-nova",sans-serif;
font-style: normal;
text-decoration: none;
font-weight: 500;
font-size: 15px;
color: #111;
}
#bussubs .subtext a {
text-align: center;
font-family: "proxima-nova",sans-serif;
font-style: normal;
text-decoration: none;
font-weight: 500;
font-size: 15px;
color: #111;
}
#bussubs .subtext a:hover,
#bussubs .subtext a.activated {
text-align: center;
font-family: "proxima-nova",sans-serif;
font-style: normal;
text-decoration: none;
font-weight: 500;
font-size: 15px;
color: #111;
border-bottom: 4px solid #ef1d1d;
}
.subs {
margin-bottom: 0px;
margin-top: 6px;
}
.tighten-line {
border-right: 0;
border-left: 0;
border-bottom: 0;
border-top: 4px solid #cacaca;
margin-bottom: 10px;
margin-top: 50px;
}
.subs.push-bottom {
margin-bottom: 50px;
}
#ataglance {
padding-top: 20px;
}
.toolsubs {
margin-bottom: 0px;
margin-top: 0px;
}
.subsdashed {
margin-bottom: 0px;
margin-top: 6px;
border-top: none;
border-bottom: 2px dotted #eee;
}
.subtext {
text-align: center;
font-family: "proxima-nova",sans-serif;
font-style: normal;
text-decoration: none;
font-weight: 500;
font-size: 20px;
color: #111;
}
.subtext a {
text-align: center;
font-family: "proxima-nova",sans-serif;
font-style: normal;
text-decoration: none;
font-weight: 500;
font-size: 20px;
color: #111;
}
.subtext a:hover,
.subtext a.activated {
text-align: center;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 500;
font-size: 20px;
color: #111;
border-bottom: 4px solid #ef1d1d;
}
/* GLOBAL STYLES */
html, body {
height: 100%;
font-family: "proxima-nova",sans-serif;
}
body {
color: #5a5a5a;
}
a {
color: #2f6ca5;
font-weight: 700;
}
a:hover {
color: #2f6ca5;
text-decoration: none;
}
.width {
width: 100%;
}
.border {
padding-bottom: 20px;
margin-bottom: 8px;
border-bottom: 8px solid #f6f6f6;
}
/* TYPOGRAPHY */
p {
font-family: "proxima-nova",sans-serif;
color: #5a5a5a;
line-height: 1.7;
}
blockquote p {
font-family: "proxima-nova",sans-serif;
color: #5a5a5a;
line-height: 1.7;
font-size: 14px;
margin: 0 0 10px;
font-weight: inherit;
}
p.lead {
margin: 0 0 10px;
}
h1 {
font-size: 50px;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 100;
line-height: 1;
letter-spacing: -1px;
text-rendering: optimizeLegibility;
}
h2 {
font-size: 44px;
text-rendering: optimizeLegibility;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 100;
color: #111;
text-transform: none;
line-height: 1.1;
}
h3 {
font-size: 22px;
text-rendering: optimizeLegibility;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 500;
color: #111;
text-transform: none;
line-height: 1.1;
padding-bottom: 5px;
padding-top: 10px;
}
h4 {
font-size: 16px;
text-rendering: optimizeLegibility;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 300;
color: #111;
text-transform: capitalize;
line-height: 1.1;
}
.smalljump {
font-style: normal;
font-weight: 200;
font-size: 14px;
margin-top: 0px;
}
.navtextblock {
height:46px;
padding-top: 22px;
padding-left: 5px;
}
.navtext {
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 600;
/* font-size: 15.3px; */
font-size: 14px;
text-rendering: optimizeLegibility;
letter-spacing: 1px;
line-height: 1.906;
color: #fff;
text-transform: uppercase;
text-shadow: 0px 1px 1px rgb( 0, 0, 0 );
}
.pageheader {
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 700;
font-size: 66px;
text-rendering: optimizeLegibility;
color: #fff;
letter-spacing: -2px;
}
.indiepageheader {
margin-top: 30px;
margin-bottom: 10px;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 700;
font-size: 66px;
text-rendering: optimizeLegibility;
color: #fff;
letter-spacing: -2px;
}
.callout {
font-size: 42px;
font-weight: 100;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px dotted #a2a2a2;
padding-top: 0px;
margin-top: 0px;
}
.secondary {
font-size: 22px;
font-weight: 100;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px dotted #a2a2a2;
padding-top: 0px;
margin-top: 0px;
}
.importantdate {
/* border-bottom: 1px dotted #a2a2a2; */
}
.importantdatetitle {
padding: 15px 10px 0px 10px;
font-size: 20px;
font-weight: 500;
}
.calloutblurb {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px dotted #a2a2a2;
}
.royaltydatestamp {
float: left;
margin: 0px 20px 0 0px;
padding: 10px;
background: #fff;
border: 1px solid #eee;
border-radius: 2px;
-moz-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
-webkit-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
-o-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
box-shadow:2px 2px 0 rgba(0,0,0,0.1);
}
#royaltyfeatureddate {
margin-bottom: 22px;
}
#royalty #manual li {
padding: 0px;
}
#royalty li {
padding:5px;
margin-top: 10px;
}
.oneline {
margin-top: 100px;
}
.twolines {
margin-top: 70px;
}
#widget h3 .top, #widget h3 .top a, #widget h3 .top a:hover{
padding-top: 0;
}
#widget h3, .widget h3, .contents h3 {
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 200;
font-size: 26px;
color: #111;
line-height: 1.2;
word-wrap: break-word;
padding-top: 10px;
padding-bottom: 13px;
margin-bottom: 10px;
border-bottom: 4px solid #f6f6f6;
}
#widget h3 a, .widget h3 a, .contents h3 a {
color: #111;
font-weight: 200;
}
#widget h3 a:hover, .widget h3 a:hover, .contents h3 a:hover{
color: #111;
border-bottom: 4px solid #f6f6f6;
text-decoration: underline;
}
.sidebar h1 {
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 200;
font-size: 26px;
color: #111;
line-height: 1.2;
word-wrap: break-word;
padding-bottom: 13px;
margin-bottom: 20px;
border-bottom: 4px solid #f6f6f6;
}
.sidebar h1 a {
color: #111;
}
.pageheaderbus {
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 100;
font-size: 54px;
color: rgb(51, 51, 51);
text-rendering: optimizeLegibility;
letter-spacing: -2px;
padding-bottom: 5px;
}
.pageheaderfaq {
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 100;
font-size: 40px;
color: rgb(51, 51, 51);
text-rendering: optimizeLegibility;
letter-spacing: -2px;
padding-bottom: 5px;
padding-top: 10px;
}
.subcall {
text-align: center;
color:#fff;
}
.subcall a {
text-align: center;
color: #51a351;
}
.altheader {
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 100;
font-size: 66px;
text-rendering: optimizeLegibility;
color: #fff;
letter-spacing: -2px;
}
.pagetag {
font-size: 22px;
letter-spacing: 0px;
text-rendering: optimizeLegibility;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 100;
color: #fff;
text-transform: capitalize;
line-height: 1.1;
padding-left: 3px;
}
.pagetagbus {
font-size: 28px;
text-rendering: optimizeLegibility;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 100;
color: #000;
text-transform: capitalize;
line-height: 1.3;
padding-left: 3px;
}
.busaction {
padding-top: 16px;
}
#intro {
padding-bottom: 20px;
}
.bususe {
line-height: 1.4;
}
.trademark {
font-size: 8px;
vertical-align: top;
}
footer a {
color: #fff;
font-weight: 300;
}
.footermark {
font-size: 10px;
color: #fff;
padding-bottom: 20px;
}
.footerline {
border-top: 1px solid #111;
border-bottom: 1px solid #606060;
}
.descriptionsmall {
font-family: "proxima-nova",sans-serif;
font-style: italic;
font-weight: 400;
font-size: 16px;
color: #929292;
margin-top: 0px;
}
.description {
font-family: "proxima-nova",sans-serif;
font-style: italic;
font-weight: 400;
font-size: 16px;
color: #929292;
margin-top: 26px;
text-align: right;
}
.descriptionbtndark {
font-family: "proxima-nova",sans-serif;
font-style: italic;
font-weight: 400;
font-size: 12px;
color: #979797;
margin-top: 10px;
}
.descriptionbtnlight {
font-family: "proxima-nova",sans-serif;
font-style: italic;
font-weight: 400;
font-size: 12px;
color: #fff;
margin-top: 10px;
}
.btn-danger:hover {
-moz-transition: all 0.2s ease-out 0s;
-webkit-transition: all 0.2s ease-out;
}
/* BANNERS */
.newbanner {
top: 40px;
min-width: 50px;
padding: 6px 6px 6px 6px;
text-align: center;
vertical-align: middle;
position: absolute;
height: auto;
float: left;
background-color: #fff;
color: #fff;
font-size: 16px;
text-rendering: optimizeLegibility;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 500;
/*
-webkit-box-shadow: 4px 4px 3px 2px rgba(0, 0, 0, .3);
box-shadow: 4px 4px 3px 2px rgba(0, 0, 0, .3);
*/
left: -10px;
}
.mwheader {
margin-top: 120px;
min-width: 50px;
padding: 10px 20px 0px 10px;
text-align: center;
vertical-align: middle;
position: absolute;
height: auto;
float: left;
background-color:#fff;
color: #111;
font-size: 16px;
font-weight: 500;
text-rendering: optimizeLegibility;
font-family: "proxima-nova",sans-serif;
font-style: normal;
}
.mwheaderright {
margin-top: 120px;
min-width: 50px;
padding: 10px 20px 0px 10px;
text-align: center;
vertical-align: middle;
position: absolute;
height: auto;
float: left;
background-color:#fff;
color: #111;
font-size: 16px;
font-weight: 500;
text-rendering: optimizeLegibility;
font-family: "proxima-nova",sans-serif;
font-style: normal;
}
.awardheader {
top: 290px;
min-width: 50px;
padding: 10px 10px 10px 10px;
text-align: center;
vertical-align: middle;
position: absolute;
height: auto;
float: left;
background-color:#ffffff;
color: #111;
font-size: 12px;
font-weight: 500;
text-rendering: optimizeLegibility;
font-family: "proxima-nova",sans-serif;
font-style: normal;
}
.eventbanner {
top: 130px;
min-width: 50px;
padding: 10px 10px 10px 10px;
text-align: center;
vertical-align: middle;
position: absolute;
height: auto;
float: left;
background-color:#fff;
color: #111;
font-size: 16px;
font-weight: 500;
text-rendering: optimizeLegibility;
font-family: "proxima-nova",sans-serif;
font-style: normal;
}
.eventbannerright {
top: 130px;
min-width: 50px;
padding: 10px 10px 10px 10px;
text-align: center;
vertical-align: middle;
position: absolute;
height: auto;
float: right;
left: 197px;
background-color:#fff;
color: #111;
font-size: 16px;
font-weight: 500;
text-rendering: optimizeLegibility;
font-family: "proxima-nova",sans-serif;
font-style: normal;
}
.instabanner {
top: 300px;
padding: 10px 10px 10px 10px;
text-align: center;
vertical-align: middle;
position: absolute;
height: auto;
float: left;
background: url('/images/cardinal_app/cream_pixels.png') repeat;
color: #111;
font-size: 16px;
font-weight: 500;
text-rendering: optimizeLegibility;
font-family: "proxima-nova",sans-serif;
font-style: normal;
border-top-right-radius: 15px;
}
.tweetbanner {
top: 180px;
padding: 10px 10px 10px 10px;
text-align: center;
position: absolute;
height: auto;
float: right;
background-color:#fff;
color: #111;
font-size: 16px;
font-weight: 500;
text-rendering: optimizeLegibility;
font-family: "proxima-nova",sans-serif;
font-style: normal;
border-top-right-radius: 15px;
}
.listenbanner {
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 400;
font-size: 10px;
color:#fff;
padding: 2px 4px 2px 4px;
margin-top: 6px;
background-color: #ef1d1d;
margin-right: 5px;
float: left;
border-radius: 4px;
}
/* PADDING STYLES */
.pad {
padding-top: 20px;
padding-bottom: 30px;
border-bottom: 8px solid #f6f6f6;
margin-bottom: 20px;
}
.pad2 {
padding-top: 20px;
padding-bottom: 30px;
margin-bottom: 20px;
}
.pad3 {
padding-top: 10px;
padding-bottom: 10px;
}
.pad20 {
padding-top: 20px;
margin-bottom: 20px;
}
.pad25 {
padding-top: 25px;
}
.pad30 {
padding-top: 30px;
}
.pad40 {
padding-top: 40px;
}
.paddingfromnav {
padding-top: 80px;
}
.padlr {
padding-left: 20px;
padding-right: 20px;
}
/* CUSTOM FORM ELEMENTS */
input[type="awards"] {
background-color: #fff;
border: 1px solid #e7e7e7;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: border linear .2s, box-shadow linear .2s;
-moz-transition: border linear .2s, box-shadow linear .2s;
-o-transition: border linear .2s, box-shadow linear .2s;
transition: border linear .2s, box-shadow linear .2s;
width: 100%;
height: 35px;
font-size: 16px;
text-rendering: optimizeLegibility;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 100;
color: #111;
}
/*
select {
height: 45px;
width: 100%;
background: none;
border: 1px solid #e7e7e7;
box-shadow: none;
}
*/
.btn-flat {
filter:progid:DXImageTransform.Microsoft.Gradient(enabled='false');
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background-image:none;
border:0;
}
.btn-primary {
background-color: rgb( 81, 173, 237 );
}
.btn-danger {
background-color: rgb( 237, 81, 83 );
}
/* IMAGE EFFECTS */
.grayscale {-webkit-filter: grayscale(100%);}
#gallery a img {
display: block;
-webkit-transition: all 0.5s;
}
/*Hover effects*/
.awardsdetail a img:hover {
-webkit-filter: none; /*Returns to default state*/
}
/*Default state for brightness has to be specified specifically*/
.awardsdetail a img.brightness:hover {
-webkit-filter: brightness(0);
}
.singleentry:hover {
-webkit-transform:scale(1.058);
}
/* LAYOUT ELEMENTS */
#container {
margin: 0 auto;
}
.entry {
margin-top: 80px;
}
/* The Magnificent Clearfix: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clear {clear: both;}
.center {
text-align: center;
display: block;
}
.solid {
white-space:nowrap;
}
/* ISOTOPE STYLES */
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.element {
width: 330px;
height: 600px;
margin-bottom: 20px;
margin: 5px;
float: left;
overflow: hidden;
position: relative;
color: #000;
font-size: 11px;
background-color: white;
box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
-moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);
-webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
padding: 15px 15px 5px 15px;
}
.Twitter {
background: #345F7D;
}
.Twitter p {
text-align: left;
}
.Twitter a {
color: #eee;
text-align: center;
}
.Twitter a:hover {
color: #fff;
border-bottom: none;
}
.Facebook {
background: url('/images/cardinal_app/facebook_f_new.png') no-repeat #3b5998;
background-position: 97% 0;
}
.Facebook .title {
color: #fff;
font-weight: 500 !important;
font-size: 20px !important;
line-height: 23px !important;
}
.Facebook p {
text-align: left;
}
.Facebook a {
color:#eee;
}
.Facebook a:hover {
color:#fff;
border-bottom: none;
}
.Instagram {
background: url('/images/cardinal_app/cream_pixels.png') repeat;
}
.Instagram .title {
font-size: 16px !important;
font-weight: 700 !important;
}
.Instagram h3 {
font-weight: 700;
}
.Pinterest {
background: url('/images/cardinal_app/pinterest_bg.png') no-repeat #fff;
background-position: left bottom;
}
#options {
padding-bottom: 1.0em;
float: right;
}
#options h3 {
margin-bottom: 0.2em;
font-size: 15px;
}
#options h4 {
font-weight: bold;
}
#options ul {
margin: 0;
list-style: none;
float: left;
}
#options ul ul {
margin-left: 1.5em;
}
#options li {
float: left;
margin-bottom: 0.2em;
}
#options li a {
display: block;
padding: 0.6em 1em;
background: #515151;
color: #fff;
font-weight: bold;
font-family: "proxima-nova",sans-serif;
font-size: 16px;
font-weight: 100;
}
#options li a:hover,
#options li a.activated {
background: #ef1d1d;
color: #fff;
}
#options li a.activated {
border-right: 0 !important;
}
.noborderleft {
border-left: 0 !important;
}
#options li a:active {
background-color: #ef1d1d;
-webkit-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
-moz-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
-o-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
}
#options li a {
border-left: 1px solid hsla( 0, 0%, 100%, 0.3 );
border-right: 1px solid hsla( 0, 0%, 0%, 0.2 );
}
#options li:first-child a {
border-radius: 4px 0 0 4px;
border-left: none;
}
#options li:last-child a {
border-radius: 0 7px 7px 0;
}
#options li a.selected {
background-color: #ef1d1d;
text-shadow: none;
color: white;
}
.pinlabelblock {
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 400;
font-size: 10px;
color:#fff;
padding:5px 10px ;
background-color: #bdbdbd;
margin-right: 5px;
border-radius: 4px;
}
.pinlabeldetail {
font-family: "proxima-nova",sans-serif;
font-weight: 500;
font-size: 12px;
color:#fff;
padding: 10px 10px 10px 10px;
background-color: #e7e7e7;
margin-right: 5px;
border-radius: 4px;
white-space: nowrap;
}
#options ul#otherchannels li a {
border-radius: 7px 7px 7px 7px;
background: #fff;
color: #515151;
margin-top: 0;
}
#options ul#filters {
margin-right: 5px;
}
#options ul#otherchannels li a:hover,
#options ul#otherchannels li a.selected {
background: #ef1d1d;
color: #fff;
}
#filter-musicworld-latest-lead .mwheader {
margin-top: 7%;
}
#filter-musicworld-latest-lead .actions {
margin-top: 10px;
}
#filter-musicworld-latest-lead .action {
min-height: 40px;
}
#filter-musicworld-latest-lead .regional {
padding-top: 3px;
}
/* Combination filter options*/
#options .option-combo {
display: inline-block;
float: left;
margin-right: 10px;
}
#options .option-combo ul {
margin-right: 20px;
display: inline-block;
}
#options .option-combo h2,
#options .option-combo h4 {
line-height: 34px;
margin-bottom: 0;
margin-right: 5px;
display: inline-block;
vertical-align: top;
}
.megabg {
padding-top: 20px;
}
.divide {
float: right;
}
#newstop {
padding-bottom: 10px;
overflow: hidden;
}
#newsheading {
/* border-bottom: 1px solid #eee; */
background: url("/images/cardinal_app/container_bg.jpg") repeat;
}
#newsheading h1 {
font-weight: 700;
color: rgb(51, 51, 51);
}
#leadprofiles {
min-height: 250px;
padding: 0px 0px 0px 0px;
}
#filter-musicworld-latest-lead p {
font-size: 16px;
}
#filter-awards-lead p {
font-size: 16px;
}
.pagetitle {
padding-top: 20px;
padding-bottom: 13px;
}
.filter {
padding-top: 33px;
}
.imglead {
padding-bottom: 0px;
}
.tweetbg {
background: url("/images/cardinal_app/twitter_bg_news.png");
background-position: center center;
background-repeat: no-repeat;
min-height: 160px;
padding:25px;
word-wrap: break-word;
}
.newscredits {
padding-top: 5px;
}
#leadquote, .leadquote {
padding-bottom: 10px;
}
.issuedata {
border-top: 3px solid #eee;
border-bottom: 3px solid #eee;
margin-bottom: 12px;
}
.subscribe {
border-top: 3px solid #eee;
border-bottom: 3px solid #eee;
margin-bottom: 20px;
padding-top: 5px;
}
.subbutton {
text-align: right;
padding-top: 4px;
}
.newslabelblock {
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
color:#fff;
padding:5px 10px ;
background-color: #bdbdbd;
margin-right: 5px;
}
.newslabeldetail {
font-family: "adobe-caslon-pro",serif;
font-style: italic;
font-weight: 400;
font-size: 14px;
color:#111;
padding:10px;
}
.news-date {
text-align: left;
font-family: "arial",sans-serif;
font-size: 10px;
color: #b7b7b7;
font-weight: bold;
margin-top: 5px;
text-transform: uppercase;
}
.inset {
-moz-box-shadow:inset 1px 2px 19px #000000;
-webkit-box-shadow:inset 1px 2px 19px #000000;
box-shadow:inset 1px 2px 19px #000000;
}
.smallnewstext {
font-size: 12px;
text-transform: uppercase !important;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 600;
margin: 0 auto;
}
.element.video:before {
content: url('/images/cardinal_app/smallplay.png');
position: absolute;
left: 140px;
top: 75px;
height: 80px;
height: 80px;
opacity: 0.6;
pointer-events: none;
cursor: pointer;
}
.element .count {
white-space:nowrap;
}
.gray {
background: #eee;
}
.red1 {
background: #34495e;
}
.red2 {
background: #385b7f;
}
.red3 {
background: #3498db;
}
.red4 {
background: #2980b9;
}
.red5 {
background: #0d7bc4;
}
.red6 {
background: #3c9ad9;
}
.answer {
font-size: 14px;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 300;
line-height: 1.2;
padding: 0px 20px 10px 0px;
}
#news-archive td.date {
width: 100px;
}
#news-archive .date {
font-size: 14px;
font-weight: normal;
}
/* MUSIC WORLD NEWS PAGE */
.lower {
height:80px;
text-align: center;
background: #f1f1f1;
}
#select select {
height:29px;
width:80%;
font-size: 12px;
text-transform: uppercase;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 400;
border: none;
background: #454545; /* for non-css3 browsers */
background: -webkit-linear-gradient(#303030 0%, #6a6a6a 100%); /* for webkit */
background: -moz-linear-gradient(top, #303030, #6a6a6a); /* for firefox 3.6+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#303030', endColorstr='#6a6a6a'); /* for IE */
color: #fff;
}
#subscribe input[type="text"] {
height: 18px;
width: 60%;
}
/* AWARDS NEWS PAGE */
.sidetop {
height: 85px;
background: #ededed;
margin-bottom: 30px;
}
.padcontent {
padding-left: 20px;
}
.sidebottom{
height: 85px;
background: #ededed;
}
#awardssearch input[type="text"] {
height: 18px;
width: 80%;
}
/* MX NEWS PAGE */
.mxlower {
margin-top: 20px;
min-height: 550px;
background: url("/images/cardinal_app/container_bg.jpg") repeat;
}
#filter-mx-lead ul {
margin-left: 3px;
margin-right: 3px;
}
#filter-mx-lead li {
line-height: 14px;
list-style-type: none;
margin: 6px;
padding: 15px;
border-bottom: 1px Solid #ececec;
}
#filter-mx-lead li a {
color: black;
line-height: 22px;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
}
#filter-mx-lead li a:hover {
text-decoration: underline;
}
/* NEWS CARDS */
.photoonly1 {height:187px; margin-bottom: 15px;}
.photo2 {height:auto; margin-bottom: 15px;}
.videoonly1 {height:auto; margin-bottom: 15px;}
.video2 {height:600px; margin-bottom: 15px;}
.newsonly {height:auto; margin-bottom: 15px;}
.news2 {height:auto; margin-bottom: 15px;}
.soconly1 {height:auto; margin-bottom: 15px;}
.soc2 {height:auto; margin-bottom: 15px;}
.message {height:auto; margin-bottom: 15px; background: -webkit-linear-gradient(#f5f7da 0%, #ffffff 100%);}
.Spotify, .Twitter, .Instagram, .Facebook, .Pinterest, .Google, .YouTube
{height:auto; margin-bottom: 15px;}
.lead {
border: none;
padding: 10px 0 0px 0;
}
.top {
padding-top: 30px;
}
/* BMI NAVIGATION */
/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 10;
margin-top: 20px;
margin-bottom: -90px;
/* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
}
.navbar .navbar-inner {
border: 0;
/*-webkit-box-shadow: 0 0.5px 8px black;
-moz-box-shadow: 0 0.5px 8px black;
box-shadow: 0px 0.5px 8px black;*/
height: 68px;
background: url("/images_tmp/header-new.jpg") repeat-x;
}
.navbar .nav > li > a {
padding: 0px 5px 0px 5px;
}
.navbar a:hover {
background: #000;
/* opacity: 0.2; */
}
.navbar .btn-navbar {
margin-top: 20px;
}
.navbar-inner .container {
/*background: url("/images/cardinal_app/header_gradient.jpg");*/
background-repeat: no-repeat;
}
.navpad {
padding:16px 0 0 20px;
}
.fornav {
position:relative;
margin-left:-26px;
top:0px;
z-index:2;
}
.linav {
padding: 0 18px;
text-align: center;
height: 68px;
outline: none !important;
}
.linav a {
outline: none !important;
}
.linav.loginlink {
position: relative;
left: -13px;
}
.linav.loginlink .navtext {
background-color: #161616;
padding: 8px 13px;
border-radius: 4px;
box-shadow: 0 1px 1px #323232;
-webkit-transition: all 0.2s linear !important;
-moz-transition: all 0.2s linear !important;
-ms-transition: all 0.2s linear !important;
-o-transition: all 0.2s linear !important;
transition: all 0.2s linear !important;
}
.navbar-inverse .nav > li.linav.loginlink a:hover .navtext,
.navbar-inverse .nav > li.linav.loginlink a:focus .navtext {
background-color: #385B7F;
color: #ffffff !important;
}
/*
.linav:hover {
background: #000;
}
*/
.navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover {
background: transparent !important;
}
.navbar-inverse .nav > li > a .navtext {
-webkit-transition: color 0.2s linear;
-moz-transition: color 0.2s linear;
-ms-transition: color 0.2s linear;
-o-transition: color 0.2s linear;
transition: color 0.2s linear;
}
.navbar-inverse .nav > li > a:focus .navtext,
.navbar-inverse .nav > li > a:hover .navtext,
.navbar-inverse .nav > li.activepage > a .navtext {
color: #e82930 !important;
}
/* SUB NAVIGATION */
.nav-tabs.nav-stacked > li > a {
border: 1px solid #ededed;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 500;
}
.nav-tabs.nav-stacked > li:first-child > a {
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topright: 2px;
border-top-right-radius: 2px;
-webkit-border-top-left-radius: 2px;
-moz-border-radius-topleft: 2px;
border-top-left-radius: 2px;
}
.nav-tabs.nav-stacked > li:last-child > a {
-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-bottomright: 2px;
border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomleft: 2px;
border-bottom-left-radius: 2px;
}
.nav > li > a:hover {
background: #ededed;
}
/* NAVIGATION CUSTOM SCALING */
.navitem {
font-size: 18px;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 400;
line-height: 1;
letter-spacing: 1px;
text-rendering: optimizeLegibility;
color: #fff;
text-transform: uppercase;
padding: 27px 30px 20px 30px;
text-shadow: 0in 0.014in 0.01388888888889in rgb( 0, 0, 0 );
border-left: 1px solid #606060;
border-right: 1px solid #111;
}
.input-large-footer {
width: 80%;
}
/* NIVO SLIDER */
#slider, #da-slider {
margin-top: 68px;
max-width: 1344px;
z-index: 1;
position: relative;
}
.sliderbg {
background: #000;
width: 100%;
border-bottom: 8px solid #ef1d1d;
height:auto;
}
#da-slider .da-loader {
background: url(images/loader.gif) center center no-repeat !important;
position: absolute;
left: 50%;
top: 50%;
width: 50px;
height: 50px;
margin-left: -25px;
margin-top: -25px;
z-index: 99;
}
.nivoSlider {
position:relative;
height:auto;
overflow: hidden;
}
.nivoSlider img {
position:absolute;
top:0px;
margin: 0 auto;
left:0px;
}
.nivo-main-image {
display: block !important;
position: relative !important;
width: 100% !important;
}
#home-hero .hero_571476 {
background-color: #222;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
background:white;
filter:alpha(opacity=0);
opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
top:0;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
overflow:hidden;
}
.nivo-box img { display:block; }
/* Caption styles */
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
width:100%;
z-index:8;
padding: 5px 10px;
opacity: 0.8;
overflow: hidden;
display: none;
-moz-opacity: 0.8;
filter:alpha(opacity=8);
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
.nivo-caption p {
padding:5px;
margin:0;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:9;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
text-align:center;
padding: 15px 0;
}
.nivo-controlNav a {
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
}
/* HOME PAGE JUMPS */
/* Center align the text within the three columns below the carousel */
.marketing .span4 {
text-align: center;
}
.marketing h2 {
font-weight: 100;
font-size: 42px;
text-rendering: optimizeLegibility;
}
.marketing .span4 p {
margin-left: 10px;
margin-right: 10px;
}
.jump {
border-bottom: 8px solid #ef1d1d;
padding: 20px;
}
#jump {
margin-top: -20px;
}
#jump p {
font-family: "proxima-nova",sans-serif;
font-size: 20px;
font-style: normal;
text-transform: none;
line-height: normal;
color: #111;
margin-bottom: 5px;
}
.jump h2 {
font-size: 52px;
text-rendering: optimizeLegibility;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 300;
color: #ef1d1d;
letter-spacing: -2px;
padding-left: 0px;
line-height: normal;
margin: 0px;
}
.jumpbutton {
float: right;
}
.minorjump {
padding-bottom: 10px;
}
.minorjump p {
color: #111;
font-weight: 300;
}
.minorjump p strong {
color: #ef1d1d;
padding-right: 4px;
}
.minorjump p span {
font-size: 85%;
}
.minorjump .jump {
margin-top: 30px;
border-width: 1px;
border-color: #c5c5c5;
border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
padding-bottom: 8px;
padding-top: 12px;
}
/* FEATURETTES */
.featurette-divider {
margin: 25px 0; /* Space out the Bootstrap
more */
}
.mod-divider {
margin: 0px 0;
}
.lientryhr {
border-bottom: 4px solid #f6f6f6;
}
.featurette-divider2 {
margin: 40px 0 0 0; /* Space out the Bootstrap
more */
}
.featurette-divider2.push-up {
margin-top: 10px;
}
.featurette-divider3 {
margin: 0 0 40px 0; /* Space out the Bootstrap
more */
}
.featurette {
padding-top: 0px; /* Vertically center img part 1: add padding above and below text. */
overflow: hidden; /* Vertically center img part 2: clear their floats. */
}
.dashed {
padding: 0px 0 10px 0;
border-top: 0px;
border-bottom: 1px dashed #eee;
margin-bottom: 20px;
}
.featurette p {
color:#111;
font-family: "proxima-nova",sans-serif;
}
.featurette-image {
margin-top: 0px; /* Vertically center img part 3: negative margin up the image the same amount of the padding to center it. */
}
/* Give some space on the sides of the floated elements so text doesn't run right into it. */
.featurette-image.pull-left {
margin-right: 40px;
}
.featurette-image.pull-right {
margin-left: 40px;
}
/* Thin out the marketing headings */
.featurette-heading {
font-size: 54px;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 100;
line-height: 1;
letter-spacing: -1px;
text-rendering: optimizeLegibility;
margin-top: 40px;
margin-bottom: 40px;
}
.featurette-heading a{
font-size: 44px;
text-rendering: optimizeLegibility;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 100;
color: #111;
text-transform: capitalize;
line-height: 1.1;
padding-left: 3px;
}
.featurette-heading a:hover {
font-size: 44px;
text-rendering: optimizeLegibility;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 100;
color: #111;
text-transform: capitalize;
line-height: 1.1;
padding-left: 3px;
border-bottom: 8px solid #ef1d1d;
}
.featurette-headingnews {
font-size: 54px !important;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 100;
line-height: 1;
letter-spacing: -1px;
text-rendering: optimizeLegibility;
margin-top: 40px;
margin-bottom: 15px;
}
.featurette-headingnews a{
font-size: 54px !important;
text-rendering: optimizeLegibility;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 100;
color: #111;
text-transform: capitalize;
line-height: 1.1;
padding-left: 3px;
}
.featurette-headingnews a:hover {
font-size: 54px;
text-rendering: optimizeLegibility;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 100;
color: #111;
text-transform: capitalize;
line-height: 1.1;
padding-left: 3px;
border-bottom: 8px solid #ef1d1d;
}
.featurette-headingnopad {
font-size: 50px;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 100;
line-height: 1;
letter-spacing: -1px;
text-rendering: optimizeLegibility;
}
.featurette-headingnopad a:hover {
font-size: 44px;
text-rendering: optimizeLegibility;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 100;
color: #111;
text-transform: capitalize;
line-height: 1.1;
padding-left: 3px;
border-bottom: 8px solid #ef1d1d;
}
.featurette-headingcreators {
font-size: 50px;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 100;
line-height: 1;
letter-spacing: -1px;
text-rendering: optimizeLegibility;
padding-bottom: 5px;
border-bottom: 8px solid #ef1d1d;
}
.calltoaction {
text-align: center;
margin-top: 60px;
margin-bottom: 40px;
padding-top:20px;
min-height: 50px;
border-radius: 4px;
font-size: 30px;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 100;
line-height: 1;
letter-spacing: -1px;
text-rendering: optimizeLegibility;
background: #ef1d1d;
}
#infographics {
margin-top: 20px;
margin-bottom: 20px;
}
.subthick {
padding-top: 0px;
border-top: 0px;
border-bottom: 8px solid #f6f6f6;
margin-top: 40px;
margin-bottom: 25px;
}
#royaltyinformation h3 a {
color: #111;
font-weight: 500;
}
/* ABOUT SPECIFIC */
#about {
background: none;
}
#about.affixtarget {
padding-top: 20px;
}
.aboutrow {
background: url("/images/cardinal_app/about_bg.jpg") repeat-x #fafbfc;
padding-top: 20px;
padding-bottom: 40px;
}
.google {
width: 100%;
height: 100%;
}
/* NEWS STYLE */
.buckets {
text-align: center;
}
.buckets:hover {
-webkit-transform:scale(1.084);
}
.newscontainer {
background: url("/images/cardinal_app/container_bg.jpg") repeat;
padding-top: 20px;
}
.newstitle {
padding-top: 10px;
min-height: 60px;
text-align: center;
}
.pin{
width: 300px;
padding: 15px 15px 0;
font-size: 11px;
background-color: white;
box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
-moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);
-webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
margin-right:20px;
margin-bottom:20px;
}
.convo{
margin: 0 -15px;
background-color: #F2F0F0;
color: #8C7E7E;
text-align: center;
}
.convo img {
width: 30px;
height: 30px;
float:left;
margin-right:5px;
}
.convo p a{
color: #343434;
font-weight:bold;
}
/* ENTRY SPECIFIC */
.entry {
margin-top: 100px;
}
.post h1 {
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 100;
font-size: 44px;
line-height: 1.1;
text-rendering: optimizeLegibility;
color: #111;
letter-spacing: -2px;
padding-bottom: 5px;
}
.post a.affiliate {
color: inherit;
font-weight: inherit;
}
.post a.affiliate:hover {
text-decoration: underline;
}
.img-roundedentry {
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border: solid 1px #f0f0f0;
}
.entrycaption {
top: 100%;
padding: 20px 20px 20px 20px;
text-align: left;
height: auto;
float: left;
background-color: #111;
color: #fff;
font-size: 12px;
font-weight: 500;
text-rendering: optimizeLegibility;
font-family: "proxima-nova",sans-serif;
font-style: italic;
font-style: normal;
}
.blurb {
font-size: 18px;
font-weight: 100;
font-style: italic;
}
#title {
padding-bottom: 0px;
border-bottom: 4px solid #f6f6f6;
}
#featuredimage {
margin-bottom: 10px;
}
#author {
padding-top: 20px;
padding-bottom: 16px;
margin-bottom: 20px;
border-bottom: 4px solid #f6f6f6;
}
.authorbar {
font-family: "proxima-nova",sans-serif;
font-style: italic;
font-weight: 400;
font-size: 16px;
padding-top: 12px;
}
.authorname {
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 600;
font-size: 18px;
color:#ef1d1d;
}
#content {
margin-top: 10px;
padding-top: 10px;
padding-bottom: 8px;
margin-bottom: 10px;
border-bottom: 4px solid #f6f6f6;
clear: left;
}
.img-rounded {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.newsdescription {
z-index: -1000px;
}
.socialshare span {
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
}
.socialshare span:hover {
filter: none;
-webkit-filter: grayscale(0);
}
#author span.socialshare {
margin-top: -7px;
}
@media (max-width: 767px) {
#author span.socialshare {
margin-top: 30px;
}
}
@media (max-width: 568px) {
#author span.socialshare {
margin-top: 6px;
}
}
#credits {
padding-top: 10px;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 4px solid #f6f6f6;
}
.labelblock {
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 400;
font-size: 10px;
color:#fff;
padding:5px 10px ;
background-color: #ef1d1d;
margin-right: 5px;
border-radius: 4px;
padding: 8px;
}
.labeldetail {
font-family: "proxima-nova",sans-serif;
font-style: italic;
font-weight: 400;
font-size: 14px;
color:#111;
padding:10px;
}
/* SIDEBAR SPECIFIC */
#widget, .widget {
margin-bottom: 30px;
}
#widget li, .widget li {
list-style-type: none;
list-style-image: url('/images/cardinal_app/bullet.jpg');
line-height: 26px;
margin: 14px 0;
line-height: normal;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-size: 14px;
}
.entryli li {
list-style-type: none;
list-style-image: url('/images/cardinal_app/bullet.jpg');
line-height: 26px;
margin: 14px 0;
line-height: normal;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
color:#111;
}
.widget .social_icons {
margin-left: 25px;
list-style-image: none !important;
}
#Widget
[class^="icon-"],
[class*=" icon-"] {
margin-top: 9px;
}
.more {
display: inline-block;
padding: 6px;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 500;
font-size: 10px;
text-transform: uppercase;
line-height: 14px;
color: #202020;
vertical-align: baseline;
white-space: nowrap;
background-color: #dbdbdb;
text-shadow: none;
letter-spacing: 0px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.more:hover {
opacity: 1.0;
background-color: #ef1d1d;
color: #fff;
}
#widget ul li, #widget ol li {
line-height: 26px;
margin: 8px 0;
}
/* CELEBRATION SPECIFIC */
.celebrateheader {
margin-top: 62px;
min-height: 474px;
background: url("/images/cardinal_app/BMI_Celebrate_Header.jpg") center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}
#cel-press {
background: url("/images/cardinal_app/BMI_Celebrate_Way.jpg") #000;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
color: #000000;
padding-top: 0px;
padding-bottom: 0px;
min-height: 512px;
}
#cel-press p {
color: #000 !important;
font-size: 15px;
line-height: 23px;
text-shadow: none !important;
margin-bottom: 20px;
}
#cel-press .modhead.small {
margin-bottom: 25px;
}
.modhead.small {
font-size: 44px;
}
#cel-press .bmi-logo-fade {
/*background: url("/images/cardinal_app/BMI_Celebrate_Logo_Wrapper.png") center center no-repeat;*/
width: 571px;
height: 409px;
margin-top: 60px;
position: relative;
}
#cel-press .bmi-logo-fade {
overflow: hidden;
}
#cel-press .bmi-logo-fade .slides {
text-align: center;
padding: 30px;
}
#cel-author p {
color: #000 !important;
font-size: 15px;
line-height: 23px;
text-shadow: none !important;
margin-bottom: 20px;
}
.bmi-ce-author-profile {
position: relative;
top: 40px;
}
.view-button.norm {
padding: 12px 0;
width: 230px;
background: #ef1d1d;
font-size: 17px;
position: relative;
left: 0;
margin-left: 0;
font-weight: bold;
color: #fff;
border-radius: 3px;
}
.view-button.norm.small {
width: 130px;
}
#cel-testimonials {
background: url("/images/cardinal_app/BMI_Celebrate_Map.jpg") #000;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
color: #fff;
padding-top: 0px;
padding-bottom: 0px;
min-height: 327px;
}
#cel-testimonials .flexslider {
margin-top: 55px;
}
#cel-testimonials .testimonials-image,
#cel-testimonials .testimonials-text {
display: inline-block;
vertical-align: middle;
}
#cel-testimonials .testimonials-text {
width: 700px;
margin-left: 40px;
font-size: 33px;
line-height: 38px;
font-weight: 100;
}
#cel-testimonials .testimonials-text .writer {
font-size: 18px;
display: block;
font-weight: 300;
}
#cel-testimonials .testimonials-image {
margin-left: 120px;
}
#cel-video {
min-height: 540px;
background: #eeeeee;
padding: 0;
}
#cel-video .tvchannel {
width: 1170px;
margin: 0 auto;
}
#cel-video .tvchannel .vid {
margin-left: 0;
}
#cel-video .tvchannel .divider {
clear: both !important;
border-color: #e6e6e6 !important;
padding-top: 10px !important;
}
#cel-video .tvchannel .viddescription {
max-width: 89%;
}
#cel-video .tvchannel .tvnav.left {
position: relative;
float: left;
left: -95px;
}
#cel-video .video-slides {
margin: 0;
}
#cel-video .video-slides li {
list-style-type: none;
}
#cel-video .video-flexslider {
position: relative;;
}
#cel-video h2.modhead.center,
#cel-timeline h2.modhead {
padding-bottom: 20px;
margin-bottom: 10px;
border-bottom: 4px solid #e6e6e6;
}
#cel-timeline h2.modhead {
border-bottom: 4px solid #f6f6f6;
}
#cel-timeline {
padding: 0;
}
#cel-timeline #mod4 > .span12 {
position: relative;
}
#cel-timeline #mod4 .socialicons {
position: absolute;
right: 0;
top: 41%;
}
#cel-timeline #mod4 .socialicons .socicon {
margin: 0;
}
#cel-timeline #mod4 .socialicons .socicon-text {
font-size: 15px;
color: #000;
line-height: 70px;
text-align: right;
}
/* CREATORS SPECIFIC */
#creatorsheader {
margin-top: 62px;
height: 400px;
background-color: #333;
}
.creators {
margin-top: 72px;
min-height: 500px;
}
.creatorsheader {
margin-top: 62px;
min-height: 327px;
background: url("/images/cardinal_app/testbg_creators_news.jpg") repeat-x;
}
.creatorssectionheading {
padding-top: 100px;
}
.featurette-headingcreators {
font-size: 50px;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 100;
line-height: 1;
letter-spacing: -1px;
text-rendering: optimizeLegibility;
padding-bottom: 20px;
margin-bottom: 8px;
border-bottom: 8px solid #f6f6f6;
}
.creatorscallbutton {
margin-top: 115px;
}
.infonav {
padding-top: 20px;
}
.testheight {
height: 143px;
text-align: center;
padding-top: 20px;
}
.testheight img {
margin: 0 auto;
padding-top: 10px;
padding-bottom: 10px;
height: 52px;
}
#careertools, #licensetools {
padding-top: 20px;
}
#careertools h2, #licensetools h2 {
padding-bottom: 20px;
}
#careertools a, #licensetools a {
border: 0px;
}
#careertools a:hover, #licensetools a:hover {
background: #C0392B;
}
#careertools li a:hover, #licensetools li a:hover {
border-bottom: 4px solid #ef1d1d;
background: none;
}
#careertools, #licensetools {
background: -webkit-linear-gradient(#f5f5f5 0%, #ffffff 27.48%) center top;
}
.testheight h3 {
color: #fff;
}
.testheight2 {
height: 400px;
text-align: center;
}
#careeradvice {
background: url("/images/cardinal_app/container_bg.jpg") repeat;
}
.elementadvice {
float: left;
overflow: hidden;
position: relative;
color: #000;
font-size: 11px;
background-color: white;
box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
-moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);
-webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
padding: 15px 15px 15px 15px;
min-height: 300px;
text-align: left justify;
margin-bottom: 20px;
}
.elementadvice:hover {
background-color: #eee;
}
.elementadvice img {
padding-bottom: 10px;
}
.elementadvice a {
color: #000;
}
.elementadvice a:hover {
text-decoration: underline;
}
#careertools, #FAQ, #royaltyinformation, #careeradvice, #genres, #join, #licensetools, #licensetypes {
padding-top: 45px;
}
.royaltydisclaimer {
padding:10px 0px 5px 0px;
}
/* PRESS SPECIFIC */
#press section {margin-bottom: 80px;}
#pressroom {
margin-bottom: 0px;
}
#pressreleaseanchor {
padding-top: 40px;
}
.licensingheader {
margin-top: 62px;
min-height: 270px;
background: url("/images/cardinal_app/testbg_lic_news.jpg") repeat-x;
margin-bottom: 20px;
}
.btnpad {
padding-bottom: 5px;
}
.sectionheading {
padding-top: 90px;
/* height: 270px; */
word-wrap: break-word;
}
.sectionheading2 {
padding-top: 55px;
}
.sectionheading3 {
padding-top: 80px;
}
.presstable {
font-size: 16px;
text-rendering: optimizeLegibility;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 300;
color: #000;
text-transform: none;
line-height: 1.1;
}
.presspagination {
font-size: 16px;
}
#pressreleases {
margin-top: 20px;
}
.main {
padding-bottom: 20px;
}
.mainsub {
padding-top: 40px;
}
.datecol {
width: 100px;
vertical-align: middle;
}
.table th, .table td {
vertical-align: middle;
}
.lisearch {
background: #fcfcfc;
border-style: solid;
border-width: 1px;
border-color: rgb( 240, 240, 240 );
top:400px;
min-height: 100px;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
margin-top: 40px;
border-radius: 2px;
}
.searchcontent .input-block-level {
background-color: #fff;
border-style: solid;
border-width: 1px;
border-color: #a0a0a0;
height: 40px;
width: 75%;
border-radius: 25px;
font-size: 14px;
color: #757575;
text-align: center;
}
.searchcontent p {
color: #9d9d9d;
font-family: "proxima-nova",sans-serif;
font-style: italic;
font-weight: 600;
}
.searchcontent a {
font-family: "proxima-nova",sans-serif;
font-style: italic;
font-weight: 600;
}
.callbutton {
margin-top: 75px;
}
.callbutton .btn {
font-size: 14px;
}
.btn-small-jump {
display: block;
padding: 4px 12px;
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
text-align: center;
vertical-align: middle;
cursor: pointer;
color: #333333;
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));
background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
background-image: linear-gradient(to bottom, #ffffff, #f5f5f5);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff5f5f5', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border: 1px solid #bbbbbb;
border-bottom-color: #a2a2a2;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
border-color: #c5c5c5;
border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
height: 56px;
}
.btn-small-jump:active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.btn-small-jump.top {
margin-bottom: 26px;
}
.btn-small-jump.big {
height: 148px;
margin-bottom: 0;
}
.btn-small-jump span {
margin-top: 18px;
font-size: 18px;
font-weight: normal;
display: block;
}
.btn-small-jump.big span {
margin-top: 64px;
}
.btn-small-jump span strong {
color: #f42510;
}
.infonav {
padding-top: 20px;
}
.pressheader {
margin-top: 62px;
min-height: 250px;
background: url("/images/cardinal_app/testbg_creators_news.jpg") repeat-x;
/* float: left; */
}
.contacts {
padding-top: 20px;
}
.name {
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 500;
font-size: 22px;
text-rendering: optimizeLegibility;
color: #111;
padding-top: 8px;
}
#press .title {
font-size: 12px;
font-weight: 500;
line-height: 1.3;
padding: 5px 0px 4px 0px;
}
#press .function {
font-size: 12px;
font-weight: 300;
line-height: 1.3;
padding: 5px 0px 4px 0px;
}
.presssubnav {
border: 0;
-webkit-box-shadow: 0 0.5px 8px black;
-moz-box-shadow: 0 0.5px 8px black;
box-shadow: 0px 0.5px 8px black;
height: 40px;
background: url("/images/cardinal_app/header2.jpg") repeat-x;
margin-bottom: 20px;
}
.presssubinner {
background: url("/images/cardinal_app/header_gradient2.jpg");
background-repeat: no-repeat;
}
.pressborder {
border-left: 1px solid #606060;
border-right: 1px solid #111;
}
#pressub {
text-align: center;
vertical-align: middle;
color: #fff;
}
.presssubpad {
padding-top: 10px;
}
#press td.date {
width: 100px;
}
#press .date {
font-size: 14px;
font-weight: normal;
}
#press .widget h3 a {
font-weight: 200;
}
#press p.press_cat {
text-transform: uppercase;
}
/* AWARDS SPECIFIC STYLES */
.featurette-headingawards{
font-size: 50px;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 100;
line-height: 1;
letter-spacing: -1px;
text-rendering: optimizeLegibility;
margin-bottom: 8px;
text-align: center;
}
.awardsmodule {
padding: 40px 0 20px 0px;
}
.awardssectionheading {
padding-top: 110px;
}
.awardsdetail p {
text-align: center;
font-size: 12px;
line-height: 2.1;
color: #6e6e6e;
}
.awardsmodule {
padding: 40px 0 20px 0px;
}
.eventcircle {
min-height: 66px;
background: url('/images/cardinal_app/event_bg.jpg');
background-position: center center;
background-repeat: no-repeat;
}
.awarddate {
margin: 0 auto;
width: 100%;
text-align: center;
padding-top: 18px;
}
.eventmonth {
font-size: 12px;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 500;
line-height: 1;
letter-spacing: 1px;
text-rendering: optimizeLegibility;
color: #fff;
text-transform: uppercase;
}
.eventday {
font-size: 20px;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 600;
line-height: 1;
letter-spacing: 1px;
text-rendering: optimizeLegibility;
color: #fff;
text-transform: uppercase;
}
/* COMMUNITY SPECIFIC */
.socialdesc {
padding-bottom: 20px;
font-family: "proxima-nova",sans-serif;
font-style: italic;
font-weight: 100;
font-size: 18px;
color: #d6d6d6;
}
.socicon {
margin-top: 10px;
}
/*
#socialnews img {
width: 30%;
}
*/
#socialnews {
text-align: right;
position: relative;
left: 16px;
}
#socialnews.align-center {
text-align: center;
}
#socialnews li {
padding: 0px;
margin: 0px;
width: 152px;
position: relative;
}
#socialnews .socmed-hover {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
#socialnews a:hover .socmed-hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
#socialnews a:hover .socmed-image {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
#social {
padding-bottom: 40px;
}
.tweetcom {
font-family: "proxima-nova",sans-serif;
font-weight: 400;
font-size: 25px;
color: #fff;
line-height: 1.3;
letter-spacing: -1px;
margin-top: 10px;
}
.tweetcom a {
color: #32b0ff;
border-bottom: none;
}
.tweetcom a:hover {
color: #1c8dd2;
}
.tweetcompad {
padding-bottom: 10px;
}
.morebutton {
margin: 0 auto;
text-align: center;
padding-bottom: 30px;
padding-top: 20px;
}
#newspage {
margin-top: 68px;
padding-top: 20px;
}
.newbanner h3 {
color: #fff;
}
.mxpartners:hover {
color: #000;
opacity: 0.5;
}
/* LABEL CHANGES */
.label,
.badge {
display: inline-block;
padding: 7px;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 13px;
color: #232323;
vertical-align: baseline;
white-space: nowrap;
background-color: #dbdbdb;
text-shadow: none;
margin-right: 5px;
margin-top: 5px;
}
.label {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
opacity: .5;
}
.label:hover {
opacity: 1.0;
background-color: #ef1d1d;
color: #fff;
}
.labelcard {
display: inline-block;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 700;
font-size: 12px;
line-height: 13px;
color: #232323;
vertical-align: baseline;
white-space: nowrap;
text-shadow: none;
margin-right: 5px;
margin-top: 5px;
}
.labelcard {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.labelcard:hover {
color: #000;
opacity: 1.0;
border-bottom: 1px dashed #000;
border-radius: 2px;
}
.cardline {
margin: 0 0 6px 0;
}
.cardlinephoto {
margin: 0 0 6px 0;
border-bottom: none;
}
.badge {
padding-left: 9px;
padding-right: 9px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
}
.label:empty,
.badge:empty {
display: none;
}
a.label:hover,
a.badge:hover {
color: #ffffff;
background-color: #000;
text-decoration: none;
cursor: pointer;
}
.label-important,
.badge-important {
background-color: #d3d3d3;
}
.label-post {
background-color: #ef1d1d;
color: #fff;
border-radius: 0px !important;
padding: 10px;
opacity: 1.0 !important;
}
.label-important[href],
.badge-important[href] {
background-color: #953b39;
}
.label-warning,
.badge-warning {
background-color: #f89406;
}
.label-warning[href],
.badge-warning[href] {
background-color: #c67605;
}
.label-success,
.badge-success {
background-color: #468847;
}
.label-success[href],
.badge-success[href] {
background-color: #356635;
}
.label-info,
.badge-info {
background-color: #3a87ad;
}
.label-info[href],
.badge-info[href] {
background-color: #2d6987;
}
.label-inverse,
.badge-inverse {
background-color: #333333;
}
.label-inverse[href],
.badge-inverse[href] {
background-color: #1a1a1a;
}
/* FAQ STYLES */
.faqheader {
margin-top: 62px;
min-height: 250px;
background: url("/images/cardinal_app/testbg_creators_news.jpg") repeat-x;
margin-bottom: 20px;
}
.support-widget {
border: 1px solid #e9e6c4;
padding: 10px 10px 10px 10px;
background: #fefbdc;
margin-bottom: 20px;
}
.support-widget h3 {
border-bottom: none !important;
font-weight: 700 !important;
padding-bottom: 10px !important;
margin-bottom: 0px !important;
}
.plain-widget {
border: 1px solid #f2f2f2;
padding: 10px 10px 10px 20px;
background: #fff;
margin-bottom: 20px;
}
.ltblue-widget {
border: 1px solid #f2f2f2;
padding: 10px 10px 10px 20px;
background: #f3fbff;
margin-bottom: 20px;
}
#faqsearch {
padding-bottom: 20px;
margin-bottom: 30px;
border-bottom: 4px solid #f6f6f6;
}
#faqsearch .input-block-level {
background-color: #fff;
border-style: solid;
border-width: 1px;
border-color: #f2f2f2;
height: 45px;
width: 100%;
border-radius: 25px;
font-size: 14px;
color: #757575;
padding-left: 20px;
text-align: left;
box-shadow: none;
}
.breadcrumb {
margin-bottom: 20px;
background-color: #fcfcfc;
font-size: 12px;
}
#searchresults {
padding: 0px 0 20px 0;
}
/* MODAL OVERRIDES */
.modal-header {
padding: 0 0 0 0;
border-bottom: 1px solid #696969;
background: url("/images/cardinal_app/header.jpg") repeat-x;
color: #fff;
box-shadow: 0px 0.5px 8px black;
}
.modal-header h3 {
margin: 5px 0 0 0;
line-height: 30px;
color: #fff;
}
.modal-body h3 {
margin: 5px 0 0 0;
line-height: 30px;
font-weight: 700;
color: #fff;
}
.modal-header .close {
color: #fff;
margin-top: 6px;
}
.close {
opacity: 0.8;
}
.modal {
border-radius: 4px;
}
.modal.fade {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: 1s;
transition: none;
}​
.modlogo {
float:left;
}
.close-x {
float:right;
padding:15px;
}
.modalheadingpay {
float: right;
padding-right: 255px;
padding-top: 15px;
}
.modalheadingjoin {
float: right;
padding-right: 280px;
padding-top: 15px;
}
.modal-body {
margin: 0 auto;
max-height: 100%;
background: #2b2b2d;
padding-top: 35px;
padding-bottom: 30px;
color: #fff;
}
#loginModal form {
margin: 0px 0px 10px 0px;
}
#myModaljoin p {
color: #eee;
}
#myModalpresslogin p {
color: #fff;
}
.modalheading {
color: #fff !important;
font-size: 22px !important;
padding-bottom: 20px;
}
.modalheading a{
color: #fff !important;
font-size: 22px !important;
padding-bottom: 20px;
}
.modalheading a:hover {
color: #fff !important;
font-size: 22px !important;
padding-bottom: 20px;
text-decoration: underline;
}
.modal-body p {
color: #eee;
}
#myModaljoin #loginModalLabel {
color: #fff !important;
font-size: 44px !important;
padding-bottom: 20px;
}
.creatormod {
padding: 10px 20px 40px 30px;
border-right: 1px dotted black;
text-align: center;
float: left;
}
.textincrease {
font-weight: 500;
font-size: 16px;
margin-bottom: 20px;
}
.mumod{
padding:10px 0px 40px 20px;
text-align: center;
}
input[type="logintext"],
input[type="password"],
input.logintext{
display: inline-block;
height: 30px;
width: 60%;
padding: 4px 6px;
margin-bottom: 10px;
font-size: 14px;
line-height: 20px;
color: #9b9b9b;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
vertical-align: middle;
background-color: #fff;
border: 1px solid #cccccc;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
/*
-webkit-transition: border linear .2s, box-shadow linear .2s;
-moz-transition: border linear .2s, box-shadow linear .2s;
-o-transition: border linear .2s, box-shadow linear .2s;
transition: border linear .2s, box-shadow linear .2s;
*/
}
label {
cursor: auto;
}
.rnd {
border-radius: 18px !important;
height: 28px !important;
width:300px !important;
padding-top: 10px !important;
background: #fff !important;
text-align: center;
font-size: 22px !important;
color: #111 !important;
font-weight: 500;
font-family: "proxima-nova",sans-serif;
font-style: normal;
margin-top: 10px !important;
}
.btn-width {
width: 190px;
}
.btn-join {
width: 250px;
padding: 15px;
font-size: 16px;
margin-top: 5px;
margin-bottom: 5px;
}
.modal-footer {
padding: 10px 15px 20px 0px;
margin-bottom: 0;
text-align: center;
background-color: #fff;
border-top: none;
-webkit-border-radius: none;
-moz-border-radius: none;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
font-size: 16px;
}
.modal-footer h3 {
padding-bottom: 10px;
}
.modal .btn-danger-modal {
background: #EF1D1D;
text-shadow: none;
color: #fff;
float: right;
font-weight: bold;
width: 90px;
margin: -48px 0 0 0;
}
#WebsiteModal.modal {
position: absolute;
}
.modal.absolute {
position: absolute;
}
#OtherModal.modal {
position: absolute;
}
/* SLIDER SLIDESHOW */
.slider .slides {
background: #000;
height: 320px;
list-style: none;
margin: 0;
padding: 0;
width: 570px;
z-index: 0;
}
.slider .slide {
background: #000 url('/images/slider/spinner.gif') no-repeat center center;
height: 320px;
width: 570px;
float: left;
margin: 0 !important;
padding: 0 !important;
overflow: hidden;
position: absolute;
text-align: center;
vertical-align: bottom;
z-index: 0;
}
.slider .slide img {
float: left;
z-index: 0;
}
.slider .slide.active_slide {
z-index: 1;
}
.slider .navigation {
float: left;
height: 320px;
margin: 0;
opacity: 0;
padding: 0;
position: absolute;
width: 570px;
z-index: 3;
}
.slider .navigation a.previous,
.slider .navigation a.next {
background: url('/images/slider/arrows.png') no-repeat;
opacity: 0;
height: 54px;
top: 253px;
position: absolute;
width: 52px;
}
.slider .navigation .previous {
left: 10px;
}
.slider .navigation .next {
background-position: -42px 0 !important;
right: 10px;
}
.slider .navigation .view_photo {
background: url('/images/slider/view_photo.png') no-repeat center center;
height: 34px;
left: 239px;
opacity: 0;
position: absolute;
text-align: center;
text-decoration: none;
top: 263px;
width: 90px;
}
.slider .navigation .view_photo span {
color: #666;
display: block;
font-size: 14px;
font-weight: bold;
height: 34px;
padding-top: 10px;
text-shadow: #ccc 0px 1px 3px;
width: 90px;
}
.slider .curtain {
background: #000 url('/images/slider/spinner.gif') no-repeat center center;
height: 320px;
float: left;
position: absolute;
width: 570px;
z-index: 10;
}
.slider .event_name {
background: #000;
border-bottom: 1px solid #333;
color: #fff;
font-size: 13px;
height: 12px;
font-weight: bold;
overflow: hidden;
padding: 12px;
width: 546px;
white-space: nowrap;
text-shadow: none;
}
.slider .event_name span {
opacity: 0;
overflow: hidden;
}
.slider .caption {
background: #000;
border-top: 1px solid #333;
color: #fff;
font-size: 13px;
height: 46px;
overflow: hidden;
padding: 12px;
width: 546px;
text-shadow: none;
}
.slider .caption span {
display: block;
line-height: 16px;
opacity: 0;
}
.slider .caption a {
color: #fff;
font-size: 12px;
}
.slider .slide_count {
display: none;
}
.caption {
font-size: 13px;
line-height: 1.3;
}
/* LICENSING ENTRY SPECIFIC */
#licenseentryhead {
padding: 0px 0px 15px 0px;
margin-bottom: 25px;
}
.licensingtitlebox {
border-bottom: 4px solid #f6f6f6;
padding-bottom: 10px;
}
.licensetitle {
font-size: 36px;
padding-bottom: 16px;
border-bottom: 4px solid #f6f6f6;
}
.commonquestions {
font-size: 36px;
}
.question {
font-size: 18px;
line-height: 1.6;
}
.altheading {
padding-top: 70px;
}
#actions {
padding-top: 10px;
}
#actions a {
color: #fff;
}
#primary {
margin-top: 108px;
}
.story {
margin-top: 20px;
margin-bottom: 20px;
min-height: 210px;
border-bottom: 4px solid #f6f6f6;
}
.relatedphoto {
padding: 20px 0px 20px 0px;
/* min-height: 210px; */
border-bottom: 4px solid #f6f6f6;
}
.storytitle {
font-size: 26px;
font-weight: bold;
line-height: 1.2;
margin-bottom: 20px;
color: #000;
}
.storytitle a{
font-size: 26px;
font-weight: bold;
line-height: 1.2;
color: #000;
}
.storytitle a:hover{
font-size: 26px;
font-weight: bold;
line-height: 1.2;
color: #000;
text-decoration: underline;
}
.primaryline {
padding-bottom: 8px;
border-bottom: 4px solid #f6f6f6;
}
.buttonborder {
border-bottom: 4px solid #f6f6f6;
border-top: 4px solid #f6f6f6;
padding-bottom: 18px;
padding-top: 10px;
}
.newsbg {
background: url("/images/cardinal_app/container_bg.jpg") repeat;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 40px;
}
.eventsbg {
background: url("/images/cardinal_app/container_bg.jpg") repeat;
padding-top: 20px;
padding-bottom: 40px;
}
.simply-scroll .simply-scroll-clip {
width: 325px !important;
height: 150px;
}
.postimage {
width: 100%;
height: 100%;
}
/* LICENSING ASSOCIATIONS */
#associationsintro {
height: 350px;
background: url("/images/cardinal_app/licensing_header_test2.jpg") center bottom no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#associationscarouselholder {
background: #000;
margin-top: 0px;
padding: 0;
}
#associationscarouselholder .carousel {
margin-bottom: 0px;
}
#associationpartners {
background: url("/images/cardinal_app/container_bg.jpg") repeat;
}
#associationpartners ul.association {
background-color: white;
}
#associationpartners .mediaitems ul a img {
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
}
#associationpartners .mediaitems ul.hover a img {
filter: none;
-webkit-filter: none;
}
#associationpartners .mediaitems ul {
text-align: center;
list-style-type: none;
margin-top: 40px;
border: 1px #F3F3F3 solid;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding-top: 10px;
padding-bottom: 5px;
}
#associationpartners .mediaitems ul.hover {
border: 1px #CCC solid;
}
#associationpartners .mediaitems li.name a{
color: #666;
font-weight: 400;
clear: both;
}
#associationpartners .mediaitems ul.hover li.name a{
color: #333;
}
#associationpartners .mediaitems ul.association {
position:relative;
margin: 20px 0 0 0;
min-height: 200px;
}
#associationpartners .mediaitems li.logo {
min-height: 125px;
}
#associationpartners .mediaitems li.name {
min-height: 60px;
position:absolute;
bottom:0;
padding: 0 5px;
}
/* AFFIX CHANGE */
.affix {
/* position: fixed;
width: 100%;
top: 68px;
left: 0px;
box-shadow: none !important;
background-color: #e4e4e4;
border-bottom: 1px solid #ccccd1;
padding-bottom: 5px;
margin-bottom: 20px;
z-index: 800;*/
position: fixed;
width: 100%;
top: 68px;
left: 0px;
background: #fff;
border-bottom: 1px solid #eee;
-webkit-box-shadow: 0 0.5px 8px black;
-moz-box-shadow: 0 0.5px 8px black;
box-shadow: 0px 0.5px 8px black;
padding-bottom: 5px;
margin-bottom: 20px;
z-index: 800;
-webkit-transition: box-shadow 0.2s linear;
-moz-transition: box-shadow 0.2s linear;
-ms-transition: box-shadow 0.2s linear;
-o-transition: box-shadow 0.2s linear;
transition: box-shadow 0.2s linear;
}
/*.affix .subtext {
position: relative;
top: -2px;
}
.affix .subtext a {
color: #303033;
text-transform: uppercase;
font-size: 13px;
letter-spacing: 1px;
font-weight: 600;
-webkit-transition: color 0.2s;
-moz-transition: color 0.2s;
transition: color 0.2s;
}
.affix .subtext a:hover,
.affix .subtext a.activated {
background: none !important;
border-bottom: 0 !important;
color: #e82930;
}
*/
.plainform {
background: #fff !important;
border: 1px solid #c7c7c7 !important;
/* width: 99% !important; */
}
.diggie {
margin-bottom: 10px;
}
.comments {
float: left;
margin-top: 20px;
}
.listimg {
float: left;
height: 120px;
overflow: hidden;
padding-right: 20px;
}
/* GENRE PAGES */
#genres {
background: url("http://www.bmi.com/images/cardinal_app/calbg.jpg") center top no-repeat #000;
height: 500px;
padding-top: 50px;
margin-bottom: 20px;
border-bottom: 1px solid #f6f6f6;
border-top: 1px solid #f6f6f6;
}
.genres {
margin-top: 35px;
margin-bottom: 35px;
}
#genres.red {
background: #FFF;
height: initial;
}
#genres.red h2 {
color: #000;
}
#genres.red a {
background-color: #f9f9f9;
border-radius: 2px;
border: 1px solid #f9f9f9;
display: block;
}
#genres.red a:hover {
border: 1px solid red;
}
#genres.red img {
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
#genres.red img:hover {
-webkit-filter: grayscale(0%);
filter: none;
}
@media (max-width: 767px) {
#genres.red .span2 {
width: 49%;
display: inline-block;
vertical-align: top;
text-align: center;
margin-bottom: 4px;
}
#genres.red .row.genres {margin-bottom: 0px;}
#genres.red {height: initial;}
}
.genreheader {
margin-top: 67px;
min-height: 270px;
background: url("/images/cardinal_app/testbg_creators_news.jpg") repeat-x;
margin-bottom: 20px;
}
.genreheader.theatre_workshop {
background: url('/images/genres/theatre/test2_IMG_4770.jpg') repeat-x;
margin-bottom: 30px;
}
.genreheader.theatre_workshop h1 {
font-size: 55px;
}
.benefitsheader {
margin-top: 48px;
min-height: 270px;
background: url("/images/cardinal_app/testbg_creators_news.jpg") repeat-x;
margin-bottom: 20px;
}
.searchheader {
margin-top: 68px;
min-height: 270px;
background: url("/images/cardinal_app/testbg_creators_news.jpg") repeat-x;
margin-bottom: 0px;
}
.postbar {
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
}
.postcatname {
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 600;
font-size: 14px;
color:#ef1d1d;
}
.already {
width: 100%;
padding-top: 10px;
text-align: center;
}
.letter {
width: 14px;
float: left;
border: 1px solid #e0e0e0;
padding: 2px;
margin: 3px;
font-size: 15px;
text-align: center;
}
.letteron {
width: 14px;
float: left;
border: 1px solid red;
padding: 2px;
margin: 3px;
font-size: 15px;
text-align: center;
color: red;
}
.letteron a {
color: red;
}
#genres h2 {
color: #fff;
font-size: 54px;
}
/*
#genres img {
-webkit-filter: invert(100%);
}
*/
#genres img:hover {
-webkit-filter: invert(50%);
}
/* HEADER BGS */
/* The following are used for the header bg */
#blues {
}
#country {
}
#pop {
}
#gospel {
}
#filmtv{
}
#classical {
}
#rb_hiphop {
}
#theatre{
}
#rock {
}
#latin {
}
#jazz {
}
#indie #youtube iframe {
width: 100%;
height: auto;
min-height: 280px;
}
#indie #spotify iframe {
width: 100%;
}
#indie .gray {
padding-top: 20px;
background: url("/images/cardinal_app/repeatable_wood.png") repeat-x;
}
.albumtitle {
background: #fff;
color: #111;
padding: 10px;
}
#coverflow {
margin-top: 68px;
padding-top: 20px;
padding-bottom: 40px;
border-bottom: 4px solid #eee;
}
#indie .genreheader {
margin-bottom: 0px;
}
#indie .carousel-inner h4 {
min-height: 40px;
}
#indie .carousel {
margin-bottom: 0px;
}
#address {
}
#video {
background-color: #fff;
}
#performingrights {
background: url("/images/cardinal_app/container_bg.jpg") repeat;
min-height: 200px;
margin-top: 37px;
}
#licensingentry {
height: 350px;
background: url("/images/cardinal_app/licensing_header_test2.jpg") center bottom no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#special
{height: 270px;
background:url("/images/cardinal_app/testbg_creators_news.jpg") center bottom no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#special h1 {
vertical-align: middle;
}
#writerpub {
background: url("/images/cardinal_app/container_bg.jpg") repeat-x;
min-height: 200px;
margin-top: 37px;
}
#generic {
background: url("/images/cardinal_app/container_bg.jpg") repeat-x;
min-height: 200px;
margin-top: 37px;
}
#generic2 {
background: url("/images/cardinal_app/container_bg.jpg") repeat-x;
min-height: 200px;
margin-top: 37px;
margin-bottom: 0px !important;
}
#innovation {
background: url("/images/cardinal_app/container_bg.jpg") repeat-x;
min-height: 200px;
margin-top: 37px;
}
/* PHOTO SPECIFIC STYLES */
.photo {
margin-top: 0px;
min-height: 130px;
}
.photoentrycaption {
margin-top: 20px;
}
.photoheader {
font-size: 32px;
font-weight: 500;
}
/* VIDEO SPECIFIC STYLES */
#videocontent {
margin-top: 60px;
}
.videoheading {
padding-top: 40px;
}
.clip {
position: relative;
width: 100%;
height: auto;
padding-bottom: 57%;
height: 0;
box-shadow: 0 0 5px 2px rgba(0,0,0,.35);
margin-bottom: 40px;
}
.vid {
margin-top: 20px;
margin-bottom: 20px;
padding-bottom: 10px;
min-height: 180px;
border-bottom: 4px solid #f6f6f6;
}
.vidform {
margin-top: 17px;
background: #fff !important;
border: 1px solid #c7c7c7;
width: 80% !important;
}
.vidtitle {
font-size: 18px;
font-weight: normal;
line-height: 1.2;
margin-bottom: 10px;
color: #000;
}
.vidtitle a{
font-size: 18px;
font-weight: normal;
line-height: 1.2;
margin-bottom: 10px;
color: #000;
}
.vidtitle a:hover{
font-size: 18px;
font-weight: normal;
line-height: 1.2;
margin-bottom: 10px;
color: #000;
text-decoration: underline;
}
.overlay {
min-width: 50px;
padding: 36px 20px 20px 95px;
opacity: 0.3;
text-align: center;
vertical-align: middle;
position: absolute;
height: auto;
float: left;
background-color: none;
font-size: 16px;
font-weight: 500;
text-rendering: optimizeLegibility;
font-family: "proxima-nova",sans-serif;
font-style: normal;
vertical-align: middle;
}
.overlay:hover {
opacity: 0.9;
}
.span4 .overlay {
padding: 80px 20px 19px 176px
}
/* TEST VIDEO STYLES */
.video-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
box-shadow: 0 0 5px 2px rgba(0,0,0,.35);
padding-bottom: 57%;
margin-bottom: 25px;
}
video {
max-width: 100%;
height: auto;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.viddescription {
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 400;
font-size: 13px;
color: #929292;
text-align: left;
padding-top: 5px;
}
/* BMI TV */
#bmitvheading {
background-color: #000;
color: #FFF;
}
#featuredvideo {
background-color: #333;
color: #FFF;
padding-top: 20px;
position: relative;
}
#featuredvideo hr {
border-bottom: 1px solid #000;
border-top: none;
}
#featuredvideo h3 a {
color: #FFF;
font-weight: 200;
font-size: 36px;
}
#featuredvideo .details {
position:absolute;
bottom: 0;
margin-bottom: 15px;
}
#featuredvideo .event {
color: #FFF;
}
#featuredvideo .event a {
color: red;
font-weight: normal;
}
.socialshare span {
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
color: gray;
margin-bottom: 10px;
}
.socialshare span:hover {
filter: none;
-webkit-filter: grayscale(0);
}
#bmitv .channels h2,
#bmitv .channels h2 a {
font-weight: 600;
font-size: 30px;
margin-top: 80px;
}
#bmitv .channels h2 img {
margin-bottom: 8px;
}
#bmitv .channels h2 a:hover {
border-bottom: 4px solid #ef1d1d;
text-decoration: none;
}
.tvnav {
position: relative;
float: right;
}
#bmitv .vid {
border-bottom: none;
margin-bottom: 0;
}
#bmitv .next {
margin: 0 0 0 10px;
opacity: 0.8;
top: 70px;
position: absolute;
z-index: 2;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
padding: 1px;
background-color: lightgray;
}
#bmitv .next:hover {
opacity: 0.5;
}
#bmitv hr.divider {
margin: 0 0 10px 0;
border-top: 0;
border-bottom: 4px solid #f6f6f6;
}
@media (min-width: 0px) and (max-width: 939px) {
#featuredvideo h3 a {
font-size: 18px;
}
span.socialshare.pull-right {
padding-top: 43px;
}
}
@media (min-width: 940px) and (max-width: 1200px) {
#featuredvideo h3 a {
font-size: 30px;
}
}
/* FOOTER */
footer {
width: 100%;
min-height: 240px;
background: url("/images/cardinal_app/footer_bg.jpg") repeat-x #3e3e3e;
bottom: 0;
margin-top: 40px;
}
footer .container {
padding: 25px 0 0 0;
}
footer h4 {
font-family: "proxima-nova",sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 300;
text-transform: uppercase;
color: #fff;
letter-spacing: 1px;
}
footer p {
font-family: "proxima-nova",sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 300;
color: #fff;
text-transform: none;
padding: 12px 0 2px 0;
text-align: left;
}
footer .copyright p {
font-family: "proxima-nova",sans-serif;
font-size: 10px;
font-style: normal;
font-weight: 100;
text-transform: none;
color: #fff;
padding: 5px 0 2px 0;
text-align: left;
line-height: 1.3;
}
.footericon {
padding:10px;
}
footer form {
margin: 0 0 10px;
}
.footertitles {
border-bottom: 1px solid #111;
}
.footersearch {
border-top: 1px solid #606060;
border-bottom: 1px solid #111;
}
.listcontainer {
border-top: 1px solid #606060;
padding-top: 12px;
}
.listcontainersearch {
border-top: 1px solid #606060;
padding-top: 12px;
border-bottom: 1px solid #111;
}
.listcontainercopyright {
border-top: 1px solid #606060;
padding-top: 12px;
}
.footerpad {
padding:0px 0 0 10px;
}
.footerlogo {
float: left;
margin-right: 10px;
padding-top: 3px;
}
.copyright {
float: left;
}
footer li {
font-family: "proxima-nova",sans-serif;
font-size: 12px;
color: rgb( 198, 198, 198 );
line-height: 1.667;
font-weight: lighter;
text-rendering: optimizeLegibility;
}
footer a {
text-decoration: none;
}
footer a:hover {
color: #ef1d1d;
text-decoration: underline;
}
.footer ul {
margin-left: 0;
margin-bottom: 20px;
list-style: none;
}
footer #icons .fa {
width: 29px;
height: 34px;
line-height: 34px;
font-size: 20px;
color: #ddd;
display: inline-block;
text-align: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
footer #icons .fa:hover {
color: #ef1d1d;
}
/* SEARCH STYLES */
.resultsfromnav {
margin-top: 63px;
padding-top: 40px;
}
.gsc-tabHeader.gsc-tabhInactive {
border-color: #777777;
background-color: #777777;
font-size: 22px;
font-family: "proxima-nova",sans-serif;
font-style: normal;
text-decoration: none;
font-weight: 500;
text-transform: capitalize;
padding: 10px;
border-radius: 4px;
}
.gsc-tabHeader.gsc-tabhActive {
border-color: #333333;
background-color: #333333;
font-size: 22px;
font-family: "proxima-nova",sans-serif;
font-style: normal;
text-decoration: none;
font-weight: 500;
text-transform: capitalize;
padding: 10px;
border-radius: 4px;
}
.cse .gsc-tabsArea, .gsc-tabsArea {
border-bottom: 0 !important;
border-color: none !important;
}
.gsc-refinementsArea {
clear: both;
margin-bottom: 4px;
padding-left: 8px;
border-bottom: 4px solid #E9E9E9 !important;
padding-bottom: 5px;
}
.gsc-above-wrapper-area {
border-bottom: 4px solid #E9E9E9 !important;
padding: 5px 0 5px 0;
}
.cse .gsc-control-cse, .gsc-control-cse {
padding: 0 !important;
width: auto;
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
border-color: #333333;
background-color: #333333;
color: #fff !important;
font-size: 16px !important;
padding: 5px 10px 5px 10px !important;
border-radius: 4px;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
border-color: #777777;
background-color: #FFFFFF;
color: #444444;
font-size: 16px !important;
padding: 5px 10px 5px 10px !important;
}
.gsc-results:hover .gsc-cursor-box:hover .gsc-cursor-page:hover {
border-color: #777777;
background-color: #ef1d1d;
border-radius: 4px;
color: #fff;
font-size: 16px !important;
padding: 5px 10px 5px 10px !important;
}
.cse .gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link, .cse .gs-webResult.gs-result a.gs-title:link b, .gs-webResult.gs-result a.gs-title:link b, .cse .gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited, .cse .gs-webResult.gs-result a.gs-title:visited b, .gs-webResult.gs-result a.gs-title:visited b, .cse .gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover, .cse .gs-webResult.gs-result a.gs-title:hover b, .gs-webResult.gs-result a.gs-title:hover b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b, .gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover b, .cse .gsc-cursor-page, .gsc-cursor-page, .cse .gsc-trailing-more-results:link, .gsc-trailing-more-results:link, .cse .gs-spelling a, .gs-spelling a
{
color: #444444;
font-family: "proxima-nova",sans-serif !important;
font-style: normal !important;
text-decoration: none !important;
font-weight: 500 !important;
}
/* fix for IE7 display:inline-block*/
ul.inline > li, ol.inline > li {
zoom: 1;
*display: inline;
}
.cse .gsc-control-cse, .gsc-control-cse {
padding: 0em !important;
width: auto;
}
.dropdown-menu {
position: absolute;
width: 82.4%;
top: 90%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 10px 0px 20px 20px;
margin: 0px 0px 0px 0px;
list-style: none;
background-color: #fff;
border-top: none;
border-left: 2px solid #dd3f3f;
border-right: 2px solid #dd3f3f;
border-bottom:2px solid #dd3f3f;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
position: absolute;
}
.dropdown-menu:focus {
outline: none;
}
input.dropdown-toggle:focus:invalid:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#largenav input[type="text"] {
width:150px;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
#largenav input[type="text"]:focus {
width: 180px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom: none;
background-color: #fff;
color: #000;
}
.dotted {
border-right: 2px dotted #eee;
}
/* ABOUT MODULE CODE */
.module {
min-height: 400px;
background: none;
padding-bottom: 40px;
padding-top: 30px;
}
#whoisbmi {
background: url("/images/cardinal_app/module1_bg.jpg") #000;
background-position: left center;
background-repeat: no-repeat;
margin-top: 60px;
color:#fff;
padding-top:40px;
}
#ourrole {
background: url("/images/cardinal_app/module2_bg.jpg") #fff;
background-position: right center;
background-repeat: no-repeat;
margin-top: 0px;
color:#fff;
padding-top:0px;
padding-bottom: 0px;
min-height: 600px;
}
#heritage {
background: url("/images/cardinal_app/module3_bg.jpg") #fff;
background-position: left center;
background-repeat: no-repeat;
margin-top: 0px;
color:#fff;
padding-top:0px;
padding-bottom: 0px;
min-height: 600px;
}
#leadership_module {
background: url("/images/cardinal_app/about_leadership_module.jpg") #fff;
background-position: left top;
background-repeat: no-repeat;
margin-top: 0px;
color:#fff;
padding-top:0px;
padding-bottom: 0px;
min-height: 300px;
}
#module4 {
background: url("/images/cardinal_app/module4_bg.jpg") #000;
background-position: right center;
background-repeat: no-repeat;
color:#fff;
padding-top: 0px;
padding-bottom: 0px;
}
#services_module {
background: url("/images/cardinal_app/module4_bg.jpg") #000;
background-position: right center;
background-repeat: no-repeat;
color:#fff;
padding-top: 0px;
padding-bottom: 0px;
min-height: 600px;
}
#inclusion {
background: url("/images/cardinal_app/module5_bg.jpg") #000;
background-position: right center;
background-repeat: no-repeat;
color:#fff;
padding-top: 0px;
padding-bottom: 0px;
min-height: 354px;
}
#contactus {
background: #fff;
margin-top: 60px;
color:#fff;
padding-top:0px;
}
.modheaddark {
font-size: 54px;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 100;
line-height: 1;
letter-spacing: -1px;
text-rendering: optimizeLegibility;
margin-top: 80px;
color: #fff;
}
.modhead {
font-size: 54px;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 100;
line-height: 1;
letter-spacing: -1px;
text-rendering: optimizeLegibility;
margin-top: 70px;
color: #000;
}
.modheaddark a {
font-size: 54px;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 700;
line-height: 1;
letter-spacing: -1px;
text-rendering: optimizeLegibility;
margin-top: 70px;
color: #fff;
}
.modheaddark a:hover {
font-size: 54px;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 700;
line-height: 1;
letter-spacing: -1px;
text-rendering: optimizeLegibility;
margin-top: 70px;
color: #fff;
text-decoration: underline;
}
.modhead a{
font-size: 54px;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 100;
line-height: 1;
letter-spacing: -1px;
text-rendering: optimizeLegibility;
margin-top: 70px;
color: #000;
}
.modhead a:hover {
font-size: 54px;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 100;
line-height: 1;
letter-spacing: -1px;
text-rendering: optimizeLegibility;
margin-top: 70px;
color: #000;
text-decoration: underline;
}
#quote {
min-height: 228px;
padding-top: 100px;
background: url("/images/cardinal_app/testbg_creators_news.jpg") repeat-x;
}
#quote h1 {
color: #fff;
}
#quote p {
color: #fff;
}
#aboutinternational {
background: url('/images/cardinal_app/world_bg.jpg') no-repeat center center #fff;
}
hr.heavy {
border-top-color: #ddd;
}
#campaign {
padding: 35px 0px 35px 0px;
background-image: url("/images/cardinal_app/module2_bg_small.jpg");
background-position: right center;
background-repeat: no-repeat;
}
#campaign h1 {
color: #111;
}
#campaign p {
color: #000;
}
#ourrole h2 {
padding-top: 120px;
}
#heritage h2 {
padding-top: 120px;
}
#services_module h2 {
padding-top: 110px;
}
#services_module h3 {
color: #fff;
padding-top: 10px;
}
#contact h2 {
padding-top: 40px;
}
#contact .modhead {
margin-top: 0px;
}
#mod1{
padding-top: 40px;
}
#mod1 p, #mod4 p {
color: #fff;
text-shadow: 1px 1px 0 #000;
}
#mod2 p, #mod3 p {
color: #000;
text-shadow: 1px 1px 0 #fff;
margin-bottom: 20px;
}
.location {
text-transform: uppercase;
font-weight: 700;
font-size: 22px;
text-align: center;
border-bottom: 2px dotted #eee;
padding-bottom: 10px;
margin-bottom: 10px;
}
.location a {
color: #000;
}
.location a:hover {
color: #000;
text-decoration: underline;
}
#officelocations {
padding-top: 20px;
padding-bottom: 30px;
}
#googlemap {
height: 400px;
/* margin: 20px 0 60px 0; */
}
/* RIBBON STYLES */
.newsribbon {
position:absolute;
color:#fff;
background: #c30c0c;
font-size:1.5em;
float:left;
left: 25px;
top: 10px;
clear:both;
padding:5px 10px 5px 10px;
margin-left:-20px;
margin-bottom:20px;
-moz-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
-webkit-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
-o-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
box-shadow:2px 2px 0 rgba(0,0,0,0.1);
font-family: "proxima-nova",sans-serif;
font-weight: 300;
font-size: 14px;
color: #fff;
line-height: 1.3;
letter-spacing: -1px;
margin-top: 10px;
}
.newsribbon:before{
content:" ";
background:url("/images/cardinal_app/ribbon.png");
display:block;
width:10px;
height:10px;
position:absolute;
bottom:0;
left: 1px;
margin-bottom:-10px;
z-index:-1;
}
.calribbon {
top: 10px;
clear:both;
float:left;
font-family: "proxima-nova",sans-serif;
font-weight: 700;
background: none;
box-shadow: none;
left: 0;
margin-left: 0;
padding: 0;
margin-left: 20px;
font-size: 32px;
line-height: 33px;
width: 90%;
margin-top: 40px;
min-height: 60px;
margin-bottom:20px;
margin-top: 15px;
}
.crazy .view-details {
font-size: 11px;
display: block;
color: #f42510 !important;
text-transform: uppercase;
height: auto;
margin: 7px 0;
padding: 0;
line-height: 11px;
}
.videocount {
cursor: pointer !important;
pointer-events: none;
position: absolute;
float: left;
top: 25px;
right: 25px;
height: 20px;
width: 20px;
padding: 20px 20px;
border-radius: 50%;
background: url("/images/cardinal_app/filmstrip_icon.png") #111 no-repeat center center;
}
.vidcount {
cursor: pointer !important;
pointer-events: none;
display: inline-block;
font-family: "proxima-nova",sans-serif;
font-weight: 700;
font-size: 13.2px;
color: #fff;
margin-left: 0;
text-align: center;
width: 20px;
}
.photocat {
float: left;
word-wrap: break-word;
width: 70%;
}
.photocounting {
cursor: pointer;
position: absolute;
float: left;
top: 15px;
right: 15px;
height: 20px;
width: 20px;
padding: 19px 20px;
border-radius: 50%;
background: url("/images/cardinal_app/cameraicon.png") no-repeat center center;
text-align: center center;
pointer-events: none;
}
.phcount {
font-family: "proxima-nova",sans-serif;
font-weight: 700;
font-size: 14px;
color: #fff;
padding-left: 1.75px;
}
/* New Search Form */
#new_top_searchform,
#new_top_searchform2 {
width: 206px;
margin-top: 3px;
}
#new_top_searchform .input-google,
#new_top_searchform2 .input-google {
border: 0;
box-shadow: none;
border-radius: 0;
background: transparent url('/images/cardinal_app/new-search-wrapper.png') top left no-repeat;
width: 152px !important;
height: 32px;
max-width: 167px !important;
padding: 0 0 0 15px;
font-size: 13px !important;
font-family: "proxima-nova",sans-serif;
float: left;
line-height: 32px;
}
#new_top_searchform .input-google,
#new_top_searchform2 .input-google {
border-radius: 0 !important;
background-color: transparent !important;
}
#new_top_searchform .submit-google,
#new_top_searchform2 .submit-google {
width: 39px;
height: 32px;
float: left;
border: none;
background: transparent url('/images/cardinal_app/new-search-button.png') top left no-repeat;
border-radius: 0 !important;
}
#new_top_searchform .submit-google.active,
#new_top_searchform2 .submit-google.active {
background: transparent url('/images/cardinal_app/new-search-button-active.png') top left no-repeat;
}
#new_top_searchform .searchform_menu,
#new_top_searchform2 .searchform_menu {
float: none;
display: none;
width: 217px;
height: 132px;
clear: both;
background: transparent url('/images/cardinal_app/new-search-dropdown.png') top left no-repeat;
font-size: 14px;
font-family: "proxima-nova",sans-serif;
color: #111111;
margin: 0;
padding: 0;
top: 2px;
position: relative;
margin-left: -5px;
}
#new_top_searchform .searchform_menu strong.stylize,
#new_top_searchform2 .searchform_menu strong.stylize {
font-weight: bold;
color: #ef1d1d;
}
#new_top_searchform .searchform_menu li,
#new_top_searchform2 .searchform_menu li {
padding: 10px 20px;
list-style-type: none;
}
#new_top_searchform .searchform_menu li label.radio,
#new_top_searchform2 .searchform_menu li label.radio {
/* padding-left: 5px; */
padding-top: 6px;
}
#new_top_searchform .searchform_menu li .repertoire-block,
#new_top_searchform2 .searchform_menu li .repertoire-block {
width: 158px;
display: block;
padding: 4px 8px;
margin-bottom: 0;
font-size: 10px;
line-height: 12px;
text-align: center;
vertical-align: middle;
cursor: pointer;
color: #000000;
background-color: #e0e0e0;
background-image: -moz-linear-gradient(top, #ffffff, #e0e0e0);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e0e0e0));
background-image: -webkit-linear-gradient(top, #ffffff, #e0e0e0);
background-image: -o-linear-gradient(top, #ffffff, #e0e0e0);
background-image: linear-gradient(to bottom, #ffffff, #e0e0e0);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border: 1px solid #c2c2c2;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
border-color: #c5c5c5;
height: 56px;
font-weight: 100;
}
#new_top_searchform .searchform_menu li .repertoire-block:active,
#new_top_searchform2 .searchform_menu li .repertoire-block:active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
#new_top_searchform .searchform_menu li .repertoire-block:hover,
#new_top_searchform2 .searchform_menu li .repertoire-block:hover {
background-position: 0 -5px;
-webkit-transition: background-position 0.2s linear;
-moz-transition: background-position 0.2s linear;
-o-transition: background-position 0.2s linear;
transition: background-position 0.2s linear;
}
#new_top_searchform .searchform_menu li.pullup,
#new_top_searchform2 .searchform_menu li.pullup {
padding-top: 0 !important;
}
#new_top_searchform .searchform_menu li .repertoire-block strong,
#new_top_searchform2 .searchform_menu li .repertoire-block strong {
font-weight: bold;
font-size: 15px;
display: block;
color: #e71611;
margin: 8px 0 5px;
letter-spacing: 0;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}
#new_top_searchform .searchform_menu li .repertoire-block small,
#new_top_searchform2 .searchform_menu li .repertoire-block small {
font-size: 100%;
font-weight: 400;
text-align: left;
display: block;
margin-left: 3px;
}
@media (max-width: 1140px) {
.linav { padding: 0 10px; }
.navbar .navtext { font-size: 11px; }
#new_top_searchform .searchform_menu,
#new_top_searchform2 .searchform_menu {
position: relative !important;
right: 36px !important;
}
#new_top_searchform,
#new_top_searchform2 {
width: 180px !important;
}
#new_top_searchform .input-google,
#new_top_searchform2 .input-google {
width: 115px !important;
padding-left: 15px !important;
}
}
@media (min-width: 940px) {
.photowidget .photocounting {
background: url("/images/cardinal_app/cameraicon_big.png") no-repeat center center;
top: 25px;
right: 25px;
}
.photowidget .phcount {
font-size: 18px;
padding-left: 0;
}
}
/* CALENDAR SPECIFIC */
.calendar{
background: url("/images/cardinal_app/calbg.jpg") center top no-repeat #000;
padding: 40px 0px 0px 0px;
}
.entrydate {
text-rendering: optimizeLegibility;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 900;
font-size: 47px;
}
#primary .date {
text-align: left;
}
.datestamp {
float: left;
margin: 20px 10px 0 20px;
padding: 10px;
background: #fff;
border: 1px solid #eee;
border-radius: 1px;
-moz-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
-webkit-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
-o-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
box-shadow:2px 2px 0 rgba(0,0,0,0.1);
min-width: 72px;
}
.creatorsdatestamp {
float: left;
margin: 0px 10px 0 0px;
padding: 10px;
background: #fff;
border: 1px solid #eee;
border-radius: 2px;
-moz-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
-webkit-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
-o-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
box-shadow:2px 2px 0 rgba(0,0,0,0.1);
}
.month {
font-size: 12px;
width: 80px;
text-transform: uppercase;
font-weight: bold;
color: #fff;
text-align: center;
background: #ef1d1d;
border-radius: 2px;
margin-bottom: 15px;
}
.date {
font-weight: bold;
color: #333;
font-size: 48px;
margin-top: 12px;
margin-bottom: 12px;
text-align: center;
}
.eventdata {
padding: 33px 0px 0px 0px;
}
#crazy .month {
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
color: #fff;
text-align: center;
background: #ef1d1d;
border-radius: 2px;
margin-bottom: 15px;
width: 100%;
}
#crazy .date {
font-weight: bold;
color: #333;
font-size: 48px;
margin-top: 12px;
margin-bottom: 12px;
}
#crazy h3 {
font-size: 25px;
font-style: normal;
font-weight: 700;
padding-bottom: 0px;
margin-bottom: 0px;
margin-top: 0px;
color: #fff;
overflow-x: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3; /* number of lines to show */
-webkit-box-orient: vertical;
}
#crazy a {
color: #fff;
}
#crazy a:hover {
color: #fff;
text-decoration: underline;
}
#featureddate {
margin-bottom: 20px;
}
/* HOME CALENDAR */
/* Example wrapper */
.wrap {
position: relative;
margin: 3em 0;
}
/* Frame */
.frame {
height: 250px;
line-height: 250px;
overflow: hidden;
padding-left: 40px;
padding-right: 20px;
padding-bottom: 10px;
}
.frame ul {
list-style: none;
margin: 0;
padding: 0;
height: 100%;
font-size: 50px;
}
.frame ul li {
float: left;
width: 550px;
height: 100%;
margin: 0 15px 0 0;
padding: 0;
background: #eee;
color: #ddd;
cursor: pointer;
border-top: 8px solid #ef1d1d;
/* border-radius: 4px; */
}
.frame ul li.active {
color: #fff;
outline-offset: -6px;
background: #fff;
}
.frame .next {
height:48px;
width: 48px;
background: #000;
}
.frame .next:hover {
opacity: 0.5;
}
.frame .prev {
height:48px;
width: 48px;
background: #000;
}
.frame .prev:hover {
opacity: 0.5;
}
.frame .prev a:inactive {
opacity: 0.2;
}
/* Scrollbar */
.scrollbar {
clear: both;
margin: 0 0 0 0;
height: 22px;
background: #ccc;
line-height: 0;
}
.scrollbar .handle {
width: 100px;
height: 100%;
background: url("/images/cardinal_app/stripe_bg.png") repeat-x #ef1d1d;
cursor: pointer;
}
.scrollbar .handle .mousearea {
position: absolute;
top: -9px;
left: 0;
width: 100%;
height: 20px;
}
/* Pages */
.pages {
list-style: none;
margin: 20px 0;
padding: 0;
text-align: center;
}
.pages li {
display: inline-block;
width: 14px;
height: 14px;
margin: 0 4px;
text-indent: -999px;
border-radius: 10px;
cursor: pointer;
overflow: hidden;
background: #fff;
box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
}
.pages li:hover {
background: #aaa;
}
.pages li.active {
background: #666;
}
/* Controls */
.controls { margin: 25px 0; text-align: center; }
/* One Item Per Frame example*/
.oneperframe { height: 300px; line-height: 300px; }
.oneperframe ul li { width: 1140px; }
/* Crazy example */
.crazy ul li, .crazy ul li.active { width: 400px; margin: 0 15px 0 10px; background: url("/images/cardinal_app/front-cal-bg.jpg") no-repeat; }
.crazy ul li.promo {
background-color: #000;
background: none;
border: none;
margin-top: 56px;
}
/* Effects */
.effects {
height: 200px;
line-height: 200px;
-webkit-perspective: 800px;
-ms-perspective: 800px;
perspective: 800px;
-webkit-perspective-origin: 50% 50%;
-ms-perspective-origin: 50% 50%;
perspective-origin: 50% 50%;
overflow-y: show;
}
.effects ul {
-webkit-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.effects ul li {
position: relative;
margin: 0 -20px;
-webkit-transform: rotateY(60deg) scale(0.9);
-ms-transform: rotateY(60deg) scale(0.9);
transform: rotateY(60deg) scale(0.9);
-webkit-transition: -webkit-transform 300ms ease-out;
transition: transform 300ms ease-out;
}
.effects ul li.active {
z-index: 10;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.effects ul li.active ~ li {
-webkit-transform: rotateY(-60deg) scale(0.9);
-ms-transform: rotateY(-60deg) scale(0.9);
transform: rotateY(-60deg) scale(0.9);
}
/* LICENSING CONTACT FORM VALIDATION */
#licensing_contact label.error {color: red; margin-left:3px; margin-right:12px;}
#licensing_contact p {margin-bottom: 0px;}
#licensing_contact select {font-size: 80%;}
/* LICENSING CONTACT FORM */
#sub_topic {
display: none;
}
/* LICENSING ALT TEST */
.altlicensingheader {
margin-top: 62px;
width: 100%;
height: 600px;
background: url("/images/cardinal_app/licensing_alt_header.jpg") no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.licenseheader {
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 700;
font-size: 91px;
text-rendering: optimizeLegibility;
color: #fff;
letter-spacing: -2px;
}
.licensetag {
font-size: 32px;
text-rendering: optimizeLegibility;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 100;
color: #fff;
text-transform: capitalize;
line-height: 1.1;
padding-left: 3px;
padding-bottom: 0px;
padding-top: 0px;
}
#altlicenseheader .callbutton {
margin-top: 70px;
}
#altlicense .lisearch {
background: #000;
border: none;
top:400px;
min-height: 100px;
padding: 20px 0px 20px 0px;
margin-top: 0px;
margin-bottom: 20px;
border-radius: 2px;
position: absolute;
z-index: 849;
}
#altlicense .searchcontent .input-block-level {
background-color: #fff;
border: 0px;
height: 70px;
width: 80%;
border-radius: 0px;
font-size: 14px;
text-align: center;
font-family: "proxima-nova",sans-serif;
font-weight: 300;
font-size: 26px;
border-bottom: 8px solid #696969;
padding-top: 18px;
margin-bottom: 0px;
vertical-align: middle;
letter-spacing: normal;
}
#altlicense .searchcontent p {
padding-top: 10px;
color: #fff;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
}
.getstarted {
font-weight: 700 !important;
}
#altlicense h3 {
color: #fff;
}
#altlicense .searchcontent a {
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
color: #fff;
}
#altlicense .searchcontent a:hover{
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
color: #fff;
text-decoration: underline;
}
#altlicense p.search-info {
padding: 0 10px;
}
/* INDIE STYLES */
.social_icons {
list-style-image: none !important;
margin: 0px;
}
.social_icons li {
padding-bottom: 10px;
}
#widget .widget .social_icons {
list-style-image: none !important;
}
/* AUTOCOMPLETE STYLING FOR LICENSING SEARCH */
#licensing-keywords {
}
#licensingKeywords {
width: 500px;
font-size: 120%;
}
.ac_results {
background-color: #fff;
color: #333;
padding: 0px;
width: 100% !important;
/*border: 1px solid #333;*/
overflow: hidden;
position: relative;
z-index: 850 !important;
}
.ac_results ul {
width: 100%;
list-style-position: outside;
list-style: none;
padding: 0;
margin: 0;
/*border-bottom: 2px solid #222;*/
}
.ac_results li {
/*border-top: 1px solid #222;*/
margin: 0px !important;
cursor: default;
color: #333;
display: block;
padding: 4px 5px;
/*
if width will be 100% horizontal scrollbar will appear
when scroll mode will be used
*/
/*width: 100%;*/
font: menu;
font-size: 12px;
/*
it is very important, if line-height not set or set
in relative units scroll will be broken in firefox
*/
line-height: 16px;
overflow: hidden;
}
.ac_loading {
background: white url('/images/ajax/spinner.gif') right center no-repeat;
}
.ac_odd {
background-color: #e5e5e5;
}
.panel .ac_odd {
background-color: #666;
}
.panel .ac_results,
#ajax_content .leadgen_content {
background: #000;
border-top: 2px solid #111;
border-bottom: 1px solid #666;
/* margin: 18px -24px 0 -24px; */
overflow: hidden;
position: absolute;
width: 100%;
/* width: 350px !important; */
}
#ajaxContent {
margin-top:-12px;
}
.ac_results,
#ajaxContent .leadgen_content {
background:#fff;
border-top: 2px solid #ddd;
border-bottom: 2px solid #ddd;
overflow: hidden;
position: absolute;
width: 290px;
z-index: 850;
}
#ajaxContent .leadgen_content p,
#ajax_content .leadgen_content p {
margin: 1em 24px;
}
.panel .ac_results li,
#ajax_content .leadgen_content p a,
#ajaxContent .leadgen_content p a {
display: block;
margin: 0 -24px;
outline:0 !important;
padding: 2px 24px;
z-index:100;
}
.ac_results li,
.panel .ac_results li {
padding: 5px 24px;
}
.panel .ac_odd, .panel .ac_even {
color:#fff;
}
.panel .ac_even {
background:#444;
}
.ac_over,
#ajax_content .leadgen_content p a:focus,
#ajax_content .leadgen_content p a:hover,
#ajax_content .leadgen_content p a:active,
#ajax_content .leadgen_content p a.focused,
#ajaxContent .leadgen_content p a:focus,
#ajaxContent .leadgen_content p a:hover,
#ajaxContent .leadgen_content p a:active,
#ajaxContent .leadgen_content p a.focused {
background: #f33 !important;
color: #fff !important;
outline:0 !important;
text-decoration:none;
}
/* SPECIAL PAGE STYLES */
#specialsubhead {
padding: 0px 0 20px 0;
border-bottom: 1px dashed #eee;
margin-bottom: 20px;
}
#specialintro {
padding:10px 0 10px 0;
border-bottom: 1px dashed #eee;
margin-bottom: 30px;
text-align: center;
}
.stepcarousel {
height: 105px;
overflow: hidden;
position: relative;
width: 100%;
}
#video_carousel img.thumbnail {
border: 2px solid #191919;
float: none;
margin-left: 5px;
}
.youtube_video {
float: left;
width: 178px;
margin-right: 12px;
}
#video_carousel-paginate {
float: left;
margin-left: auto;
margin-right: auto;
margin: 2px 0 0 389px;
text-align: center;
width: 170px;
}
#video_nav {
margin-bottom: 20px;
width: 943px;
float: left;
margin-left: auto ;
margin-right: auto ;
}
/* PROGRESS BAR */
#progress {
margin-top: 20px;
}
/* PRINT STYLE */
@media print {
a[href]:after {
content: none !important;
}
#largenav {
display: none;
}
.genreheader {
display: none;
}
#search-box-mobile #close-search-mobile {
display: none !important;
}
footer {
display: none;
}
#footer {
display: none;
}
a {
display: inline-block;
}
h1 {
padding: 20px 0px 20px 0px;
}
.widget {
display: none;
}
}
/* 404 PAGE STYLE */
/* FAQ TEST STYLES */
.faq-panel {
background-color: #fff;
border: 1px solid #dadada;
padding: 0px;
margin-bottom: 40px;
color: #333;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.075);
box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
}
.faq-content {
padding: 45px 0px 30px 0px;
}
.faqhr {
border-top: 1px solid #fff;
border-bottom: 1px solid #DADADA;
margin-bottom: 0px;
}
.faq-left {
padding-left: 40px;
}
.interfaq-left {
padding-left: 40px;
padding-right: 40px;
}
.faq-right {
padding-right: 40px;
}
.landingfaqs {
background: url("/images/cardinal_app/squairy_light.png") repeat;
border-top: 1px solid #bfbfbf;
border-bottom: 1px solid #bfbfbf;
padding-top: 45px;
}
.faqqoute {
background: url('/images/cardinal_app/faq_bg_dark.jpg');
height: 374px;
color: #fff;
}
.questionfaq {
font-size: 46px;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 100;
line-height: 1.2;
margin-bottom: 20px;
}
.answerfaq p {
font-size: 46px;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 100;
line-height: 1.2;
margin-bottom: 20px;
text-align: center;
color: #fff;
margin-bottom: 0;
}
.answerfaq p a {
color: rgb( 237, 81, 83 );
}
.answerfaq p:last-child {
margin-bottom: 20px;
}
.featured-faq {
padding: 40px;
margin-bottom: 0px;
/* min-height: 200px; */
background: url('/images/cardinal_app/faq_bg_dark.jpg') center center no-repeat;
color: #fff;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-bottom: 1px solid #bfbfbf;
}
.mufeatured {
margin-bottom: 30px;
}
.viewall {
padding: 25px 0px 3px 0px;
}
.viewallbtn {
padding:25px 40px 3px 40px;
}
.faqcategorybar {
-webkit-box-shadow: 0 0.5px 8px black;
-moz-box-shadow: 0 0.5px 8px black;
box-shadow: 0px 0.5px 8px black;
height: 44px;
background: url("/images/cardinal_app/header.jpg") repeat-x;
margin-bottom: 25px;
}
.categorybar {
padding: 4px 0px 0px 0px;
}
#royalty {
background-color: #eee;
}
.faqlist {
background: #3c9ad9;
padding: 20px;
border: 1px solid #e2e2e2;
margin-bottom: 5px;
border-radius: 4px;
}
.faqlist:hover {
background: #C0392B;
color: #fff;
padding: 20px;
border: 1px solid #e2e2e2;
margin-bottom: 5px;
}
.faqlist a {
color: #fff;
}
.faqlist a:hover {
color: #fff;
}
#singleAnswer .answerfaq p,
#singleAnswer2 .answerfaq p {
color: #fff;
font-size: 22px;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 100;
line-height: 1.4;
padding: 20px 0px 20px 0px;
text-align: center;
}
.answer {
font-size: 14px;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 300;
line-height: 1.2;
padding: 0px 0px 10px 0px;
}
.no-padding {
padding: 0 0px 20px 0px;
}
#subscribeanchor {
padding-top: 40px;
}
.faqlabel {
display: inline-block;
padding: 7px;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 13px;
color: #fff;
vertical-align: baseline;
white-space: nowrap;
background-color: none;
text-shadow: none;
margin-right: 5px;
margin-top: 5px;
}
.faqlabel {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
opacity: 1.0;
}
.faqlabel:hover {
opacity: 1.0;
background-color: #ef1d1d;
color: #fff;
}
/* CUSTOM IE10 STYLES */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.dropdown-menu {
position: absolute;
width: 81.0%;
top: 90%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 10px 0px 20px 20px;
margin: 0px 0px 0px 0px;
list-style: none;
background-color: #fff;
border-top: none;
border-left: 2px solid #dd3f3f;
border-right: 2px solid #dd3f3f;
border-bottom:2px solid #dd3f3f;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
position: absolute;
}
}
/* CUSTOM SAFARI STYLES */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.dropdown-menu {
position: absolute;
width: 81.0%;
top: 91%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 10px 0px 20px 20px;
margin: 0px 0px 0px 0px;
list-style: none;
background-color: #fff;
border-top: none;
border-left: 2px solid #dd3f3f;
border-right: 2px solid #dd3f3f;
border-bottom:2px solid #dd3f3f;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
position: absolute;
}
#options li a {
display: block;
padding: 0.6em 1em;
background: #515151;
color: #fff;
font-weight: bold;
font-family: "proxima-nova",sans-serif;
font-size: 15px;
font-weight: 500;
}
#largenav input[type="text"] {
width: 150px;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
font-size: 11px;
}
#largenav input[type="text"]:focus {
width: 180px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom: none;
background-color: #fff;
color: #000;
}
}
/* CUSTOM FIREFOX STYLES */
@-moz-document url-prefix() {
.dropdown-menu {
position: absolute;
width: 81.0%;
top: 91%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 10px 0px 20px 20px;
margin: 0px 0px 0px 0px;
list-style: none;
background-color: #fff;
border-top: none;
border-left: 2px solid #dd3f3f;
border-right: 2px solid #dd3f3f;
border-bottom:2px solid #dd3f3f;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
position: absolute;
}
#options li a {
font-size: 14px;
}
}
.photo-wrap {
float: left;
padding-right: 20px;
padding-bottom: 10px;
}
/* SIGNING SPOTLIGHT */
#signing {
}
.altsigningheader {
margin-top: 68px;
width: 100%;
height: 246px;
max-height: 240px;
background: url("/images/cardinal_app/spotlight_banner_test.png") no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#signingspotlight {
padding-top: 34px;
padding-bottom: 30px;
margin-bottom: 4px !important;
border-bottom: 4px solid #eee;
border-top: 4px solid #eee;
-webkit-box-shadow: 0px 1px 6px 3px rgba(0, 0, 0, 0.4);
box-shadow: 0px 1px 6px 3px rgba(0, 0, 0, 0.4);
}
.signpad {
margin-top: 60px;
}
#joinbar {
border-bottom: 4px solid #eee;
}
.signjoinbar {
padding: 20px 0px 20px 0px;
}
.signjoin {
margin-top: 104px;
float: right;
}
.spottitle {
color: #111;
font-size: 32px;
}
.spottitle a{
color: #111;
font-size: 32px;
}
.spottitle a:hover{
color: #111;
text-decoration: underline;
font-size: 32px;
}
#signingspotlight p {
color: #111;
}
.signingtitle {
color: #fff;
font-weight: 500;
}
/* INTERNATIONAL */
#globalinitiatives {
background: #fff;
min-height: 480px;
padding-bottom: 40px;
}
#internationalnews {}
#internationalcreators {
min-height: 480px;
padding-bottom: 80px;
border-bottom: 4px solid #eee;
border-top: 4px solid #eee;
-webkit-box-shadow: 0px 1px 6px 3px rgba(0, 0, 0, 0.4);
box-shadow: 0px 1px 6px 3px rgba(0, 0, 0, 0.4);
}
#internationalmusicusers {
}
#internationalintro {
padding-top: 68px;
border-bottom: 1px solid #eee;
background: url('/images/cardinal_app/international_bg_top.png') no-repeat center bottom #000;
}
.international-flags {
display: block;
width: 474px;
height: 40px;
background-image: url('/images/cardinal_app/bmi-international-flags.png');
margin: 0 auto;
text-indent: -100000px;
font-size: 1px;
}
#foreignpros {
background: url('/images/cardinal_app/world_bg.jpg') no-repeat center center #fff;
}
.agreements {
background: #fff;
border: 1px solid #111;
padding: 20px 20px 20px 20px;
border-radius: 4px;
}
.btn-international {
text-align: left;
padding-left: 20px;
word-wrap: break-word;
}
.interimg {
padding-right: 20px;
}
.btnicon {
border-right: 8px solid #fff;
}
.internationalheader {
margin-top: 67px;
min-height: 270px;
background: url("/images/cardinal_app/international_entry_bg_top.jpg") repeat-x;
margin-bottom: 20px;
}
#internationalcreators a.btn-international {
display: table;
}
.btn-international {
padding-right: 20px;
}
#internationalcreators a.btn-international span {
display: table-cell
}
#internationalcreators .interimg {
width: 100px;
}
/* MEDIA PLAYER */
.player {
-webkit-user-select: none; /* Chrome all / Safari all */
-moz-user-select: none; /* Firefox all */
-ms-user-select: none; /* IE 10+ */
background: #000 url('/images/cardinal_app/player/border.gif') repeat-y top right !important;
height: 568px;
margin: -5px 0 0 0;
width: 1168px;
}
.player .btn-danger {
background: #EF1D1D;
float: right;
font-weight: bold;
width: 90px;
margin: -48px 0 0 0;
}
.player .left {
background: #000 url('/images/cardinal_app/player/spinner.gif') no-repeat center;
float: left;
line-height: 568px;
margin: -1px 0 0 0;
padding: 0;
text-align: center;
min-width: 360px;
width: 800px;
height: 568px;
}
.player .left .raw {
-ms-interpolation-mode: bicubic;
background: #333;
display: none;
vertical-align: middle;
}
.player .left .controls {
margin: 261px 0 0 0;
z-index: 2;
width: 800px;
position: absolute;
}
.player .left .previous {
cursor: pointer;
display: none;
float: left;
height: 48px;
margin: 0 0 0 13px;
opacity: 0.5;
position: absolute;
z-index: 2;
}
.player .left .next {
cursor: pointer;
display: none;
float: right;
margin: 0 0 0 0;
padding-right: 13px;
opacity: 0.5;
right: 0;
position: absolute;
z-index: 2;
}
.player .left .previous:hover,
.player .left .next:hover {
opacity: 0.8;
}
.player .left .fullscreen {
cursor: pointer;
display: none;
float: right;
margin: 10px 0 0 770px;
position: absolute;
z-index: 2;
}
.player .right {
float: right;
margin: 0 0 0 -20px !important;
padding: 0 16px 0 16px;
width: 336px;
}
.player .right .stuff {
display: none;
}
.player .right .meta {
float: left;
margin: 6px 0 6px 0;
width: 200px;
}
.player .right .meta .date {
font-size: 16px;
font-weight: 700;
margin: 3px 0 0 0;
text-transform: uppercase;
text-align: left;
}
.player .right .current_page {
font-size: 16px;
font-weight: 700;
float: right;
margin: 12px 0 0 0;
text-align: right;
width: 100px;
}
.player .right h3 {
-webkit-user-select: text; /* Chrome all / Safari all */
-moz-user-select: text; /* Firefox all */
-ms-user-select: text; /* IE 10+ */
border-top: 4px solid #E9E9E9;
clear: left;
margin: 0 0 12px 0;
padding: 12px 0 0 0;
font-size: 26px;
font-weight: bold;
}
.player .right .text {
height: 100%;
position: relative;
}
.player .right .text .caption {
-webkit-user-select: text; /* Chrome all / Safari all */
-moz-user-select: text; /* Firefox all */
-ms-user-select: text; /* IE 10+ */
font-size: 14px;
font-style: normal;
font-weight: normal;
height: 100%;
margin: 0 0 4px 0;
max-height: 382px;
padding: 0;
overflow: auto;
text-align: left;
}
.player .right .text .caption p {
font-size: 12px;
line-height: 18px;
}
.player .right .text .caption p:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.player .right .text .caption p.credit {
font-size: 14px !important;
margin: -3px 0 6px 0;
}
.video_player .text {
cursor: pointer !important;
}
.video_player .text .related_video {
background: #f1f1f1;
cursor: pointer !important;
display: table;
font-size: 16px;
font-weight: bold;
line-height: 16px;
height: 83px;
padding: 6px 6px 0 0;
}
.video_player .text .related_video:hover {
background: #e9e9e9;
cursor: pointer !important;
outline: 1px solid #ddd;
}
.video_player .text .related_video img.play {
float: left;
margin: 9px 0 0 45px;
opacity: 0.2;
filter: alpha(opacity=20);
position: absolute;
z-index: 10;
}
.video_player .text .related_video:hover img.play {
opacity: 0.3;
filter: alpha(opacity=30);
}
.video_player .text .related_video img + img {
background: #E3E3E3;
display: inline-block;
float: left;
height: 70px;
margin: 3px 10px 10px 10px;
position: absolute;
width: 122px;
z-index: 2;
}
.video_player .text span {
float: left;
height: 69px;
margin-top: 3px;
padding-left: 140px;
width: 190px;
}
@media all and (-ms-high-contrast: none) {
.video_player .text span {
width: 170px;
}
}
@-moz-document url-prefix() {
.video_player .text span {
width: 170px;
}
.video_player .text .related_video {
width: 310px !important;
}
.video_player .text span {
position: absolute;
width: 170px;
z-index: 3;
}
}
.video_player .right {
height: 100%;
}
.video_player .text {
overflow-y: scroll;
overflow-x: hidden;
}
.player .right .gradient {
background: -moz-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.3)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
height: 14px;
margin: -10px 0 0 0px;
padding: 0;
pointer-events: none;
width: 336px;
}
.player .right .separator {
background: #E9E9E9;
height: 10px;
margin: 3px 0 8px 0;
width: 336px;
}
.player .right .social {
bottom: 12px;
font-weight: bold;
height: 46px;
padding: 0 0 0 0;
position: absolute;
right: 16px;
text-align: left;
vertical-align: center;
width: 336px;
}
.player .right .social .group {
background: #fff;
height: 46px;
margin: -2px 0 0 0;
}
.spotlightcall {
padding: 20px;
}
#calltoaction {
background: #113350;
}
.spotcallbutton {
margin-top: ;
}
.smallcall {
margin-top: 30px;
}
.spotlightheader {
font-weight: 700;
color: #fff;
margin-top: 40px;
}
.spotlightbg {
background: url("/images/cardinal_app/news_spotlight_bg.png") repeat-y;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 40px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.aboutquote {
font-size: 50px;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 100;
line-height: 1;
letter-spacing: -1px;
text-rendering: optimizeLegibility;
color: #fff;
}
/* RESPONSIVE LOAD_SLIDES_FROM SLIDESHOW PLAYER STYLES */
.photo_widget {
background-color: #F6F6F8;
width: 94%;
}
.photo_widget img {
width: 100% !important;
}
.photo_holder {
background-color: #111;
height: 348px;
overflow: hidden;
}
.element h3 a {
color: #000;
}
.element h3 a:hover {
color: #8C7E7E;
text-decoration: underline;
}
.photo_holder .icon-search {
left: 50%;
position: absolute;
top: 180px;
z-index: 10;
}
@media (min-width: 1200px) {
.photo_holder {
height: 432px;
overflow: hidden;
}
.photo_holder .icon-search {
top: 215px;
}
#socialnews .socmed-hover.facebook,
#socialnews .socmed-hover.youtube {
left: 1px;
}
.advocacy_signup h5 {
position: relative;
left: -55px;
}
#advocacy_bmihastag_new .container {
width: 950px;
}
#advocacy_bmihastag_new .span6 {
width: 460px;
}
#bmilive-quote .span3 {
width: 196px;
}
#bmilive-quote .span9 {
width: 944px;
}
#bmilive-content .span8 {
width: 740px;
}
#bmilive-content .span4 {
width: 400px;
}
footer #icons .fa {
width: 38px;
font-size: 24px;
}
}
@media (min-width: 1200px) and (max-width: 1330px) {
#bmilive-testimonials .flex-direction-nav .flex-next {
right: 20px;
}
#bmilive-testimonials .flex-direction-nav .flex-prev {
left: 50px;
}
#bmilive-steps ul li:last-child {
width: 120px;
}
}
@media (max-width: 939px) and (min-width: 0px) {
.photo_holder {
height: 267px;
overflow: hidden;
}
.photo_holder .icon-search {
top: 130px;
}
}
.photo_holder .slide {
display: none;
}
.photo_holder .active_slide {
display: inline;
}
/* RESPONSIVE LOAD_VIDEO_FROM STYLES */
.video_widget {
background-color: #F6F6F8;
width: 94%;
}
.video_widget img {
width: 100% !important;
}
.video_holder {
background-color: #111;
height: 330px;
overflow: hidden;
}
.video_holder .icon-search {
left: 50%;
position: absolute;
top: 180px;
z-index: 10;
}
@media (min-width: 1200px) {
.video_holder {
height: 410px;
overflow: hidden;
}
.video_holder .icon-search {
top: 215px;
}
}
@media (max-width: 939px) and (min-width: 0px) {
.video_holder {
height: 243px;
overflow: hidden;
}
.video_holder .icon-search {
top: 130px;
}
}
/* RESPONSIVE STYLES */
@media (min-width: 0px) and (max-width: 939px) {
footer input.search-query {
padding-right: 12px;
padding-right: 2px \9;
padding-left: 12px;
padding-left: 2px \9;
margin-bottom: 0;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
height: 22px;
width: 112px;
}
footer p {
font-family: "proxima-nova",sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 300;
text-transform: none;
color: #fff;
padding: 0px 0 2px 0;
}
.eventscal tr.headercal td {
border-left: 1px solid #606060;
border-right: 1px solid #111;
border-bottom: 1px solid #000;
color: #eee;
text-align: center;
text-rendering: optimizeLegibility;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 100;
font-size: 16px !important;
}
h1 {
font-size: 42px;
}
footer .copyright p {
font-family: "proxima-nova",sans-serif;
font-size: 9px;
font-style: normal;
font-weight: 100;
text-transform: none;
color: rgb( 198, 198, 198 );
padding: 0px 0 2px 0;
text-align: left;
}
h2 {
font-size: 27px;
}
.featurette-headingcreators {
font-size: 36px;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 100;
line-height: 1;
letter-spacing: -1px;
}
footer img {
width: 31%;
margin: 0 auto;
}
.mega-info {
visibility: hidden;
}
.mega-title {
text-align: left;
font-family: "proxima-nova",sans-serif;
font-size: 12px;
line-height: 22px;
color: #fff;
font-weight: 400;
}
.jump h2 {
font-size: 36px;
text-rendering: optimizeLegibility;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 100;
color: #ef1d1d;
letter-spacing: -2px;
padding-left: 0px;
line-height: normal;
margin: 0px;
}
#jump p {
font-family: "proxima-nova",sans-serif;
font-size: 14px;
font-style: normal;
text-transform: none;
line-height: normal;
}
#jump img {
width: 22%;
}
.smalljump {
font-size: 11px;
font-weight: 500;
}
.pageheader {
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 700;
font-size: 60px;
text-rendering: optimizeLegibility;
color: #fff;
letter-spacing: -2px;
padding-bottom: 5px;
}
.pageheaderbus {
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 100;
font-size: 50px;
text-rendering: optimizeLegibility;
color: #000;
letter-spacing: -2px;
padding-bottom: 5px;
}
footer h4 {
font-size: 11px;
}
#options li a {
display: block;
padding: 0.4em 0.4em;
background: #515151;
color: #fff;
font-weight: bold;
font-family: "proxima-nova",sans-serif;
font-size: 13px;
font-weight: 100;
}
#subscribe-heading a { font-size: 13px; }
.subtext {
text-align: center;
font-family: "proxima-nova",sans-serif;
font-style: normal;
text-decoration: none;
font-weight: 500;
font-size: 11px;
color: #111;
}
.subtext a {
text-align: center;
font-family: "proxima-nova",sans-serif;
font-style: normal;
text-decoration: none;
font-weight: 500;
font-size: 12px;
color: #111;
}
.subtext a:hover,
.subtext a.activated {
text-align: center;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 500;
font-size: 12px;
color: #111;
border-bottom: 2px solid #ef1d1d;
}
.modhead {
font-size: 36px;
margin-top: 0px;
}
#contact a {
font-size: 12px;
}
#contact li {
font-size: 13px;
font-weight: 500;
}
#filter-mx-lead li a {
color: black;
line-height: 12px;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 500;
font-size: 11px;
}
.element {
/* width: 330px; */
/* height: 600px; */
margin-bottom: 20px;
margin: 5px;
float: left;
overflow: hidden;
position: relative;
color: #000;
font-size: 11px;
box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
-moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);
-webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
padding: 15px 15px 5px 15px;
}
.newsbg {
background: url("/images/cardinal_app/container_bg.jpg") repeat;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 25px;
}
.leadquote h2 {
font-size: 22px;
}
#filter-musicworld-latest-lead p {
font-size: 12px;
}
.navbar-inner .container {
background-repeat: no-repeat;
width: 960px;
}
.linav {
text-align: center;
}
.navtextblock {
height:46px;
padding-top: 24px;
padding-left: 5px;
}
.navtext {
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 700;
font-size: 12px;
line-height: 0.8px;
text-rendering: optimizeLegibility;
letter-spacing: -0.3px;
color: #fff;
text-transform: uppercase;
text-shadow: 0px 1px 1px rgb( 0, 0, 0 );
}
.navbar .brand {
float: left;
display: block;
padding: 0px 0px 0px;
font-size: 20px;
font-weight: 200;
color: #777777;
text-shadow: 0 1px 0 #ffffff;
}
#largenav #container {
height: 42px;
}
#largenav input[type="text"] {
width: 70px;
font-size: 10px;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
#largenav input[type="text"]:focus {
width: 80px;
}
.featurette-heading {
font-size: 44px;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 100;
line-height: 1;
letter-spacing: -1px;
text-rendering: optimizeLegibility;
margin-top: 40px;
margin-bottom: 20px;
}
.testheight {
height: 110px;
padding-top: 10px;
padding-bottom: 15px;
}
.testheight h3 {
font-size: 16px;
}
.pagetag {
font-size: 18px;
}
.faqlist {
padding: 10px;
}
.faqlist:hover {
padding: 10px;
}
#altlicense .searchcontent .input-block-level {
height: 70px;
font-size: 21px;
padding-top: 8px;
}
.callbutton .btn {
font-size: 14px;
padding: 10px;
}
.sectionheading {
padding-top: 65px;
word-wrap: break-word;
}
.overlay {
padding: 7px 20px 20px 42px;
}
.span4 .overlay {
padding: 7px 20px 20px 42px;
}
/*
.btn-danger {
font-size: 15px;
}
*/
.pagetagbus {
font-size: 20px;
}
#contact h3 {
font-size: 12px;
}
#press #contact h3 {
font-size: 22px;
}
.questionfaq {
font-size: 36px;
}
#bussubs .subtext {
text-align: center;
font-family: "proxima-nova",sans-serif;
font-style: normal;
text-decoration: none;
font-weight: 500;
font-size: 13px;
color: #111;
}
#bussubs ul.inline > li, ol.inline > li {
display: inline-block;
padding-left: 2px;
padding-right: 2px;
}
#bussubs .subtext a {
text-align: center;
font-family: "proxima-nova",sans-serif;
font-style: normal;
text-decoration: none;
font-weight: 500;
font-size: 13px;
color: #111;
}
#bussubs .subtext a:hover {
text-align: center;
font-family: "proxima-nova",sans-serif;
font-style: normal;
text-decoration: none;
font-weight: 500;
font-size: 13px;
color: #111;
border-bottom: 4px solid #ef1d1d;
}
.module {
min-height: 300px;
background: none;
padding-bottom: 40px;
padding-top: 30px;
}
#mod1 {
padding-top: 20px;
}
#whoisbmi {
background: url("/images/cardinal_app/module1_bg.jpg") #000;
background-position: left center;
background-repeat: no-repeat;
margin-top: 60px;
color:#fff;
padding-top:40px;
}
#ourrole {
background: url("/images/cardinal_app/module2_bg_small.jpg") #fff;
background-position: right center;
background-repeat: no-repeat;
margin-top: 0px;
color:#fff;
padding-top:0px;
padding-bottom: 0px;
min-height: 400px;
}
#ourrole h2 {
padding-top: 60px;
}
#heritage {
background: url("/images/cardinal_app/module3_bg_small.jpg") #fff;
background-position: left center;
background-repeat: no-repeat;
margin-top: 0px;
color:#fff;
padding-top:0px;
padding-bottom: 0px;
min-height: 400px;
}
#heritage h2 {
padding-top: 60px;
}
#module4 {
background: url("/images/cardinal_app/module4_bg.jpg") #000;
background-position: right center;
background-repeat: no-repeat;
color:#fff;
padding-top: 0px;
padding-bottom: 0px;
}
#services_module {
background: url("/images/cardinal_app/module4_bg_small.jpg") #000;
background-position: right center;
background-repeat: no-repeat;
color:#fff;
padding-top: 0px;
padding-bottom: 0px;
min-height: 400px;
}
#services_module h2 {
padding-top: 55px;
}
.modheaddark {
font-size: 36px;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 100;
line-height: 1;
letter-spacing: -1px;
text-rendering: optimizeLegibility;
margin-top: 35px;
color: #fff;
}
.modheaddark a {
font-size: 36px;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 700;
line-height: 1;
letter-spacing: -1px;
text-rendering: optimizeLegibility;
margin-top: 35px;
color: #fff;
}
.modheaddark a:hover {
font-size: 36px;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 700;
line-height: 1;
letter-spacing: -1px;
text-rendering: optimizeLegibility;
margin-top: 35px;
color: #fff;
text-decoration: underline;
}
.faqlabel {
display: inline-block;
padding: 7px;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 500;
font-size: 9px;
line-height: 13px;
color: #fff;
vertical-align: baseline;
white-space: nowrap;
background-color: none;
text-shadow: none;
margin-right: 5px;
margin-top: 5px;
}
#contactus {
background: #fff;
margin-top: 60px;
color:#fff;
padding-top:0px;
}
.widget .btn {
margin-top: 10px;
}
}
@media (min-width: 940px) and (max-width: 1200px) {
.hidden-middle {
display: none !important;
}
.btn-small-jump span {
font-size: 14px;
}
.jump h2 {
font-size: 35px;
}
#jump p {
font-size: 14px;
}
.btn-small-jump.top {
margin-bottom: 21px;
}
.btn-small-jump.big {
height: 143px;
}
#socialnews li {
width: 120px;
}
footer input.search-query {
padding-right: 12px;
padding-right: 2px \9;
padding-left: 12px;
padding-left: 2px \9;
/* IE7-8 doesn't have border-radius, so don't indent the padding */
margin-bottom: 0;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
height: 22px;
width: 80%;
}
footer p {
font-family: "proxima-nova",sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 100;
text-transform: none;
padding: 12px 0 2px 0;
text-align: left;
}
footer .copyright p {
font-family: "proxima-nova",sans-serif;
font-size: 9px;
font-style: normal;
font-weight: 100;
text-transform: none;
color: rgb( 198, 198, 198 );
padding: 0px 0 2px 0;
text-align: left;
}
.footerlogo {
}
.mega-info {
visibility: hidden;
}
.mega-title {
text-align: left;
font-family: "proxima-nova",sans-serif;
font-size: 12px;
line-height: 22px;
color: #fff;
font-weight: 400;
}
.modhead {
font-size: 36px;
margin-top: 10px;
}
.subtext {
text-align: center;
font-family: "proxima-nova",sans-serif;
font-style: normal;
text-decoration: none;
font-weight: 500;
font-size: 15px;
color: #111;
}
.subtext a {
text-align: center;
font-family: "proxima-nova",sans-serif;
font-style: normal;
text-decoration: none;
font-weight: 500;
font-size: 16px;
color: #111;
}
.subtext a:hover, .subtext a.activated {
text-align: center;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
color: #111;
border-bottom: 4px solid #ef1d1d;
}
h2 {
font-size: 36px;
}
.overlay {
padding: 24px 20px 20px 72px;
}
.span4 .overlay {
padding: 50px 20px 19px 132px;
}
.questionfaq {
padding: 50px 20px 10px 20px;
}
.affix {
width: 100%;
}
.module {
min-height: 300px;
background: none;
padding-bottom: 40px;
padding-top: 30px;
}
#mod1 {
padding-top: 20px;
}
#whoisbmi {
background: url("/images/cardinal_app/module1_bg.jpg") #000;
background-position: left center;
background-repeat: no-repeat;
margin-top: 60px;
color:#fff;
padding-top:40px;
}
#ourrole {
background: url("/images/cardinal_app/module2_bg_small.jpg") #fff;
background-position: right center;
background-repeat: no-repeat;
margin-top: 0px;
color:#fff;
padding-top:0px;
padding-bottom: 0px;
min-height: 400px;
}
#ourrole h2 {
padding-top: 40px;
}
#heritage {
background: url("/images/cardinal_app/module3_bg_small.jpg") #fff;
background-position: left center;
background-repeat: no-repeat;
margin-top: 0px;
color:#fff;
padding-top:0px;
padding-bottom: 0px;
min-height: 400px;
}
#heritage h2 {
padding-top: 40px;
}
#module4 {
background: url("/images/cardinal_app/module4_bg.jpg") #000;
background-position: right center;
background-repeat: no-repeat;
color:#fff;
padding-top: 0px;
padding-bottom: 0px;
}
#services_module {
background: url("/images/cardinal_app/module4_bg_small.jpg") #000;
background-position: right center;
background-repeat: no-repeat;
color:#fff;
padding-top: 0px;
padding-bottom: 0px;
min-height: 400px;
}
#services_module h2 {
padding-top: 55px;
}
.modheaddark {
font-size: 36px;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 100;
line-height: 1;
letter-spacing: -1px;
text-rendering: optimizeLegibility;
margin-top: 35px;
color: #fff;
}
.modheaddark a {
font-size: 36px;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 700;
line-height: 1;
letter-spacing: -1px;
text-rendering: optimizeLegibility;
margin-top: 35px;
color: #fff;
}
.modheaddark a:hover {
font-size: 36px;
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 700;
line-height: 1;
letter-spacing: -1px;
text-rendering: optimizeLegibility;
margin-top: 35px;
color: #fff;
text-decoration: underline;
}
#contactus {
background: #fff;
margin-top: 60px;
color:#fff;
padding-top:0px;
}
.widget .btn {
margin-top: 10px;
}
}
@media \0screen {
img {
width: auto; /* for ie 8 */
}
#featuredimage {
width: 100%; /* for ie 8 */
}
}
.tag-social-cards {
margin-right: 6px;
}
.link-social-cards {
float: right;
position: relative;
top: 3px;
}
.head-socmed {
height: 69px;
cursor: pointer;
/*width: 100px;*/
}
.head-socmed .item-socmed {
margin-left: 20px;
margin-top: 23px;
display: block;
position: relative;
}
.head-socmed .item-socmed img { }
.head-socmed .item-socmed a:hover {
background: none !important;
}
.head-socmed .item-socmed .twitter-icon {
margin-right: 7px;
}
.head-socmed .item-socmed .arrow {
position: absolute;
/*
left: 50%;
margin-left: -5px;
*/
left: 22px;
bottom: -12px;
background: url('/images/cardinal_app/head_socmed_icon_arrow.png');
width: 11px;
height: 6px;
}
.head-socmed:hover .item-socmed {
background: none !important;
}
.head-socmed:hover .item-socmed .arrow {
background: url('/images/cardinal_app/head_socmed_icon_arrow_hover.png');
}
.head-socmed .socmed-submenu {
position: absolute;
width: 168px;
padding: 0;
margin: 24px 2px 0 0;
right: 3px;
/* right: 20px; */
display: none;
z-index: 99999;
}
.head-socmed .socmed-submenu li {
list-style-type: none;
height: 34px;
width: 168px;
-webkit-transition: 0.3s ease-out;
-moz-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.head-socmed .socmed-submenu li a {
display: block;
font-size: 13px;
color: #fff;
font-weight: normal;
position: relative;
left: 42px;
top: 7px;
}
.head-socmed .socmed-submenu li:hover a {
background: none !important;
}
.head-socmed .socmed-submenu li.twitter {
background: #1dcaff url('/images/cardinal_app/head_socmed_icon_twitter.png') 9% 50% no-repeat;
}
.head-socmed .socmed-submenu li.facebook {
background: #3c5896 url('/images/cardinal_app/head_socmed_icon_facebook.png') 9% 50% no-repeat;
}
.head-socmed .socmed-submenu li.instagram {
background: #40719a url('/images/cardinal_app/head_socmed_icon_instagram.png') 9% 50% no-repeat;
}
.head-socmed .socmed-submenu li.tumblr {
background: #e87a0c url('/images/cardinal_app/head_socmed_icon_tumblr.png') 9% 50% no-repeat;
}
.head-socmed .socmed-submenu li.pinterest {
background: #e87a0c url('/images/cardinal_app/head_socmed_icon_pinterest.png') 9% 50% no-repeat;
}
.head-socmed .socmed-submenu li.youtube {
background: #c52929 url('/images/cardinal_app/head_socmed_icon_youtube.png') 9% 50% no-repeat;
}
.head-socmed .socmed-submenu li.twitter:hover {
background-color: #3a79bf;
}
.head-socmed .socmed-submenu li.facebook:hover {
background-color: #345189;
}
.head-socmed .socmed-submenu li.instagram:hover {
background-color: #3b5b76;
}
.head-socmed .socmed-submenu li.tumblr:hover {
background-color: #d05c0f;
}
.head-socmed .socmed-submenu li.pinterest:hover {
background-color: #d05c0f;
}
.head-socmed .socmed-submenu li.youtube:hover {
background-color: #a42222;
}
.background-calendar {
background: url('/images/headers/calendar_background.jpg') bottom center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
margin-top: 68px;
padding-top: 30px;
height: 161px;
max-height: 161px;
color: #fff;
}
.background-calendar #primary {
margin-top: 0 !important;
}
.background-calendar #primary h1 {
font-size: 68px;
padding-top: 20px;
}
.background-calendar #primary .calendar-tagline {
font-size: 23px;
}
#subscribe-heading a {
margin-left: 20px;
/*display: inline;*/
text-align: right;
display: block;
color: #eb1b1b !important;
}
#calendar_selector {
margin-left: 10px;
font-size: 13px;
width: 180px;
}
#subscribe-heading a:hover {
color: #eb1b1b !important;
}
.calendar-subcategories {
padding-bottom: 10px;
}
.calendar-subcategories .subtext a {
font-size: 18px;
}
.calendar-new-style .eventscal {
background: none !important;
}
.calendar-new-style .eventscal th {
background: none !important;
padding: 0 !important;
}
.calendar-new-style .week {
background: #fff;
}
.calendar-new-style .eventscal th.current_month {
font-size: 31px;
color: #000;
font-weight: bold;
padding-bottom: 7px !important;
}
.calendar-new-style .calendar-next-link,
.calendar-new-style .calendar-next-link:hover {
font-weight: normal;
font-size: 20px;
color: #000;
display: block;
min-height: 32px;
background: url('/images/cardinal_app/calendar-next-arrow.png') center right no-repeat;
padding-right: 50px;
padding-top: 12px;
}
.calendar-new-style .calendar-prev-link,
.calendar-new-style .calendar-prev-link:hover {
font-weight: normal;
font-size: 20px;
color: #000;
display: block;
min-height: 32px;
background: url('/images/cardinal_app/calendar-prev-arrow.png') center left no-repeat;
padding-left: 50px;
padding-top: 12px;
}
.calendar-new-style .calendar-placeholder {
margin-top: 13px;
margin-bottom: 14px;
}
.subcategories.hoversubcategories {
position: fixed;
_position:absolute;
top: 68px;
_top:expression(eval(document.body.scrollTop));
width: 100%;
display: none;
padding: 20px 0px 10px 0px !important;
box-shadow: none !important;
background-color: #e4e4e4;
border-bottom: 1px solid #ccccd1;
-webkit-transition: box-shadow 0.2s linear;
-moz-transition: box-shadow 0.2s linear;
-ms-transition: box-shadow 0.2s linear;
-o-transition: box-shadow 0.2s linear;
transition: box-shadow 0.2s linear;
}
.subcategories.hoversubcategories .subtext a {
color: #303033;
text-transform: uppercase;
font-size: 13px;
letter-spacing: 1px;
font-weight: 600;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
.subcategories.hoversubcategories .subtext a:hover {
background: none !important;
border-bottom: 0 !important;
color: #e82930;
}
.prevPage {
float: left;
margin-left: 40px;
cursor: pointer;
}
.nextPage {
float: right;
margin-right: 40px;
cursor: pointer;
}
.cleaner {
clear: both;
display: block;
}
.view-all-cal-button {
width: 245px;
color: #fff;
background: #f42510;
border-radius: 3px;
padding: 10px 0;
font-size: 16px;
font-weight: bold;
position: absolute;
left: 50%;
margin-left: -122px;
}
.view-all-cal-button:hover {
color: #fff;
text-decoration: underline;
}
.nopadding {
padding: 0 !important;
}
#filter-community-lead {
display: block;
margin-top: 40px;
margin-bottom: 60px;
}
@media (max-width: 939px) {
.btn-small-jump span {
font-size: 10px;
}
#jump p {
font-size: 12px;
}
.btn-small-jump.top {
margin-bottom: 21px;
}
.btn-small-jump.big {
height: 143px;
}
#socialnews {
text-align: center;
left: 0;
}
#socialnews li {
width: 120px;
}
#filter-community-lead .span5,
#filter-community-lead .span7 {
float: none;
display: block;
text-align: center;
width: auto;
}
}
@media (max-width: 768px) {
.linav {
padding: 0 6px;
}
.navbar .navtext {
font-size: 11px;
}
.navbar .nav > li.head-socmed {
position: relative;
left: -15px;
}
.navbar .nav > li.search {
width: 90px;
}
#largenav input[type="text"] {
width: 50px;
}
#filter-community-lead {
margin: 10px 0 0;
}
#new_top_searchform .searchform_menu,
#new_top_searchform2 .searchform_menu {
position: relative !important;
right: 137px !important;
}
#new_top_searchform,
#new_top_searchform2 {
width: 70px !important;
}
#new_top_searchform .input-google,
#new_top_searchform2 .input-google {
width: 148px !important;
padding-left: 5px !important;
/* font-size: 9px !important; */
position: relative;
left: -15px;
border-radius: 3px !important;
}
#new_top_searchform .submit-google,
#new_top_searchform2 .submit-google {
display: none !important;
}
}
@media (max-width: 1289px) {
#cel-video .tvchannel {
width: 980px;
}
#cel-video .tvchannel > #mod5 > .span12 {
width: 100%;
}
#cel-video .tvchannel .vid,
#cel-video .tvchannel .viddescription {
text-align: center;
}
.video-flexslider .overlay {
padding: 30px 0 0 150px;
}
}
@media (max-width: 1198px) {
#cel-testimonials .testimonials-image {
margin-left: 60px;
}
#cel-testimonials .testimonials-text {
width: 500px;
}
#cel-timeline #mod4 .socialicons {
top: 0;
}
#cel-timeline, #cel-video, #cel-press {
padding: 30px 0;
}
#cel-press .bmi-logo-fade {
width: 100%;
}
}
@media (max-width: 1100px) {
#cel-video .tvchannel {
width: 750px;
}
}
@media (max-width: 1159px) {
#slideshow_advocacy .slideshow-wrapper .photowidget-slide-left {
left: -20px !important;
top: 40% !important;
}
#slideshow_advocacy .slideshow-wrapper .photowidget-slide-right {
right: 20px !important;
top: 40% !important;
}
}
@media (max-width: 939px) {
#cel-testimonials .testimonials-text {
width: 400px;
}
}
@media (min-width: 940px) {
#tabs_initatives.module {
padding-top: 60px;
}
}
#leadership .genreheader {
margin-top: 30px;
min-height: 30px;
background: black;
margin-bottom: 30px;
}
/* ADVOCACY EXPERIMENT */
#largenav .hidden-tablet .public_policy {
width: 150px;
}
#largenav .visible-tablet .public_policy {
padding-right: 5px;
}
#largenav .hidden-tablet .government .navtextblock {
padding-top: 15px;
}
#largenav .hidden-tablet .government .navtext {
line-height: 1;
}
#largenav .visible-tablet .government .navtextblock {
padding-top: 15px;
}
#largenav .hidden-tablet .govt_wide {
width: 208px;
padding-right: 5px;
}
#largenav .visible-tablet .govt_wide {
/* width: 146px; */
width: 152px
}
#largenav.govt_widener #new_top_searchform {
width: 150px;
}
#largenav.govt_widener #new_top_searchform2 {
width: 150px !important;
}
#largenav.govt_widener #new_top_searchform .input-google {
width: 95px !important;
}
#largenav.govt_widener #new_top_searchform .searchform_menu {
right: 57px !important;
}
#largenav.govt_widener #new_top_searchform2 .input-google {
width: 95px !important;
}
#largenav.govt_widener #new_top_searchform2 .searchform_menu {
right: 57px !important;
}
@media (max-width: 768px) {
#largenav.govt_widener #new_top_searchform2 {
width: 70px !important;
}
#largenav.govt_widener #new_top_searchform2 .input-google {
width: 60px !important;
}
#largenav .linav.public_policy {
width: 92px;
}
}
/* ADVOCACY */
#new_advocacy {
background: url("/images/cardinal_app/advocacy_background.jpg") #21468c;
background-position: left top;
background-repeat: no-repeat;
margin-top: 68px;
color: #fff;
padding-top: 7px;
height: 350px;
padding-bottom: 0;
min-height: 0;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}
#new_advocacy .pageheader {
font-size: 82px;
letter-spacing: 0;
margin-bottom: 31px;
}
#new_advocacy .pagetag {
font-size: 30px;
padding: 0;
margin-bottom: 14px;
}
#new_advocacy p {
text-shadow: none;
font-size: 15px;
line-height: 22px;
max-width: 554px;
}
#advocacy_newsletter {
height: 69px;
max-height: 90px;
overflow: hidden;
background: url("/images/cardinal_app/advocacy_newsletter_background.jpg") #b01c1f;
background-position: left top;
background-repeat: no-repeat;
color: #fff;
padding-top: 21px;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}
#advocacy_newsletter ul {
margin: 0;
padding: 0;
}
#advocacy_newsletter ul li {
list-style-type: none;
float: left;
}
#advocacy_newsletter h5 {
font-size: 21px;
line-height: 22px;
font-weight: 100;
margin: 0;
margin-right: 25px;
margin-top: 10px;
}
#advocacy_newsletter h5 strong {
/*display: block;*/
}
#advocacy_newsletter p {
color: #000;
font-size: 15px;
}
#advocacy_newsletter input {
box-shadow: none;
border: none;
padding: 9px 15px;
width: 147px;
margin-right: 9px;
margin-top: 4px;
font-family: "proxima-nova",sans-serif;
font-size: 16px;
}
#advocacy_newsletter input.wide {
width: 345px;
}
#advocacy_newsletter input.small {
width: 108px;
}
#advocacy_newsletter #newsletter-signup {
margin-right: 0;
width: 176px;
font-weight: bold;
color: #fff;
background: #000;
border-radius: 5px;
box-shadow: 0 0 7px rgba(0,0,0,0.51);
margin-top: 0;
position: relative;
top: -2px;
}
#advocacy-featured-img {
display: none;
}
#advocacy-iframe-silent {
position: absolute;
z-index: 0;
bottom: 0;
left: 0;
width: 0;
height: 0;
}
#advocacy_recent {
margin-top: 33px;
padding-bottom: 15px;
}
#advocacy_recent .featurette-headingnopad {
font-weight: bold;
font-size: 40px;
margin: 3px 0 0;
letter-spacing: 0;
border-bottom: 1px solid #ccc;
padding-bottom: 25px;
padding-top: 10px;
}
#advocacy_recent .btn.pull-right {
font-size: 17px;
background: #a7a7a7;
border-radius: 5px;
padding: 12px 16px;
font-weight: 600;
}
.advocacy_line {
border-top: 1px solid #dfdfdf;
}
#advocacy_recent2 {
margin-top: 45px;
padding-bottom: 28px;
}
#advocacy_recent2 .advocacy_post p.meta {
font-weight: bold;
font-size: 14px;
font-size: 1.7;
color: #000;
margin-bottom: 0;
}
#advocacy_recent2 .advocacy_post h2 {
font-size: 35px;
line-height: 42px;
font-weight: 300;
margin-top: 0;
margin-bottom: 21px;
}
#advocacy_recent2 .advocacy_post p {
font-size: 15px;
line-height: 23px;
color: #000;
}
#advocacy_recent2 .advocacy_post .btn,
#advocacy_newsbg .btn-danger {
font-size: 17px;
background: #ef1d1d;
margin-top: 20px;
border-radius: 4px;
font-weight: 600;
padding: 12px 20px;
}
#advocacy_recent2 #featured-img {
float: right;
position: relative;
top: -8px;
}
#advocacy_newsbg {
text-align: center;
padding-bottom: 58px;
}
#advocacy_newsbg > .clearfix {
text-align: left;
}
#advocacy_newsletter input.error,
#newsletterModal input.logintext.error,
#newsletterModal input.logintext.error::-webkit-input-placeholder {
background: #d68a8a;
border-color: #d68a8a;
color: #fff !important;
}
#newsletterModal input.logintext.placeholder {
color: #9b9b9b;
}
#newsletterModal select {
width: 62%;
}
#newsletterModal input.logintext,
#newsletterModal input#fieldEmail {
color: #000;
}
.advocacy-jump {
display: block;
text-align: left;
padding: 15px 25px 10px;
position: relative;
border-color: #b4b4b4;
border-bottom: 8px solid #c52f17;
border-radius: 4px;
}
.advocacy-jump img.pull-right {
width: 68px;
position: absolute;
top: -3px;
right: 0;
}
.advocacy-jump h2 {
font-size: 18px;
letter-spacing: 0;
text-transform: uppercase;
font-weight: bold;
text-shadow: none;
color: #000;
}
.advocacy-jump h2 span {
color: #ef1d1d;
}
.advocacy-jump p {
font-weight: 300;
font-size: 18px;
text-shadow: none;
margin-bottom: 0;
line-height: 25px;
}
.advocacy-jump p > span {
font-weight: 300;
color: #ef1d1d;
}
#advocacy_bmiceo {
background: url('/images/cardinal_app/advocacy-mike-oneill.jpg') no-repeat center center;
background-size: cover;
}
#advocacy_bmiceo .bmice_button {
margin-left: 0;
}
#advocacy_bmiceo .bmice_button .bmiceo_buttons {
margin-left: 2.5%;
margin-top: 50%;
}
#advocacy_bmihastag {
background: #efefef;
padding-top: 0;
padding-bottom: 0;
}
#advocacy_bmihastag .full-container .left-side,
#advocacy_bmihastag .full-container .right-side {
display: inline-block;
vertical-align: top;
width: 50%;
padding-top: 73px;
padding-bottom: 73px;
}
#advocacy_bmihastag .full-container .left-side {
background: #f7f7f7;
}
#advocacy_bmihastag .full-container .full-content {
max-width: 460px;
margin-left: auto;
margin-right: auto;
}
#advocacy_bmihastag .full-container .full-content h4 {
font-weight: bold;
font-size: 19px;
color: #28272b;
margin-top: 26px;
margin-bottom: 16px;
}
#advocacy_bmihastag .full-container .full-content .fa {
margin-right: 5px;
}
#advocacy_bmihastag .full-container .left-side .full-content .hash {
color: #296aa6;
text-transform: lowercase;
}
#advocacy_bmihastag .full-container .right-side .full-content .hash {
color: #ef1d1d;
text-transform: lowercase;
}
#advocacy_bmihastag_new {
background: #f4f4f4;
padding-top: 53px;
min-height: 0;
}
#advocacy_bmihastag_new h4 {
font-size: 35px;
line-height: 42px;
text-transform: none;
}
#advocacy_execs h5.metadate {
color: #000;
font-size: 14px;
font-weight: 700;
margin-top: 15px;
margin-bottom: 10px;
}
#advocacy_execs .modadvocacy_execs_left h2 {
font-size: 35px;
font-weight: 300;
margin-bottom: 22px;
}
#advocacy_execs .modadvocacy_execs_left p {
color: #000;
font-size: 15px;
line-height: 23px;
}
#advocacy_execs .modadvocacy_execs_left p .btn-readmore {
margin-top: 15px;
}
#advocacy_execs .modadvocacy_execs_left ~ .span6 {
text-align: right;
}
hr.advocacy_execs_hr {
border-bottom: 0;
border-left: 0;
border-right: 0;
border-top: 6px solid #f0f0f0;
margin-top: 50px;
margin-bottom: 0;
}
#modadvocacy_execs_detail h2 {
font-size: 21px;
font-weight: 700;
margin-top: 55px;
margin-bottom: 30px;
}
#modadvocacy_execs_detail .span4:not(:first-child),
#modadvocacy_execs_detail .span3:not(:first-child) {
border-left: 1px solid #f0f0f0;
margin-left: 19px;
}
#modadvocacy_execs_detail .span4,
#modadvocacy_execs_detail .span3 {
min-height: 304px;
position: relative;
}
#modadvocacy_execs_detail .span4 > div,
#modadvocacy_execs_detail .span3 > div {
padding-left: 25px;
}
#modadvocacy_execs_detail .span4:first-child > div,
#modadvocacy_execs_detail .span3:first-child > div {
padding-left: 0;
}
#modadvocacy_execs_detail .span4 .btn-download,
#modadvocacy_execs_detail .span3 .btn-download {
border: 0;
color: #000;
background: #d9d9d9;
text-shadow: none;
padding: 14px 22px 14px 23px;
border-radius: 3px;
margin-top: 13px;
position: absolute;
bottom: 0;
}
#modadvocacy_execs_detail .span4 .btn-download.btn-danger,
#modadvocacy_execs_detail .span3 .btn-download.btn-danger {
background: #ef1d1d;
color: #fff;
}
#modadvocacy_execs_detail p, #modadvocacy_execs_detail li {
color: #000;
font-size: 17px;
line-height: 23px;
}
.advocacy_change_now img {
margin-top: 4px;
}
.advocacy_signup img {
margin-top: 2px;
}
.advocacy_signup h5 {
margin-top: 0 !important;
}
.btn-readmore {
font-size: 17px;
text-shadow: none;
background: #ef1d1d;
padding: 12px 20px;
border-radius: 4px;
}
.btn-readmore:hover {
background: #bd362f;
}
.bmiceo_buttons .btn-danger {
font-size: 17px;
background: #ef1d1d;
padding: 12px 22px;
border-radius: 4px;
font-weight: 700;
}
.bmiceo_buttons .btn-border {
font-size: 17px;
background: transparent;
padding: 10px 18px 9px;
border-radius: 4px;
border: 3px solid #fff;
margin-left: 10px;
color: #fff;
text-shadow: none;
font-weight: 700;
}
.bmiceo_buttons .btn-danger:hover,
#modadvocacy_execs_detail .span3 .btn-download.btn-danger:hover,
#modadvocacy_execs_detail .span4 .btn-download.btn-danger:hover {
background: #bd362f;
}
#slideshow_advocacy {
background: url("/images/cardinal_app/advocacy_slideshow.jpg") #21468c;
background-position: left top;
background-repeat: no-repeat;
color: #fff;
height: 690px;
padding-bottom: 0;
min-height: 0;
padding-top: 55px;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}
#slideshow_advocacy h1 {
margin-top: 0;
font-size: 43px;
margin-bottom: 40px;
}
#slideshow_advocacy .slideshow-wrapper {
background: url("/images/cardinal_app/advocacy_wrapper.png") no-repeat;
width: 744px;
height: 452px;
/*overflow: hidden;*/
margin: 0 auto;
padding: 10px;
text-align: left;
position: relative;
}
#slideshow_advocacy .slideshow-wrapper .photowidget-slide-left {
position: absolute;
width: 48px;
height: 48px;
background: url("/images/cardinal_app/advocacy_arrow_left.png") no-repeat;
opacity: 0.6;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
left: -110px;
top: 50%;
margin-top: -24px;
}
#slideshow_advocacy .slideshow-wrapper .photowidget-slide-right {
position: absolute;
width: 48px;
height: 48px;
background: url("/images/cardinal_app/advocacy_arrow_right.png") no-repeat;
opacity: 0.6;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
right: -70px;
top: 50%;
margin-top: -24px;
}
#slideshow_advocacy .slideshow-wrapper .photowidget-slide-left:hover,
#slideshow_advocacy .slideshow-wrapper .photowidget-slide-right:hover {
opacity: 1;
}
#slideshow_advocacy .slideshow-wrapper .span8 {
float: none;
margin: 0 auto;
}
#slideshow_advocacy .slideshow-wrapper .photowidget.row {
margin-left: 0;
}
#slideshow_advocacy .slideshow-wrapper .photo_widget {
padding: 0;
margin: 0;
}
#slideshow_advocacy .slideshow-wrapper .photocounting,
#slideshow_advocacy .slideshow-wrapper .title {
display: none;
}
#slideshow_advocacy .photowidget-pagination {
font-family: "proxima-nova",sans-serif;
font-size: 22px;
font-weight: bold;
margin-top: 20px;
display: inline-block;
width: 120px;
background: url(/images/cardinal_app/advocacy_separator.png) center right no-repeat;
text-align: center;
padding-top: 35px;
padding-bottom: 30px;
}
#slideshow_advocacy span.photowidget-current-number {
display: inline-block;
margin-right: 10px;
}
#slideshow_advocacy span.photowidget-total-number {
display: inline-block;
margin-left: 10px;
}
#slideshow_advocacy .photowidget-title {
display: inline-block;
max-width: 570px;
margin-left: 30px;
font-size: 17px;
font-weight: 300;
vertical-align: middle;
}
#slideshow_advocacy .photowidget-title p {
line-height: 20px;
color: #fff;
position: relative;
}
#tabs_advocacy {
padding-top: 60px;
}
#tabs_advocacy h2 {
font-size: 40px;
font-weight: bold;
margin: 0 0 18px;
padding-bottom: 22px;
border-bottom: 4px solid #f6f6f6;
}
#tabs_advocacy h2.sb_education {
padding-left: 79px;
background: url('/images/cardinal_app/icon_advocacy_book.jpg') 0 10% no-repeat;
}
#tabs_advocacy h2.sb_partner {
padding-left: 80px;
background: url('/images/cardinal_app/icon_advocacy_hand.jpg') 0 10% no-repeat;
}
#tabs_advocacy h2.sb_public {
padding-left: 81px;
background: url('/images/cardinal_app/icon_advocacy_pen.jpg') 0 10% no-repeat;
}
#tabs_advocacy h2.sb_action {
padding-left: 59px;
background: url('/images/cardinal_app/icon_advocacy_vote.jpg') 0 10% no-repeat;
}
#tabs_advocacy .pullme {
margin-top: 30px;
}
#tabs_advocacy p {
color: #7c7c7c;
margin-bottom: 25px;
}
#tabs_advocacy li {
color: #7c7c7c;
}
#contactus.advocacy_contact {
background: #eeeeee;
margin-top: 0;
padding: 60px 0 40px;
min-height: 0;
}
#contactus.advocacy_contact h2 {
font-size: 40px;
margin: 0 0 40px;
}
.advocacy_footer > footer {
margin-top: 0 !important;
}
@media (min-width: 1200px) {
#largenav.navbar .nav {
float: none;
margin-right: 0;
margin-left: 80px;
}
#largenav.navbar .nav > li.search {
float: right;
}
.subcategories.hoversubcategories li {
padding: 0 8px;
}
}
/* Mobile Breakpoint */
@media (max-width: 1199px) {
.da-slide .the-text.full_quote h3,
.da-slide .the-text.full_quote h4 {
font-size: 30px !important;
line-height: 35px !important;
margin-top: 20px !important;
}
.da-slide .max-height {
max-height: 160px !important;
}
#advocacy_newsletter input {
width: 250px !important;
}
#advocacy_newsletter #newsletter-signup {
padding-left: 0;
padding-right: 0;
width: 164px !important;
}
#slideshow_advocacy .slideshow-wrapper {
background-size: 605px;
background-position: 38% 0;
}
.advocacy-jump p,
.advocacy-jump h2 {
font-size: 16px;
}
.advocacy-jump img.pull-right {
top: 5px;
width: 50px;
}
#advocacy_newsletter h5 {
font-size: 16px;
}
#newmedia-calendar .nmc-right {
max-width: 78%;
}
#newmedia-licensing .licensing-tab li a {
font-size: 13px;
}
#newmedia-licensing #content-licensing-tab > div .lt-left h2 {
line-height: 34px;
}
#newmedia-business .nmb-tag {
text-align: center;
margin: 0 auto 40px;
display: block;
}
#newmedia-business .nbm-img {
text-align: center;
display: block;
}
#modadvocacy_execs_detail .span4:not(:first-child),
#modadvocacy_execs_detail .span3:not(:first-child) {
margin-left: 19px;
}
#modadvocacy_execs_detail .span4,
#modadvocacy_execs_detail .span3 {
min-height: 370px;
}
#newmedia-moreinfo .span3 h2 {
min-height: 54px;
}
#bmilive-steps ul {
width: 100%;
}
#bmilive-steps ul li {
width: 21% !important;
}
#bmilive-steps ul li:last-child {
width: 12% !important;
}
#bmilive-testimonials .flex-direction-nav .flex-next {
right: 0;
}
#bmilive-testimonials .flex-direction-nav .flex-prev {
left: 0;
}
#hithouse .video-player-wrapper > div.left-wrapper {
width: 70%;
}
#hithouse .video-player-wrapper > div.right-wrapper {
width: 30%;
}
#hithouse .video-player-wrapper > div.right-wrapper #playlist li a span {
text-align: center;
display: block;
margin-left: 0 !important;
max-width: 100% !important;
}
#hithouse-description .desc {
font-size: 17px;
}
#hithouse-songwriters .songwriter {
width: 120px;
margin-right: 12px;
}
#hithouse-songwriters .songwriter .profile-image span {
width: 110px;
height: 110px;
}
#hithouse-songwriters .songwriter .profile-image span i {
margin-top: 35px !important;
}
.da-slide .the-text.right_photo {
margin-right: 0 !important;
max-width: 50% !important;
}
.da-slide .the-text h3 {
font-size: 57px !important;
line-height: 50px !important;
}
.da-slide .the-text.right_text h4,
.da-slide .the-text h4 {
font-size: 40px !important;
line-height: 40px !important;
max-width: 500px !important;
}
.da-slide .the-text.right_text h5,
.da-slide .the-text h5 {
font-size: 26px !important;
}
#da-slider, #sequence,
.full-width-img {
min-height: 374px !important;
}
#new-classical-music h2 {
line-height: 43px;
}
.ncm-getpaid-wrapper .gpw-card img {
max-width: 80px;
}
.ncm-getpaid-wrapper .gpw-card h4 {
font-size: 20px;
}
.ncm-getpaid-wrapper .gpw-card-music .btn.btn-cards {
float: right;
margin-right: 48px;
}
.ncm-getpaid-wrapper .gpw-card {
min-height: 184px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ncm-payment h5 {
line-height: 25px;
min-height: 74px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#nbf-categories .nfb-category > div {
height: 360px;
padding-bottom: 30px;
}
#nbf-search .keyword {
width: 85%;
}
}
@media (max-width: 1020px) {
.da-img.full-width-img {
background-size: contain !important;
background-repeat: no-repeat;
background-position: center;
}
}
@media (max-width: 939px) {
.da-slide .the-text.full_quote h3,
.da-slide .the-text.full_quote h4 {
font-size: 20px !important;
line-height: 25px !important;
}
.da-slide .the-text.full_quote h3:before,
.da-slide .the-text.full_quote h4:before,
.da-slide .the-text.full_quote h3:after,
.da-slide .the-text.full_quote h4:after {
font-size: 70px !important;
}
.da-slide .the-text.full_quote .the-source {
margin-top: 0 !important;
font-size: 18px !important;
line-height: 20px !important;
}
.da-slide .the-text.full_quote .the-thumbnail-wrapper {
max-width: 450px !important;
}
.da-slide .the-text.full_quote .the-thumbnail {
max-width: 70px !important;
}
.da-slide .max-height {
max-height: 90px !important;
}
#advocacy_newsletter {
height: auto;
padding-bottom: 21px;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}
#advocacy_newsletter ul li:first-child {
width: 100%;
float: none;
display: block;
margin-bottom: 10px;
}
#advocacy_newsletter h5 {
width: 100%;
text-align: left;
margin-right: 0;
margin-top: 20px;
}
#advocacy_newsletter p {
line-height: 18px;
margin-top: 5px;
}
#slideshow_advocacy .slideshow-wrapper {
background-size: 470px;
background-position: 45% 0;
height: auto;
width: 100%;
}
#slideshow_advocacy {
height: auto;
padding-bottom: 55px;
}
.advocacy-jump img.pull-right {
top: 15px;
}
.advocacy-jump p {
font-size: 14px;
}
#advocacy_newsletter input {
width: 322px !important;
}
#advocacy_newsletter #newsletter-signup {
width: 100% !important;
}
#newmedia-licensing .licensing-tab li {
width: 19.6%;
}
#newmedia-licensing #content-licensing-tab > div .pull-right {
margin-right: 0;
max-width: 100%;
}
#newmedia-calendar .nmc-right {
max-width: 70%;
}
.newmedia-slider a.nivo-nextNav {
right: 20px !important;
}
.newmedia-slider a.nivo-prevNav {
left: 20px !important;
}
#newmedia-licensing .licensing-tab li a {
font-size: 11px;
}
#modadvocacy_execs_detail .span4,
#modadvocacy_execs_detail .span3 {
min-height: 380px;
}
#modadvocacy_execs_detail .span4 .btn-download,
#modadvocacy_execs_detail .span3 .btn-download {
padding: 10px;
}
#advocacy_bmiceo .bmice_button .bmiceo_buttons {
margin-top: 60%;
}
.bmiceo_buttons .btn-border {
margin-left: 0;
margin-top: 10px;
}
#advocacy_bmihastag .full-container .full-content {
max-width: 80%;
}
#bmi_mobile_other_feature .span2 {
width: 100% !important;
margin-left: 0 !important;
}
#bmi_mobile_other_feature span.block-line {
border: none !important;
text-align: center !important;
}
#bmi_mobile_other_feature h4 {
margin: 30px 0 0 !important;
}
#bmi_mobile {
text-align: center !important;
margin-top: 50px !important;
}
#bmi_mobile > .container .span8 .modheaddark {
text-align: center !important;
}
#bmi_mobile_key_features .key_features_block .key_feature .key_feature_content, #bmi_mobile_key_features2 .key_features_block .key_feature .key_feature_content {
max-width: 85% !important;
}
#bmilive-steps ul li,
#bmilive-steps ul li:last-child {
width: 20% !important;
}
#bmilive h1.modheaddark {
font-size: 50px;
line-height: 55px;
}
#bmilive-testimonials .flex-direction-nav .flex-next {
right: -50px;
}
#bmilive-testimonials .flex-direction-nav .flex-prev {
left: -50px;
}
#bmilive-quote blockquote {
max-width: 95%;
}
#bmilive-quote blockquote p {
font-size: 18px;
line-height: 25px;
}
#bmilive-quote .span3 img {
margin-top: 25px;
}
#bmilive-content .schedule-inner {
padding: 20px;
}
#bmilive-content .schedule-inner ul.year > li li {
font-size: 13px;
margin-bottom: 5px;
}
#bmilive-content .schedule-inner ul ul {
margin-top: 5px;
}
#bmilive-content .schedule-inner ul.year > li {
font-size: 18px;
}
#bmilive-content .schedule-inner ul {
margin-left: 0;
text-align: center;
}
#bmilive-content .schedule-inner h3 {
text-align: center;
font-size: 20px;
margin-bottom: 10px;
}
#hithouse-songwriters > .container > .row > .span12 {
text-align: center;
}
#hithouse-songwriters .songwriter {
margin-right: 20px;
margin-bottom: 20px;
}
#hithouse-description .row {
margin-right: 20px;
}
#hithouse-description .span9,
#hithouse-description .span3 {
width: 100%;
}
#hithouse-description .share-block {
margin-top: 20px;
}
.da-slide .the-text.right_text h4, .da-slide .the-text h4 {
max-width: 400px !important;
}
#da-slider, #sequence, .full-width-img {
min-height: 288px !important;
}
.da-img img,
.da-img-quote img {
max-width: 70%;
}
@-moz-document url-prefix() {
.da-img img,
.da-img-quote img {
height: 100%;
}
}
.da-img.content-width-img img {
max-width: 100% !important;
}
.da-slide .the-text h3 {
font-size: 37px !important;
line-height: 40px !important;
}
.da-slide .the-text.right_text h4, .da-slide .the-text h4 {
font-size: 30px !important;
line-height: 30px !important;
}
.da-slide .the-text h5 {
font-size: 18px !important;
}
.da-slide .the-text h5.bigger {
font-size: 18px !important;
line-height: 18px !important;
}
.ncm-widgets h2 ~ div {
width: 100% !important;
max-width: 300px;
padding-left: 0;
}
.ncm-widgets .span4 {
display: block;
float: none;
width: 100%;
text-align: center;
margin-bottom: 20px;
}
.ncm-bloglist ul li {
max-width: 100%;
}
.ncm-widgets ul.ncm-prize {
max-width: 300px;
margin: 0 auto;
}
.ncm-getpaid-wrapper .gpw-card img {
max-width: 100%;
float: none;
margin-right: 0;
}
.ncm-getpaid-wrapper .gpw-card {
text-align: center;
}
.ncm-getpaid-wrapper .gpw-card h6 {
margin-top: 20px;
}
.modal-hit-house.modal-ncm {
width: 90%;
margin-left: -45% !important;
}
#nbf-categories .nfb-category > div {
height: 400px;
padding-bottom: 40px;
}
#nbf-search .keyword {
width: 80%;
}
#nbf-categories .nfb-category > div h2 {
font-size: 28px;
line-height: 28px;
}
}
@media (max-width: 768px) {
#new_advocacy .pageheader {
margin-top: 50px;
}
#advocacy_newsletter input {
width: 115px !important;
}
#slideshow_advocacy .slideshow-wrapper .photowidget-slide-left {
left: 20px !important;
}
#slideshow_advocacy .slideshow-wrapper .photowidget-slide-right {
right: 60px !important;
}
#advocacy_bmiceo {
min-height: 100px;
padding: 0;
}
#advocacy_bmiceo .bmice_button .bmiceo_buttons {
margin-top: 46%;
margin-left: 0;
width: 120%;
margin-bottom: 50px;
}
.bmiceo_buttons .btn-border {
padding: 3px 10px;
font-size: 12px;
margin-left: 10px;
border-radius: 3px;
margin-top: 0;
}
.bmiceo_buttons .btn-danger {
padding: 5px 10px;
font-size: 12px;
border-radius: 3px;
}
.advocacy_change_now img {
margin-top: 30px;
}
#bmilive-testimonials .flex-direction-nav .flex-prev,
#bmilive-testimonials .flex-direction-nav .flex-next {
display: none;
}
}
@media (max-width: 768px) and (min-width: 768px) {
#advocacy_newsletter input {
width: 332px !important;
margin-right: 5px !important;
font-size: 12px !important;
padding: 9px !important;
}
#advocacy_newsletter ul li:first-child {
width: auto;
float: left;
display: inline-block;
margin-bottom: 0;
}
#advocacy_newsletter h5 {
width: auto;
text-align: left;
margin-right: 15px;
font-size: 17px;
line-height: 19px;
position: relative;
top: 18px;
}
#new_advocacy {
background-position: center top;
}
}
#four_prongs h2 {
font-size: 40px;
font-weight: bold;
margin: 0 0 18px;
padding-bottom: 22px;
border-bottom: 4px solid #f6f6f6;
}
@media (max-width: 767px) {
#four_prongs h2 {
font-size: 32px;
}
#slideshow_advocacy .photowidget-pagination {
background: none;
width: 100%;
}
#slideshow_advocacy .slideshow-wrapper .photowidget-slide-left {
background-size: 80% !important;
top: 25% !important;
left: 0 !important;
}
#slideshow_advocacy .slideshow-wrapper .photowidget-slide-right {
right: -10px !important;
top: 25% !important;
background-size: 80% !important;
}
.advocacy_change_now {
text-align: center;
}
.advocacy_change_now img {
margin-top: 0;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
#modadvocacy_execs_detail .span4,
#modadvocacy_execs_detail .span3 {
min-height: 0;
padding-bottom: 50px;
padding-left: 0 !important;
border: 0 !important;
margin-left: 0 !important;
}
#modadvocacy_execs_detail .span4 > div,
#modadvocacy_execs_detail .span3 > div {
padding-left: 0 !important;
}
#advocacy_bmiceo {
padding: 0;
background-size: 135%;
background-position: -100px 0;
min-height: 0;
}
#advocacy_bmiceo .bmice_button .bmiceo_buttons {
width: 100%;
margin-bottom: 0;
margin-top: 110px;
padding-bottom: 20px;
text-align: right;
}
#advocacy_bmihastag .full-container .left-side,
#advocacy_bmihastag .full-container .right-side {
display: block;
width: 100%;
padding: 10px 0;
}
#advocacy_bmihastag .full-container .full-content h4 {
font-size: 17px;
}
#bmilive-quote {
padding: 20px 0;
}
#bmilive-quote .span3 {
text-align: center;
}
#bmilive-quote blockquote .arrow {
display: none;
}
#bmilive-quote blockquote {
margin-top: 20px;
padding: 20px;
}
#bmilive {
margin-top: 50px;
min-height: 220px;
}
#bmilive h1.modheaddark {
margin-top: 30px
}
#bmilive-steps {
height: auto;
}
#bmilive-steps ul {
margin-top: 0;
margin-left: 0;
}
#bmilive-steps ul li, #bmilive-steps ul li:last-child {
width: 50% !important;
margin-bottom: 20px;
text-align: center;
}
#bmilive-steps ul li p {
margin: 0 auto;
}
#bmilive-steps hr {
margin-bottom: 20px;
}
#bmilive a.btn-block {
margin: 10px auto;
max-width: 160px;
padding: 10px 5px;
}
#bmilive h1.modheaddark {
line-height: 28px;
}
#bmilive-testimonials {
padding-bottom: 50px;
background-size: cover;
background-position: 50% 0% !important;
}
.ncm-getpaid-wrapper .span4 {
margin-bottom: 20px;
}
#new-classical-music {
margin-top: 55px;
}
.ncm-payment h5 {
min-height: 0;
padding-bottom: 10px;
}
.ncm-payment p {
margin-bottom: 40px;
}
.ncm-hero .ncm-scroll {
display: none;
}
#faq_jump:after {
bottom: 0px;
}
#new-classical-music h2 {
font-size: 22px;
line-height: 30px;
margin: 20px 0;
}
.ncm-hero {
min-height: 0;
padding-bottom: 40px;
}
.ncm-hero > img.ncm-title {
margin-top: 50px;
margin-bottom: 80px;
max-width: 100%;
}
#new-classical-music h2 {
font-size: 22px;
line-height: 28px;
margin: 0;
padding: 30px 0;
}
#new-classical-music h2 {
padding: 0 0 10px;
margin: 20px auto;
}
.ncm-widgets {
padding-top: 10px;
}
.ncm-getpaid-wrapper .gpw-card-music .btn.btn-cards {
float: none;
margin-right: 0;
margin-top: 20px;
}
.ncm-getpaid-wrapper .gpw-card {
padding: 10px;
min-height: 0;
text-align: left;
}
.ncm-getpaid-wrapper .gpw-card img {
max-width: 100px;
float: left;
margin-right: 20px;
}
.ncm-getpaid-wrapper .gpw-card h6 {
margin-top: 10px;
margin-bottom: 0;
}
.ncm-getpaid-wrapper .gpw-card h4 {
line-height: 18px;
margin-bottom: 0;
margin-top:8px;
}
.btn.btn-cards {
padding: 5px 15px !important;
font-size: 12px;
}
.ncm-getpaid-wrapper .gpw-card-music .btn.btn-cards {
margin-top: 10px !important;
}
.ncm-getpaid-wrapper {
padding-bottom: 15px;
}
.modal-hit-house.modal-ncm .placeholder {
margin: 20px 40px 0 0;
max-width: 100%;
}
.ncm-payment,
.ncm-tweet {
padding-bottom: 0;
}
.ncm-team .songwriter {
margin: 0 0 20px 0 !important;
}
.ncm-widgets h2 ~ div iframe {
margin-left: -10px;
}
.ncm-widgets {
padding-bottom: 10px;
}
.ncm-news .btn.btn-more {
margin-bottom: 20px;
}
.ncm-news .element {
width: 100%;
}
.ncm-team {
padding-bottom: 0;
}
}
@media (max-width: 583px) {
.modal-hit-house.modal-ncm .placeholder {
margin: 20px auto !important;
display: block;
float: none;
}
}
#four_prongs h2 {
margin-top: 20px;
}
#four_prongs h2.justice {
padding-left: 66px;
background: url('/images/cardinal_app/dept_of_justice_138-scales@2x.png') 0 10% no-repeat;
}
#four_prongs h2.legislation {
padding-left: 52px;
background: url('/images/cardinal_app/federal_legislation_961-book-32@2x.png') 0 10% no-repeat;
}
#four_prongs h2.hearings {
padding-left: 70px;
background: url('/images/cardinal_app/congressional_hearings_969-television@2x.png') 0 10% no-repeat;
}
#four_prongs h2.copyrightoffice {
padding-left: 65px;
background: url('/images/cardinal_app/us_copyright_office1004-voicemail@2x.png') 0 10% no-repeat;
}
a#signup{display: block; position: relative; top: -63px; visibility: hidden;}
@media (max-width: 767px) {
/**
** Global Layout
**/
body {
/*
padding-right: 20px;
padding-left: 20px;
*/
}
.advocacy-jump img.pull-right {
top: 7px;
}
#advocacy_recent .featurette-headingnopad {
border-bottom: 0;
}
#advocacy_newsletter h5 {
text-align: center;
margin-top: 0;
}
#advocacy_newsletter p {
text-align: center;
margin-top: 15px;
}
#tabs_advocacy h2 {
font-size: 30px;
}
#advocacy-featured-img {
display: block;
}
#advocacy-featured-img img {
margin: 20px 0;
}
.container {
width: auto;
padding-left: 20px !important;
padding-right: 20px !important;
}
.row {
margin-left: 0;
}
[class*="span"],
.uneditable-input[class*="span"],
.row-fluid [class*="span"] {
display: block;
float: none;
width: 100%;
margin-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.span12,
.row-fluid .span12 {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/**
** Specific Layout
**/
.newsbg {
padding-left: 6%;
}
.newsbg #container {
max-width: 100%;
}
/**
** Search
**/
#mobile-search-button {
background: url(/images/cardinal_app/new-search-button.png) center no-repeat;
background-size: cover;
display: inline-block;
width: 43px;
height: 32px;
border-radius: 4px;
position: absolute;
right: 60px;
top: 10px;
}
#mobile-search-button.active {
background: url(/images/cardinal_app/new-search-button-active.png) center no-repeat;
background-size: cover;
}
#search-box-mobile {
display: block;
width: 100%;
position: fixed;
background: #000;
z-index: 3;
text-align: center;
padding: 25px 0;
top: -90px;
}
#search-box-mobile form {
margin-bottom: 10px;
}
#search-box-mobile .input-google {
border: 0;
box-shadow: none;
border-radius: 0;
background: transparent url('/images/cardinal_app/new-search-wrapper.png') top left no-repeat;
width: 152px !important;
height: 32px;
padding: 0 0 0 15px;
font-size: 13px !important;
font-family: "proxima-nova",sans-serif;
margin: 0;
line-height: 32px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
#search-box-mobile a {
display: block;
margin-top: 5px;
color: #ef1d1d;
}
#search-box-mobile #close-search-mobile {
display: block;
color: #fff;
text-transform: uppercase;
}
/**
** Menus
**/
.navbar-inner .container {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #ccc;
}
.navbar-toggle .icon-bar+.icon-bar {
margin-top: 4px;
}
.navbar-toggle .icon-bar {
display: block;
width: 29px;
height: 2px;
border-radius: 1px;
background-color: #fff;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}
button.navbar-toggle.visible-phone {
position: absolute;
right: 10px;
top: 9px;
width: 43px;
height: 35px;
background: #ef1d1d;
border: none;
border-radius: 4px;
outline: none;
padding: 3px 7px 3px;
}
button.navbar-toggle.visible-phone.collapsed {
background: #000;
}
.navbar-collapse.navbar-ex1-collapse.visible-phone {
/*height: auto;*/
position: fixed;
width: 100%;
margin: 55px 0;
padding: 0;
left: 0;
background: #000;
}
.navbar-collapse.navbar-ex1-collapse.visible-phone li {
display: block;
float: none;
width: 100%;
height: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
outline: none;
margin-bottom: 10px;
}
.navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover {
/*background: #222;*/
}
.navbar-collapse.navbar-ex1-collapse.visible-phone li .subcategories.hoversubcategories {
position: relative !important;
display: block !important;
}
.navbar-collapse.navbar-ex1-collapse.visible-phone .nav {
width: 100%;
margin: 0;
padding: 20px 0 0;
}
.navbar-collapse.navbar-ex1-collapse.visible-phone li .navtextblock {
height: auto;
padding: 10px 0;
}
.linav.nohover .subtext {
display: none;
background: #222;
padding: 10px 0;
}
.linav.nohover .subtext a,
.linav.nohover .subtext a:hover {
color: #fff;
}
.phone-menu-arrow {
position: absolute;
right: 10px;
top: 0;
background: #222 url('/images/headers/head_socmed_icon_arrow.png') no-repeat center;
width: 35px;
height: 35px;
cursor: pointer;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.phone-menu-arrow.rotated {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
.navbar .navtext {
font-size: 15px;
}
.subtext a, .subtext a:hover {
font-size: 16px;
background: none;
}
/**
** Global Elements
**/
.navbar .navbar-inner {
height: 55px;
}
.navbar .brand {
display: none;
}
.navbar .mobile-brand,
.navbar .mobile-brand:hover {
float: left;
display: block;
padding: 0px 0px 0px;
font-size: 20px;
font-weight: 200;
color: #777777;
text-shadow: 0 1px 0 #ffffff;
margin-left: -20px;
width: 55px;
height: 55px;
background: url(/images/cardinal_app/bmi_icon_logo.png) center center no-repeat;
}
#slider {
margin-top: 55px;
}
h1 {
font-size: 27px;
line-height: 33px;
}
h3 {
font-size: 18px;
}
.subcategories[data-spy="affix"] {
position: relative !important;
top: 0 !important;
box-shadow: none !important;
border-bottom: none !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
}
.subcategories li,
#careertools ul.subtext li,
#licensetools ul.subtext li {
float: none;
display: block !important;
background: #eeeeee;
font-size: 16px;
border-bottom: 1px solid #fff;
}
ul.unstyled, ol.unstyled {
width: 85%;
margin-left: auto;
margin-right: auto;
}
ul.inline > li, ol.inline > li {
padding: 7px 0;
}
.subcategories li:nth-child(even),
#careertools ul.subtext li:nth-child(even),
#licensetools ul.subtext li:nth-child(even) {
display: none !important;
}
.subcategories li:first-child,
#careertools ul.subtext li:first-child,
#licensetools ul.subtext li:first-child {
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.subcategories li:last-child,
#careertools ul.subtext li:last-child,
#licensetools ul.subtext li:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.subcategories li img,
#careertools ul.subtext li img,
#licensetools ul.subtext li img {
display: none;
}
#careertools ul.subtext {
width: 100%;
}
footer .container,
.footer p {
text-align: center;
}
footer .container .row:first-child,
footer .container .row:first-child ~ .footerline {
display: none;
}
footer .inline-me li:not(:last-child):after {
content: "\2219";
display: inline-block;
margin-left: 8px;
font-size: 15px;
line-height: 0;
position: relative;
top: 9px;
vertical-align: top;
}
footer .inline-me li {
display: inline-block;
margin-left: 5px;
}
.featurette-heading {
margin-top: 0;
font-size: 20px;
line-height: 26px;
letter-spacing: 0;
}
.featurette-headingnews,
.featurette-headingnopad,
.featurette-headingnews a,
.featurette h2 a,
.featurette-headingcreators,
.modheaddark,
.modhead,
.lead,
.featurette-headingawards,
.modheaddark a,
#maincontent h2 a,
#specialsubhead h2,
#maincontent h2,
.storytitle a,
.entrydate,
#careertools h2,
#licensetools h2,
.pageheaderbus {
font-size: 22px !important;
line-height: 26px;
margin: 0;
}
#maincontent h2 {
margin-bottom: 5px;
}
.pageheader,
.pageheaderbus,
.theatre_workshop h1.pageheader {
font-size: 27px;
line-height: 31px;
letter-spacing: 0;
}
.genreheader,
.creatorsheader {
min-height: 200px;
margin-top: 55px;
}
.genreheader {
min-height: 0 !important;
margin-top: 10px !important;
padding-bottom: 15px !important;
}
.creatorsheader {
margin-bottom: 10px;
margin-top: 55px;
padding-bottom: 20px;
}
.genreheader ~ #maincontent .story p {
display: none;
}
.genreheader ~ #maincontent .story:nth-child(13),
.genreheader ~ #maincontent .story:nth-child(11),
.genreheader ~ #maincontent .story:nth-child(12),
.genreheader ~ #maincontent .story:nth-child(10),
.genreheader ~ #maincontent .story:nth-child(9) {
display: none !important;
}
.oneline {
margin-top: 65px;
}
.modhead {
padding-top: 10px !important;
}
.featurette-divider2 {
margin-top: 10px;
}
.featurette-divider3 {
margin: 0 0 5px 0;
}
.affixtarget {
padding-top: 10px !important;
}
.footerline {
margin: 0 0 10px;
}
#social {
text-align: center;
}
.span1.socicon.center {
width: 13%;
display: inline-block;
}
.module {
padding-top: 0;
padding-bottom: 10px;
}
.alert {
padding: 8px 14px;
}
#generic {
min-height: 0;
margin-top: 10px;
padding-bottom: 15px;
}
.small_breakpoint [style="float:right"] {
float: none !important;
text-align: center;
}
.small_breakpoint [style="float:right"] ~ul.entryli {
margin-top: 30px;
}
.aside {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100% !important;
}
#maincontent.container {
/*text-align: center;*/
}
#maincontent.container ul.entryli,
#maincontent.container ul.list,
#widget li,
.widget li,
.bulleted {
text-align: left;
}
ul.unstyled,
ol.unstyled {
margin-top: 10px;
}
.listimg {
float: none;
padding: 0;
margin-bottom: 20px;
}
#backtotop {
margin-bottom: 20px;
display: block;
text-align: right;
margin-top: 10px;
}
#backtotop .more {
float: none;
}
.tighten-line {
margin-bottom: 10px;
margin-top: 10px;
}
#whoisbmi,
.altlicensingheader,
#pressroom {
margin-top: 55px;
}
input.span8,
textarea.span8,
.uneditable-input.span8 {
width: 100%;
}
#licensing_contact td {
display: block;
}
/**
** Widgets
**/
.support-widget h3,
#widget h3,
.widget h3,
.contents h3 {
margin-top: 0;
font-size: 22px;
line-height: 26px;
}
.support-widget,
.plain-widget {
text-align: left;
}
#widget, .widget {
margin-bottom: 0;
}
.widget .pad2 {
padding-bottom: 0;
}
.photo_widget .photo_holder {
background: none !important;
}
.photo_widget .photo_holder .slide {
height: 150px;
min-height: 150px;
max-height: 150px;
}
#slideshow_advocacy .photo_widget .photo_holder .slide {
background: #000 !important;
}
/**
** Modal
**/
body.small_breakpoint {
overflow: visible !important;
}
.modal {
width: 90% !important;
margin-left: -45% !important;
position: absolute !important;
border: none;
height: auto !important;
padding-bottom: 10px;
margin-top: 5px;
}
.modal .modal-body {
padding-top: 10px;
padding-bottom: 10px;
}
.modal .btn-join {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.modal .creatormod {
border-right: none;
padding: 10px 20px 10px 30px;
float: none;
}
.modal.player {
background: #fff !important;
}
.modal.player .right,
.modal.player .left,
.modal.player .left .controls {
width: 100% !important;
min-width: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: none;
margin-left: 0 !important;
}
.modal.player .left {
height: auto !important;
min-height: 200px;
line-height: 0 !important;
margin-top: 10px !important;
position: relative;
}
.modal.player .left .controls {
margin-top: -20px !important;
position: absolute;
top: 50%;
}
.modal.player .right .social {
display: none;
}
.modal.player .btn-danger,
#loginModal .btn-danger-modal,
#MusicServiceModal .btn-danger-modal {
position: relative;
text-indent: -999px;
overflow: hidden;
background: url('/images/cardinal_app/close.png') center no-repeat;
border: none;
box-shadow: none;
width: 22px;
height: 22px;
margin-top: -30px;
}
.modal.player .right .current_page {
margin-top: 10px;
}
/*.modal.player .right .meta,*/
.modal.player .right .meta .date {
margin: 0;
}
.modal.player .right h3 {
font-size: 20px;
line-height: 24px;
margin-bottom: 2px;
}
.modal.player .left .next,
.player .left .previous {
width: 40px;
height: auto;
}
.modal.player .left .video-container {
width: 100% !important;
height: 270px !important;
}
.modal.player .left .video-container iframe,
.modal.player .left .video-container object,
.modal.player .left .video-container embed {
height: 250px !important;
}
.modal.player .right .text {
height: auto !important;
}
.modal.video_player .text span {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
font-size: 11px;
line-height: 18px;
}
.video_player .text .related_video {
display: block;
}
.modal.video_player .text .related_video img.play {
margin: 7px 0 0 40px;
}
.modal.player > .text {
height: auto !important;
position: relative;
width: 100% !important;
min-width: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: none;
padding: 10px 16px;
margin-left: 0 !important;
}
#loginModal .modal-footer,
#MusicServiceModal .modal-footer {
padding-right: 0;
}
#loginModal .modal-footer h3 {
padding: 0;
}
#loginModal .mumod {
padding-bottom: 10px;
padding-left: 0;
float: none;
}
#MusicServiceModal .modal-footer > div {
text-align: center !important;
}
.modal .creatormod,
.mumod {
padding-left: 0;
padding-right: 0;
}
.ko-rounded .static-container {
width: 90% !important;
}
.ko-rounded .static-container .modal {
width: 100% !important;
}
/**
** Isotop Cards
**/
#container.isotope {
width: 100% !important;
}
.element {
width: 80%;
max-width: 330px;
}
.element img {
width: auto !important;
height: auto !important;
}
.element.video:before {
left: 90px;
top: 35px;
}
/**
** Homepage
**/
.theme-default .nivo-controlNav {
margin-top: -35px !important;
}
#jump .btn.jump {
margin-bottom: 10px;
}
#jump .minorjump {
padding-bottom: 0;
}
#jump .minorjump .jump {
margin-top: 10px;
}
#jump img.pull-right {
max-width: 67px;
}
.aboutrow {
text-align: center;
}
#infographics {
margin-bottom: 0;
margin-top: 0;
}
#infographics .span3 {
margin-bottom: 10px;
width: 20%;
display: inline-block;
margin-right: 10px;
}
.calltoaction {
margin: 10px 0 0;
padding: 10px;
font-size: 20px;
height: auto;
min-height: 0;
}
#genres {
padding: 15px;
height: auto;
height: 600px;
}
#genres h2 {
font-size: 20px;
}
#genres .descriptionsmall,
.description {
font-size: 12px;
}
#genres .genres {
margin: 20px 0;
}
#genres .genres:last-child {
margin: 0;
}
#genres .genres .span3 {
width: 49%;
display: inline-block;
vertical-align: top;
}
#maincontent .story {
min-height: 0;
}
#maincontent .story .storytitle,
#maincontent .story .listimg {
margin-bottom: 0;
}
.calendar .prevPage {
margin-left: 10px;
}
.calendar .nextPage {
margin-right: 10px;
}
.view-all-cal-button {
width: 50%;
margin-left: -25%;
font-weight: normal;
margin-top: 5px;
}
.frame.crazy {
height: 200px;
}
.frame.crazy ul li,
.frame.crazy ul li.active {
width: 250px;
margin: 0 20px 0 0;
}
.calribbon {
font-size: 14px;
line-height: 20px;
}
.slider-wrapper.theme-default.sliderbg ~ #subs {
display: none;
}
.slider-wrapper.theme-default.sliderbg ~ #subs ~ .subs.push-bottom {
border: none;
margin-bottom: 30px;
}
#ataglance ~ .subcategories {
padding: 0;
}
#ataglance ~ .subcategories li {
/*margin-bottom: 5px;*/
}
.pad25 a[href="/innovation_center"] {
display: block;
margin-bottom: 5px;
}
.pad25 a[href="/special/bmi_live"] img,
.pad25 a[href="/innovation_center"] img {
width: 100%;
}
/**
** About
**/
#ourrole {
height: auto;
min-height: 0;
padding-bottom: 30px;
}
.aboutquote {
font-size: 22px;
line-height: 26px;
}
#contactus {
margin-top: 0;
}
.location {
font-size: 18px;
line-height: 20px;
}
#campaign {
padding-bottom: 0;
background: none;
}
#services_module {
background-position: center;
}
#heritage {
background: url("/images/cardinal_app/staff.jpg") left bottom no-repeat;
}
/**
** Creators
**/
.creatorssectionheading {
padding-top: 20px;
text-align: center;
}
.creatorscallbutton {
margin-top: 20px;
}
#careertools .pad20,
#licensetools .pad20,
#espanolmain .pad20 {
margin-bottom: 0;
}
#careertools a, #licensetools a {
text-align: left;
padding-left: 15px;
}
ul.unstyled a {
padding-left: 0 !important;
}
.testheight {
padding: 4px 0 0 20px;
margin-bottom: 5px;
border-radius: 0;
height: auto;
text-align: left;
}
.testheight img {
height: 20px;
display: inline-block;
padding-top: 0;
margin-right: 10px;
}
.testheight h3 {
font-size: 16px;
display: inline-block;
vertical-align: middle;
}
#faqs .module {
padding-bottom: 0;
}
.faq-panel .featurette-headingnews {
padding-top: 15px;
padding-bottom: 15px;
}
.faqcategorybar {
height: auto;
background-size: cover;
margin-bottom: 10px;
padding-bottom: 5px;
}
.faqcategorybar li {
float: none;
display: inline-block !important;
width: 40%;
}
.faqcategorybar li .faqlabel {
font-size: 13px;
padding-left: 2px !important;
padding-right: 2px !important;
}
.questionfaq,
.landingfaqs .faq-panel .faq-content {
font-size: 22px;
line-height: 26px;
}
.faq-left,
.faq-right {
padding: 0 20px;
}
#royaltyinformation,
#join {
/*text-align: center;*/
}
#royaltyinformation .featurette-headingcreators {
padding-top: 10px;
}
#royaltyinformation .pad {
padding-top: 0;
}
#royaltyinformation .creatorsdatestamp ~ h3 {
padding-top: 30px;
}
.featured-faq #singleQuestion > span.answer {
text-align: center;
}
/**
** Music Users
**/
.altlicensingheader {
height: 520px;
}
#altlicenseheader .callbutton {
margin-top: 30px;
}
#altlicenseheader .callbutton:last-child {
margin-top: 0;
margin-bottom: 20px;
}
.licenseheader,
.licensetag {
font-size: 22px;
line-height: 26px;
}
#altlicense .lisearch {
width: 100%;
padding: 0;
margin: -50px 0 0 0;
left: 0;
}
#altlicense .lisearch .searchcontent {
padding: 10px 10px;
}
#licensetools h2 {
padding: 10px 0 0;
font-size: 22px;
line-height: 26px;
margin-bottom: 0;
}
#altlicense .searchcontent .input-block-level {
height: 40px;
font-size: 12px;
border-bottom: 3px solid #696969;
margin-bottom: 10px;
}
#altlicense .searchcontent p,
#altlicense .searchcontent a,
#altlicense .searchcontent a:hover {
font-size: 12px;
line-height: 18px;
}
#licensetools {
text-align: center;
}
.landingfaqs .faq-panel .faq-content {
padding: 5px 0 5px;
}
.landingfaqs .faqhr {
display: none;
}
.landingfaqs .viewall.center {
padding-top: 10px;
padding-bottom: 0;
}
.landingfaqs .viewallbtn {
padding: 0 40px 10px;
}
#licensingentry {
background-position: left;
height: 200px;
}
.benefitsheader {
min-height: 100px;
}
.benefitsheader .sectionheading {
padding-top: 30px;
}
#benefits-sidebar-accordion h6 {
margin: 0;
}
#benefits-sidebar-accordion ul li a {
font-size: 12px;
}
/**
** News
**/
#newsheading {
text-align: center;
}
#newsheading .pagetitle {
padding: 0;
}
#options {
float: none;
padding: 10px 0;
}
#options ul#filters,
#options ul#otherchannels {
width: 100%;
margin-right: 0;
float: none;
text-align: center;
}
#options ul#filters li,
#options ul#otherchannels li {
float: none;
display: block;
border-radius: 0;
margin: 0;
}
#options ul#filters li a,
#options ul#otherchannels li a {
border-radius: 0 !important;
border: none;
}
#filter-latest-lead .span6.gray {
margin-bottom: 10px;
}
#filter-musicworld-latest-lead,
#filter-awards-lead {
text-align: center;
}
#filter-musicworld-latest-lead .mwheader {
margin-top: 20%;
}
.issuedata {
display: none;
}
#filter-awards-lead .mwheader {
margin-top: 20%;
font-size: 12px !important;
padding: 0 10px;
line-height: 12px !important;
}
#filter-awards-lead .mwheader p {
margin-bottom: 0;
}
#filter-awards-lead .mwheader p strong {
font-size: 14px;
line-height: 0;
margin-top: 0;
line-height: 1.7
}
#filter-awards-lead p {
font-size: 14px;
line-height: 20px;
margin-top: 10px;
}
#filter-awards-lead .subscribe {
padding-top: 0;
}
#filter-mx-lead .mxlower {
min-height: 0;
padding-bottom: 10px;
max-width: 270px;
margin-left: auto;
margin-right: auto;
}
#filter-mx-lead .mxlower:first-child {
margin-top: 0;
}
#filter-mx-lead li {
padding: 5px 15px 10px;
}
.photo_holder {
height: auto;
}
/**
** Press
**/
#pressroom {
min-height: 190px;
background-position: center left;
}
#pressroom .pageheader {
font-size: 40px;
letter-spacing: 0;
text-align: center;
}
#pressreleases {
margin-top: 0;
}
#pressreleases .like-h1 {
text-align: center;
}
.presstable,
.presstable a {
font-size: 12px;
font-weight: normal;
}
.datecol {
width: 70px;
}
#pressreleases a[href="/press/archive"] {
display: block;
text-align: center;
}
#press #downloads .container, #press #credentials .container {
padding-left: 0 !important;
padding-right: 0 !important;
text-align: center;
}
#press #downloads .container h4 {
margin: 0;
}
#press #downloads .pad {
padding: 10px 0;
}
#press #contactanchor ~ .featurette-divider {
margin: 0;
}
#press #contact,
#press #Subscribe {
text-align: center;
}
#press #contact h2,
#press #Subscribe h2 {
padding: 10px 0;
}
#press #Subscribe h3 {
margin-top: 30px;
}
/**
** BMI TV
**/
#bmitv #bmitvheading .pagetitle {
padding: 5px 0;
}
#bmitv #bmitvheading .pagetitle h1 {
text-align: center;
margin: 0;
font-size: 22px;
line-height: 26px;
}
#bmitv #options ul {
float: none;
display: block;
margin-bottom: 10px;
}
#bmitv #options li {
float: none;
display: block !important;
margin-bottom: 0;
}
#bmitv #options li a {
border-radius: 0 !important;
border: none;
}
#bmitv #featuredvideo {
text-align: center;
}
#bmitv #featuredvideo h3 {
max-width: 90%;
margin: 0 auto;
}
#bmitv #featuredvideo hr {
margin: 10px 0;
}
#bmitv #featuredvideo .details {
position: relative;
}
#bmitv .viddescription {
text-align: center;
}
#bmitv .tvnav {
float: none;
display: none;
}
#bmitv .next {
position: relative;
top: 10px;
margin: 0;
}
#bmitv .overlay {
padding: 36px 20px 20px 95px;
}
#bmitv .channels h2,
#bmitv .channels h2 a {
margin-top: 20px;
text-align: left;
font-size: 18px !important;
}
#videocontent,
#videocontent .viddescription {
text-align: center;
}
#videocontent .vid .image,
#bmitv .vid .image {
width: 270px;
margin: 0 auto;
}
#videocontent .vid .image .overlay {
padding: 36px 20px 20px 95px;
}
/**
* Calendar
**/
.background-calendar {
height: auto !important;
max-height: 10000px;
margin-top: 50px;
}
.background-calendar #primary h1 {
font-size: 22px;
line-height: 26px;
text-align: center;
letter-spacing: 0;
padding: 0;
margin: 0;
}
#view-new form {
float: none !important;
width: 100% !important;
text-align: center !important;
}
#subscribe-heading a {
text-align: center !important;
margin: 0 auto !important;
}
.eventsbg.calendar-new-style > .container:not(.calendar-placeholder) {
overflow: scroll;
}
.datecontrols {
margin-bottom: 10px !important;
}
.eventscal a {
font-weight: 500;
}
.week .day {
height: auto !important;
}
.calendar-phone h4 {
padding: 10px 20px 15px;
font-weight: bold;
}
.calendar-phone ul {
margin: 0 0 0 20px;
padding: 0;
}
.calendar-phone ul li {
list-style-type: none;
line-height: 0;
margin-bottom: 8px;
}
.calendar-phone .date {
font-weight: normal;
font-size: 14px;
color: #000;
display: inline-block;
width: 100px;
text-align: left;
vertical-align: top;
}
.calendar-phone a {
display: inline-block;
max-width: 55%;
line-height: 18px;
vertical-align: top;
}
/**
** Sub Pages
**/
#primary,
#module .entry {
margin-top: 80px;
}
#primary h1,
#module .entry .post h1 {
font-size: 28px;
line-height: 34px;
}
#primary .blurb {
font-size: 14px;
}
#maincontent #faqs h1 {
font-size: 22px;
line-height: 26px;
letter-spacing: 0;
margin-bottom: 20px;
}
#maincontent #faqs h2 {
padding: 5px 0;
}
.royalty_toggle {
margin-bottom: 20px;
display: block;
}
.awardssectionheading {
padding-top: 50px;
}
.awardsmodule.awardsdetail {
text-align: center;
padding-top: 10px;
}
.featurette .description.center {
margin-top: 10px;
margin-bottom: 20px;
}
#faqs .question,
.answer {
text-align: left;
}
.answer.center {
text-align: center;
}
#innovation {
min-height: 170px;
}
.busaction a {
font-size: 14px;
}
#bmimobile #module4.module {
padding: 20px 0;
text-align: center;
background-position: center;
}
#bmimobile #module4.module .span6 > h3 {
color: #fff;
}
#bmimobile #module4.module .span6 > div .btn-large {
display: block;
font-size: 14px;
margin: 5px 0;
}
#bmimobile ~ .container {
text-align: center;
}
#special {
height: auto;
}
#adgallery #carousel-container {
margin-top: 15px;
}
#adgallery .carousel-control {
left: 15%;
top: -25px;
width: 30px;
height: 30px;
font-size: 25px;
line-height: 28px;
}
#adgallery .carousel-control.right {
right: 15% !important;
left: auto !important;
}
#adgallery .carousel-caption {
text-align: center !important;
}
#internationalintro {
padding-top: 98px;
padding-bottom: 30px;
}
.international-flags {
width: 100%;
background-size: contain;
background-repeat: no-repeat;
}
#internationalcreators {
box-shadow: none !important;
border: none !important;
}
#internationalcreators .pad20 {
padding-top: 0;
}
#internationalcreators .interimg {
width: 20px;
}
#internationalcreators a.btn-international {
border-radius: 0;
margin-bottom: 2px;
}
#internationalcreators a.btn-international span {
font-size: 15px;
}
/* Indie */
#indie_cardinal #holdmore {
background-position: 0 -60px !important;
background-size: 100% 400px;
}
#indie_cardinal #indie_header2 {
margin-top: 50px;
text-align: center;
}
#indie_cardinal h1 {
margin-bottom: 30px;
margin-left: 0;
margin-top: 40px !important;
}
#indie_cardinal_header .album {
width: 45%;
display: inline-block;
}
#indie_cardinal #album_prev {
top: 10%;
left: 4%;
}
#indie_cardinal #album_next {
top: 10%;
}
#indie_cardinal #holdall > #holdmore {
width: 100%;
margin: 0;
padding: 0 !important;
box-sizing: border-box;
}
#indie_cardinal #holdall > #holdmore .container {
width: 100%;
padding: 0 !important;
box-sizing: border-box;
}
#indie_cardinal h2 {
padding-bottom: 30px !important;
margin-top: 30px;
}
#main-indie .element.videoonly1.photo_widget {
margin-left: auto;
margin-right: auto;
float: none;
}
#indie_cardinal #spotify iframe {
width: 100% !important;
}
#indie_cardinal #sidebar ul {
max-width: 100%;
width: 100%;
}
#indie_cardinal #sidebar #blogs li {
text-align: center;
}
#indie_cardinal #spotify {
text-align: center;
}
#indie_cardinal #spotify br {
display: none;
}
#indie_cardinal footer {
margin-top: 0;
}
#indie_cardinal .story .storytitle a {
font-size: 14px !important;
text-align: center;
display: block;
margin: 0;
}
#indie_cardinal .story .readmore .triangle-r {
display: none !important;
}
#indie_cardinal .story .readmore .rectangle {
display: none !important;
}
#indie_cardinal #main-indie .nav_holder {
width: 100%;
text-align: center;
}
#indie_cardinal #main-indie .nav_holder .story_nav {
width: 168px !important;
}
#indie_cardinal #indie_spotlights .carousel-inner {
margin-top: 30px;
}
#indie_cardinal .story .listen {
text-align: center;
}
#indie_cardinal #holdall .more_news {
text-align: center;
}
/* Leadership */
#leadership .contacts {
text-align: center;
}
/* Advocacy */
#new_advocacy {
margin-top: 55px;
height: auto;
padding-bottom: 40px;
}
#new_advocacy .pagetag {
font-size: 20px;
}
#new_advocacy .pageheader {
font-size: 60px;
}
#advocacy_recent2 .span6:last-child {
display: none;
}
#slideshow_advocacy {
padding: 50px 0 !important;
}
#slideshow_advocacy .slideshow-wrapper {
background-size: 270px;
background-position: 43.5% 26%;
overflow: hidden;
background: none;
width: 320px;
}
#slideshow_advocacy .slideshow-wrapper .span8 {
width: 320px;
}
#tabs_advocacy {
padding-top: 40px !important;
}
#advocacy_newsletter ul li {
list-style-type: none;
float: none;
display: block;
width: 100%;
text-align: center;
}
#advocacy_newsletter input {
width: 90% !important;
display: block;
margin: 10px auto;
}
#advocacy_newsletter #newsletter-signup {
width: 164px !important;
margin: 0 auto;
display: block;
}
#newsletter-signup-frst {
margin-bottom: 0;
}
#advocacy_newsletter {
max-height: 10000px;
}
#advocacy_recent .btn.pull-right {
float: none;
margin: 10px 0;
}
.advocacy_recent_style { margin-top: 0!important; padding-bottom: 0!important; }
#tabs_advocacy .slideshow_block {
margin-bottom: 50px;
}
#slideshow_advocacy h1 {
font-size: 33px;
}
#slideshow_advocacy .slideshow-wrapper .photowidget.row {
margin-left: auto;
margin-right: auto;
float: none;
width: 256px;
}
#blockme {
display: block;
}
#newmedia {
margin-top: 50px;
}
#newmedia > .container .span8 .modheaddark,
#newmedia > .container .span8 p {
max-width: 100%;
text-align: center;
}
#newmedia > .container .span8 {
text-align: center;
}
#newmedia > .container .span4 p:first-child {
margin-top: 20px;
}
#newmedia-calendar .nmc-right {
max-width: 100%;
margin-left: 0;
}
#newmedia-moreinfo .span3 h2 {
margin: 40px 0 20px;
}
#newmedia-licensing .licensing-tab li:last-child {
border-bottom: 2px solid #51aded;
}
#newmedia-licensing .licensing-tab li {
width: 100%;
border-bottom: 1px;
border-right: 2px solid #51aded;
float: none;
}
#newmedia-licensing .licensing-tab li a {
font-size: 14px;
}
#newmedia-licensing .licensing-tab li .arrow {
display: none;
}
#newmedia-licensing .licensing-tab {
margin-bottom: 50px;
}
#newmedia-licensing #content-licensing-tab > div .pull-right {
display: none;
}
#newmedia-licensing #content-licensing-tab > div .lt-left {
float: none;
max-width: 100%;
}
#newmedia-calendar .nmc-left {
display: none;
}
#newmedia-calendar {
margin: 50px 0;
}
#newmedia > .container .span8 .modheaddark {
line-height: 26px !important;
}
#newmedia > .container .span8 p,
#newmedia > .container .span4 p {
margin-left: 0;
}
.nm-team .nm-team-item {
width: 100% !important;
margin-bottom: 30px;
}
#newmedia.subpages > .container .span12 .modheaddark {
font-size: 30px !important;
text-align: center;
line-height: 38px !important;
}
#nm-content .nm-content-icon {
float: none;
margin: 20px auto;
}
#nm-content {
padding-top: 20px;
}
#hithouse {
margin-top: 55px;
height: auto;
padding-bottom: 50px;
}
#hithouse .video-player-wrapper > div.left-wrapper {
width: 100%;
height: 300px;
margin: 0 auto;
display: block;
}
#hithouse .video-player-wrapper > div.right-wrapper {
width: 100%;
height: 180px;
margin: 0 auto;
display: block;
}
#hithouse .video-player-wrapper > div.right-wrapper:after {
display: none;
}
#hithouse .video-player-wrapper > div.right-wrapper > div {
height: auto;
}
#hithouse .video-player-wrapper > div.right-wrapper #playlist {
width: 1500px;
margin: 10px 20px 25px 10px;
}
#hithouse .video-player-wrapper > div.right-wrapper #playlist li {
display: inline-block;
width: 150px;
margin-right: 10px;
vertical-align: top;
}
#hithouse .ps-scrollbar-x-rail {
left: 0 !important;
}
#hithouse-songwriters .managers,
#hithouse-songwriters .staff,
#hithouse-songwriters .managers2 {
max-width: 100%;
margin: 10px auto 30px !important;
}
#hithouse-widgets .embed-container {
margin-bottom: 20px;
}
#hithouse-description .row {
margin-right: 0;
}
#hithouse-songwriters .songwriter {
width: 100%;
margin-right: 0;
}
#hithouse-songwriters .songwriter .profile-image {
width: 150px;
margin-left: auto;
margin-right: auto;
}
#hithouse-songwriters .songwriter .profile-image span {
width: 140px;
height: 140px;
}
.modal-hit-house .modal-body {
padding: 20px 30px !important;
}
#nbf-categories .nfb-category > div {
height: auto;
padding-bottom: 28px;
}
#generic.genreheader.new-faq h2.pageheaderbus strong {
font-size: 30px !important;
margin-bottom: 20px;
display: block;
}
.nbf-cat-wrapper .span3 .widget.plain-widget {
max-width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
border-top: 1px solid #ddd;
padding-top: 20px;
}
.nbf-cat-wrapper .span3 .widget.support-widget {
margin: 20px auto 0;
max-width: 100%;
text-align: center;
}
.hidden-faq-mobile {
display: none;
}
.visible-faq-mobile {
display: block;
}
.visible-faq-mobile select {
width: 100%;
}
.nbf-cat-wrapper #faqs {
overflow: hidden;
}
.nbf-cat-wrapper {
margin-top: 50px !important;
}
.nbf-cat-title a {
margin-bottom: 25px;
}
}
@media (max-width: 560px) {
#slideshow_advocacy .slideshow-wrapper {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.advocacy-jump img.pull-right {
top: 30px;
}
#stwrapper.stwrapper {
display: none !important;
}
#newmedia {
padding-bottom: 30px;
}
#newmedia > .container .span4 .btn-block {
font-size: 15px;
padding: 14px;
margin-bottom: 0;
}
#newmedia > .container .span4 p:first-child {
margin-bottom: 10px;
}
#slideshow_advocacy .slideshow-wrapper .photowidget-slide-right,
#slideshow_advocacy .slideshow-wrapper .photowidget-slide-left {
top: 54% !important;
}
#slideshow_advocacy .slideshow-wrapper .photowidget.row {
max-height: 150px;
min-height: 150px;
}
#advocacy_bmiceo {
background-size: 140%;
}
#advocacy_bmiceo > .container {
padding-right: 0 !important;
padding-left: 0 !important;
}
#advocacy_bmiceo .bmice_button .bmiceo_buttons {
margin-top: 90px;
padding-bottom: 10px;
}
#bmi_mobile_download p.app-store img:first-child,
#bmi_mobile > .container .span8 p.app-store img {
margin-right: 0;
margin-bottom: 20px;
}
#bmi_mobile_key_features > .container .span7 h3 {
margin-top: 0;
}
#genres.no-top-border {
height: auto;
padding-bottom: 20px;
}
#hithouse .video-player-wrapper > div.left-wrapper {
width: 100%;
height: 210px;
margin: 0 auto;
display: block;
}
#hithouse .video-player-wrapper > div.right-wrapper #playlist {
width: 1500px;
margin: 5px 20px 25px 10px;
}
#nbf-search .keyword, #nbf-search .keyword:focus {
height: 61px !important;
font-size: 15px !important;
}
#nbf-search p.nbf-support:before {
content: " ";
display: block;
float: none;
clear: both;
}
}
@media (min-width: 565px) and (max-width: 775px) {
#nbf-search .keyword, #nbf-search .keyword:focus {
height: 61px !important;
}
#nbf-search p.nbf-support {
margin-top: 10px;
display: block;
}
}
@media (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px) {
.modal.player .btn-danger,
#loginModal .btn-danger-modal {
background: url('/images/cardinal_app/close@2x.png') center no-repeat;
background-size: contain;
}
#mobile-search-button {
background: url(/images/cardinal_app/new-search-button@2x.png) center no-repeat;
background-size: cover;
}
#mobile-search-button.active {
background: url(/images/cardinal_app/new-search-button-active@2x.png) center no-repeat;
background-size: cover;
}
.navbar .mobile-brand {
background: url(/images/cardinal_app/bmi_icon_logo@2x.png) center center no-repeat;
background-size: cover;
}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
#advocacy_bmiceo {
min-height: 200px;
background-size: 120%;
}
#advocacy_bmiceo .bmice_button .bmiceo_buttons {
margin-top: 140px;
margin-left: -15px;
}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
#advocacy_bmiceo {
background-size: 100%;
background-position: top left;
background-color: #2f2f2f;
}
#advocacy_bmiceo .bmice_button .bmiceo_buttons {
margin-top: 110px;
padding-bottom: 10px;
text-align: center;
}
.bmiceo_buttons .btn-danger {
padding: 6px 10px 7px;
vertical-align: top;
}
.bmiceo_buttons .btn-border {
padding: 3px 10px;
font-size: 12px;
margin-left: 10px;
border-radius: 3px;
margin-top: 0;
}
}
@media only screen and (min-device-width : 414px) and (max-device-width : 736px),
(min-device-width : 375px) and (max-device-width : 667px),
(min-device-width : 320px) and (max-device-width : 568px),
(max-width: 560px),
(min-device-width : 768px) and (max-device-width : 1024px) {
.da-img.full-width-img {
background-size: contain !important;
background-repeat: no-repeat;
background-position: center;
}
}
/* PAPERLESS */
.paperlessheader {
margin-top: 62px;
min-height: 327px;
background: url("/images/cardinal_app/paperless_header.jpg") repeat-x;
margin-bottom: 10px;
}
#paperless .content {
margin-top: 10px;
}
@media (max-width: 767px) {
.paperlessheader {
margin-top: 55px;
min-height: 200px;
}
}
#paperless #faqs {
margin-top: 40px;
}
.paperlesssectionheading {
padding-top: 100px;
}
@media (max-width: 767px) {
.paperlesssectionheading {
padding-top: 40px;
text-align: center;
}
}
@media (max-width: 767px) {
#paperless_form .sidebar {
display:none;
}
}
.paperlesssectionheading h1 {
color: rgb(17, 17, 17);;
}
/* RESETS */
figure {
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
/* BMI MOBILE */
#bmi_mobile {
min-height: 582px;
background: url('/images/cardinal_app/bmi_mobile_banner.jpg') top center no-repeat;
background-size: cover;
color: #fff;
margin-top: 68px;
}
#bmi_mobile > .container {
padding-top: 75px;
}
#bmi_mobile > .container .span8 .modheaddark {
font-size: 48px;
line-height: 57px;
text-align: left;
letter-spacing: 0;
max-width: 650px;
margin-bottom: 21px;
}
#bmi_mobile > .container .span8 p {
color: #fff;
font-size: 24px;
line-height: 28px;
font-weight: 200;
margin-top: 18px;
max-width: 630px;
margin-left: 4px;
}
#bmi_mobile > .container .span8 p.app-store {
margin-top: 38px;
}
#bmi_mobile > .container .span8 p.app-store img {
margin-right: 15px;
}
#bmi_mobile_key_features > .container .span5,
#bmi_mobile_key_features2 > .container .span5 {
text-align: center;
}
#bmi_mobile_key_features > .container .span5 img {
margin-top: 48px;
margin-bottom: 55px;
}
#bmi_mobile_key_features2 > .container .span5 img {
margin-top: 55px;
margin-bottom: 60px;
}
#bmi_mobile_key_features > .container .span7 h3,
#bmi_mobile_key_features2 > .container .span7 h3 {
display: block;
text-align: center;
font-weight: 600;
font-size: 30px;
margin-top: 103px;
max-width: 615px;
margin-left: auto;
margin-right: auto;
margin-bottom: 43px;
}
#bmi_mobile_key_features .key_features_block,
#bmi_mobile_key_features2 .key_features_block {
display: block;
max-width: 608px;
margin-left: auto;
margin-right: auto;
}
#bmi_mobile_key_features .key_features_block .key_feature,
#bmi_mobile_key_features2 .key_features_block .key_feature {
display: inline-block;
vertical-align: top;
max-width: 280px;
}
#bmi_mobile_key_features .key_features_block .key_feature:nth-child(odd),
#bmi_mobile_key_features2 .key_features_block .key_feature:nth-child(odd) {
margin-right: 88px;
}
#bmi_mobile_key_features .key_features_block .key_feature .key_feature_icon,
#bmi_mobile_key_features2 .key_features_block .key_feature .key_feature_icon {
display: inline-block;
vertical-align: top;
min-width: 30px;
margin-right: 3px;
}
#bmi_mobile_key_features .key_features_block .key_feature .key_feature_icon i,
#bmi_mobile_key_features2 .key_features_block .key_feature .key_feature_icon i {
font-size: 30px;
color: #3267a0;
}
#bmi_mobile_key_features .key_features_block .key_feature .key_feature_content,
#bmi_mobile_key_features2 .key_features_block .key_feature .key_feature_content {
display: inline-block;
vertical-align: top;
max-width: 220px;
}
#bmi_mobile_key_features .key_features_block .key_feature .key_feature_content h5,
#bmi_mobile_key_features2 .key_features_block .key_feature .key_feature_content h5 {
margin-top: 3px;
color: #000000;
font-size: 20px;
-webkit-font-smoothing: antialiased;
margin-bottom: 6px;
}
#bmi_mobile_key_features2 .key_features_block .key_feature .key_feature_content h5 {
min-height: 40px;
}
#bmi_mobile_key_features .key_features_block .key_feature .key_feature_content p,
#bmi_mobile_key_features2 .key_features_block .key_feature .key_feature_content p {
font-size: 14px;
line-height: 20px;
min-height: 50px;
}
#bmi_mobile_key_features .key_features_block .key_feature .key_feature_content .key_feature_line,
#bmi_mobile_key_features2 .key_features_block .key_feature .key_feature_content .key_feature_line {
display: block;
max-width: 150px;
border-top: 1px solid #e4e4e4;
margin: 25px 0 30px;
}
#bmi_mobile_key_features2 {
background: #eeeeee;
}
#bmi_mobile_other_feature h4 {
font-size: 24px;
font-weight: 600;
text-align: center;
margin-top: 34px;
margin-bottom: 40px;
}
#bmi_mobile_other_feature span.block-line {
display: block;
border-top: 3px solid #ef111d;
font-size: 16px;
padding-top: 15px;
font-weight: 300;
}
#bmi_mobile_other_feature .span2 {
width: 17.9%;
}
#bmi_mobile_download {
margin-top: 35px;
background: #eeeeee;
text-align: center;
}
#bmi_mobile_download h3 {
margin-top: 63px;
color: #000;
font-weight: 600;
font-size: 30px;
margin-bottom: 20px;
}
#bmi_mobile_download p {
max-width: 520px;
margin-left: auto;
margin-right: auto;
font-size: 17px;
line-height: 22px;
font-weight: 300;
color: #000;
margin-bottom: 30px;
}
#bmi_mobile_download p.app-store img:first-child {
margin-right: 15px;
}
#bmi_mobile_download p.disclaimer {
font-size: 12px;
color: #666;
font-style: italic;
font-weight: 300;
margin-bottom: 60px;
}
#bmi_mobile_badge {
color: #fff;
text-align: center;
font-size: 16px;
background: #3267a0;
padding: 22px 0 28px;
font-weight: 300;
}
#bmi_mobile_badge a {
color: #fff;
text-decoration: underline;
-webkit-font-smoothing: antialiased;
}
#genres.no-top-border {
border-top: 0;
margin-bottom: 0;
}
.landingfaqs.no-top-border {
border: 0 !important;
}
.landingfaqs.no-top-border ~ footer {
margin-top: 0 !important;
}
@media (min-width: 992px) {
#bmi_mobile_key_features .key_features_block .key_feature .key_feature_content p
{
min-height: 60px;
}
}
@media (max-width: 1199px) {
#bmi_mobile_key_features .key_features_block .key_feature:nth-child(odd),
#bmi_mobile_key_features2 .key_features_block .key_feature:nth-child(odd) {
margin-right: 10px;
}
#bmi_mobile_key_features2 > .container .span7 h3 {
margin-top: 50px;
}
}
@media (max-width: 991px) {
#bmi_mobile_other_feature .span2 {
width: 17.7%
}
#bmi_mobile_key_features .key_features_block .key_feature, #bmi_mobile_key_features2 .key_features_block .key_feature {
margin-right: 0 !important;
max-width: 100%;
width: 100%;
margin-bottom: 20px;
}
#bmi_mobile_key_features .key_features_block .key_feature .key_feature_content, #bmi_mobile_key_features2 .key_features_block .key_feature .key_feature_content {
max-width: 90%;
}
#bmi_mobile_key_features .key_features_block .key_feature .key_feature_content .key_feature_line, #bmi_mobile_key_features2 .key_features_block .key_feature .key_feature_content .key_feature_line {
display: none !important;
}
#bmi_mobile_key_features > .container .span7 h3 {
margin-top: 50px !important;
}
#bmi_mobile_key_features,
#bmi_mobile_key_features2 {
padding-bottom: 20px !important;
}
#bmi_mobile_key_features2 > .container .span7 h3 {
margin-top: 20px !important;
}
#bmi_mobile {
background-position: top center !important;
}
}
@media (max-width: 939px) and (min-width: 0px) {
#bmi_mobile_key_features .key_features_block,
#bmi_mobile_key_features2 .key_features_block {
max-width: 100%;
}
#bmi_mobile_key_features .key_features_block .key_feature:nth-child(odd),
#bmi_mobile_key_features2 .key_features_block .key_feature:nth-child(odd) {
margin-right: 3.7%;
}
#bmi_mobile_key_features2 .key_features_block .key_feature .key_feature_content h5,
#bmi_mobile_key_features2 .key_features_block .key_feature .key_feature_content p {
min-height: 0;
}
#bmi_mobile > .container .span8 {
width: 100%;
}
#bmi_mobile > .container .span8 .modheaddark,
#bmi_mobile > .container .span8 p {
max-width: 100%;
}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
#new-classical-music.fixed-bg {
background-size: 100%;
background-position: 10% 0%;
}
.ncm-composer {
background: url(/images/genres/classical/fixed-bg2.jpg) center center no-repeat;
background-size: 100%;
}
.ncm-tweet {
background: url(/images/genres/classical/fixed-bg2.jpg) center center repeat;
background-size: cover;
}
.ncm-tweet .tweet-card p.tweet {
text-overflow: ellipsis;
overflow: hidden;
}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
#bmi_mobile_key_features > .container .span7 h3, #bmi_mobile_key_features2 > .container .span7 h3 {
margin-top: 50px;
}
#bmi_mobile_key_features .key_features_block .key_feature:nth-child(odd), #bmi_mobile_key_features2 .key_features_block .key_feature:nth-child(odd) {
margin-right: 0;
}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
#bmi_mobile > .container .span8 {
width: 100%;
}
#bmi_mobile > .container .span8 .modheaddark,
#bmi_mobile > .container .span8 p {
max-width: 100%;
}
#bmi_mobile_key_features2 .key_features_block .key_feature .key_feature_content h5 {
min-height: 0;
}
#bmi_mobile_key_features .key_features_block .key_feature .key_feature_content p, #bmi_mobile_key_features2 .key_features_block .key_feature .key_feature_content p {
min-height: 0;
}
#bmi_mobile_key_features2 > .container .span7 h3 {
margin-bottom: 0;
}
.ncm-getpaid-wrapper .gpw-card {
min-height: 326px !important;
}
.ncm-widgets .span4 {
display: inline-block;
width: 47%;
vertical-align: top;
}
.ncm-widgets .span4:last-child{
width: 100%;
}
}
@media (max-width: 568px) {
#bmi_mobile_key_features2 > .container .span7 h3 {
margin-top: 0px !important;
margin-bottom: 10px;
}
#bmi_mobile_key_features > .container .span7 h3 {
margin-top: 0 !important;
}
#bmi_mobile_key_features > .container .span5 img,
#bmi_mobile_key_features2 > .container .span5 img {
margin-top: 30px;
margin-bottom: 30px;
}
.da-slide .the-text.right_text h5,
.da-slide .the-text h5 {
font-size: 16px !important;
}
#new-classical-music.fixed-bg {
background-size: 100%;
}
.ncm-composer {
background: url(/images/genres/classical/fixed-bg2.jpg) center center no-repeat;
background-size: 100%;
}
.ncm-tweet {
background: url(/images/genres/classical/fixed-bg2.jpg) center center repeat;
background-size: cover;
}
.ncm-tweet .tweet-card p.tweet {
text-overflow: ellipsis;
overflow: hidden;
}
.ncm-news .element {
box-sizing: border-box;
}
.ncm-composer ~ .nmc-faq .viewallbtn a.btn {
padding-left: 20px;
padding-right: 20px;
}
#nbf-search .keyword {
width: 75%;
font-size: 15px;
padding-left: 15px;
}
}
@media (min-width: 560px) and (max-width: 767px) {
#slider, #da-slider {
margin-top: 55px;
}
.da-img-quote img {
max-width: 70%;
}
.da-img.right_photo img {
max-width: 93%;
}
.da-slide .the-text h3 {
line-height: 35px !important;
}
}
@media (min-width: 560px) and (max-width: 707px) {
.da-img.right_photo {
/*max-width: 40%;*/
}
.da-img img,
.da-img-quote img {
max-width: 93%;
}
.da-img-quote img {
margin-left: -10%;
}
.da-img.right_photo img {
max-width: 93%;
}
.da-slide .the-text.right_text {
width: 50% !important;
}
}
@media (max-width: 560px) {
.da-slide .the-text.full_quote h3, .da-slide .the-text.full_quote h4 {
font-size: 10px !important;
line-height: 12px !important;
margin-top: 10px !important;
margin-bottom: 0 !important;
}
.da-slide .the-text.full_quote .the-thumbnail-wrapper {
margin-top: 0 !important;
}
.da-slide .the-text.full_quote .the-thumbnail {
max-width: 40px !important;
}
.da-slide .the-text.full_quote .the-source {
font-size: 12px !important;
line-height: 15px !important;
}
.da-slide .the-text.full_quote .the-thumbnail-wrapper {
max-width: 350px !important;
}
.da-slide .the-text.full_quote h3:before,
.da-slide .the-text.full_quote h4:before,
.da-slide .the-text.full_quote h3:after,
.da-slide .the-text.full_quote h4:after {
font-size: 30px !important;
}
.da-slide .the-text.full_quote h3:before,
.da-slide .the-text.full_quote h4:before {
margin-top: 5px !important;
margin-left: -15px !important;
}
.da-slide .the-text.full_quote h3:after,
.da-slide .the-text.full_quote h4:after {
margin-top: 7px !important;
margin-left: 5px !important;
}
.da-slide .max-height {
max-height: 70px !important;
}
#da-slider, #sequence, .full-width-img {
min-height: 155px !important;
}
.da-slide .the-text h3 {
font-size: 20px !important;
line-height: 20px !important;
}
.da-slide .the-text h6,
.da-slide .the-text h5 {
font-size: 11px !important;
line-height: 11px !important;
}
.da-slide .the-text h5.bigger {
font-size: 11px !important;
line-height: 11px !important;
}
.da-img.right_photo {
float: right;
width: 160px;
}
.da-slide .the-text.right_text h4, .da-slide .the-text h4 {
font-size: 20px !important;
line-height: 20px !important;
max-width: 200px !important;
}
.da-slide .the-text.right_text h4:before {
font-size: 55px !important;
margin-left: -20px !important;
}
.da-slide .the-text.right_text h4:after {
font-size: 55px !important;
}
.da-dots {
bottom: 0 !important;
}
#slider, #da-slider {
margin-top: 55px;
}
.da-slide .the-text.right_text,
.da-slide .the-text.left_text {
top: 10% !important;
}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait),
(min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) {
.da-img img {
max-width: 90%;
}
.da-img.right_photo {
max-width: 40%;
}
.da-img.right_photo img {
max-width: 100%;
}
.da-slide .the-text h3 {
font-size: 18px !important;
line-height: 18px !important;
margin-bottom: 0;
}
.da-slide .the-text h6 {
line-height: 13px !important;
letter-spacing: -1px;
}
.da-slide .the-text.right_text h4, .da-slide .the-text h4 {
font-size: 14px !important;
line-height: 14px !important;
max-width: 50% !important;
margin-top: 0 !important;
}
.da-img-quote img {
max-width: 90%;
margin-left: -2%;
}
.da-slide .the-text.right_text h4::before {
font-size: 45px !important;
}
.da-slide .the-text.right_text h4::after {
font-size: 45px !important;
margin-top: 13px;
}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape),
(min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) {
.da-slide .the-text.left_text {
top: 0 !important;
width: 50% !important;
}
.da-slide .the-text.right_text {
top: 8.5% !important;
}
.da-slide-fromright .da-img {
background-position: center !important;
}
}
/* SLIDESHOW FONT */
@font-face {
font-family: "AlternateGothicNo2BT-Regular";
src: url("fonts/alternategothicno2bt-regular-webfont.eot");
src: url("fonts/alternategothicno2bt-regular-webfont.eot#iefix") format("embedded-opentype"),
url("fonts/alternategothicno2bt-regular-webfont.woff") format("woff"),
url("fonts/alternategothicno2bt-regular-webfont.ttf") format("truetype"),
url("fonts/alternategothicno2bt-regular.svg") format("svg");
font-weight: normal;
font-style: normal;
}
/* NEW SLIDER */
.centerized {
margin-left: auto;
margin-right: auto;
text-align: center;
}
#da-slider, #sequence {
min-height: 465px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.da-slide {
position: relative;
overflow: hidden;
background: #000;
}
.da-slide .invisible-link {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 0;
}
.da-slide .invisible-link.invisible-full-quote {
z-index: 3;
}
.spark-background {
background: url('/images/cardinal_app/spark-overlay.png') top left no-repeat;
background-size: 100%;
}
.da-slide-current .spark-left-background {
background: url('/images/cardinal_app/spark-overlay-left.png') top left no-repeat;
background-size: 100%;
min-height: 465px;
}
.da-slide .the-text {
position: absolute;
top: 0;
}
.da-slide .full_quote {
position: relative;
z-index: 2;
}
.da-slide.da-slide-current .full_quote {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.da-slide .the-text.left_text {
top: 19%;
left: 49%;
width: 100%;
}
.da-slider-fb .da-slide .the-text.left_text {
top: 19%;
left: 49%;
width: 100%;
}
.da-slide .the-text.right_text {
top: 18.5%;
left: 47.5%;
width: 100%;
}
.da-slider-fb .da-slide .the-text.right_text {
top: 18.5%;
left: 47.5%;
width: 100%;
}
.da-slide .the-text.right_photo {
position: relative;
display: inline-block;
vertical-align: top;
max-width: 610px;
margin-top: 7.5%;
margin-right: 10%;
z-index: 2;
}
.da-slide .right_photo {
display: inline-block;
vertical-align: middle;
}
.da-slide .da-img.right_photo {
position: absolute;
width: 100%;
text-align: right;
left: 0;
}
.da-slide .da-img.full_quote {
position: absolute;
width: 100%;
height: 100%;
left: 0;
}
.da-slide .da-img.full_quote img {
max-width: 1000%;
}
.da-slide .the-text h3,
.da-slide .the-text h4,
.da-slide .the-text h5,
.da-slide .the-text h6 {
font-family: 'AlternateGothicNo2BT-Regular';
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
}
.da-slide .the-text h3 {
color: #fff;
font-size: 87px;
line-height: 77px;
}
.da-slide .the-text h4 {
color: #fff;
font-size: 63px;
line-height: 63px;
max-width: 580px;
margin-bottom: 5px;
}
.da-slide .the-text h4.extra-small {
color: #fff;
font-size: 43px;
line-height: 43px;
max-width: 580px;
margin-bottom: 5px;
}
.da-slide .the-text h4.mid-small {
color: #fff;
font-size: 45px;
line-height: 45px;
max-width: 580px;
margin-bottom: 5px;
}
.da-slide .the-text h4.small {
color: #fff;
font-size: 53px;
line-height: 53px;
max-width: 580px;
margin-bottom: 5px;
}
.da-slide .the-text h4.large {
color: #fff;
font-size: 73px;
line-height: 73px;
max-width: 580px;
margin-bottom: 5px;
}
.da-slide .the-text.full_quote h3,
.da-slide .the-text.full_quote h4 {
font-family: "proxima-nova",sans-serif;
text-transform: none;
text-align: center;
font-size: 37px;
line-height: 42px;
font-weight: 600;
text-shadow: 0 0 29px rgba(0,0,0,0.9);
margin-top: 60px;
-webkit-transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
-ms-transition: opacity 0.4s;
transition: opacity 0.4s;
}
.da-slide .the-text.full_quote h3:before,
.da-slide .the-text.full_quote h4:before {
content: '\201C';
color: #808080;
font-family: "proxima-nova",sans-serif;
font-size: 95px;
position: absolute;
margin-top: 10px;
margin-left: -40px;
font-weight: 500;
}
.da-slide .the-text.full_quote h3:after,
.da-slide .the-text.full_quote h4:after {
content: '\201D';
color: #808080;
font-family: "proxima-nova",sans-serif;
font-size: 95px;
position: absolute;
margin-top: 15px;
font-weight: 500;
}
.da-slide .the-text.full_quote .the-thumbnail-wrapper {
display: block;
max-width: 615px;
margin: 15px auto;
}
.da-slide .the-text.full_quote .the-thumbnail {
display: inline-block;
vertical-align: middle;
max-width: 110px;
}
.da-slide .the-text.full_quote .the-source {
display: inline-block;
vertical-align: middle;
max-width: 80%;
color: #fff;
font-family: 'AlternateGothicNo2BT-Regular';
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
font-size: 24px;
text-shadow: 0 0 29px rgba(0,0,0,0.9);
line-height: 28px;
margin-left: 10px;
margin-top: 30px;
}
.full-width-img {
background-size: cover !important;
width: 100%;
min-height: 465px;
}
.da-slide .the-text.right_text h3,
.da-slide .the-text.right_text h4 {
max-width: 650px;
}
.da-slide .the-text.right_text h3:before,
.da-slide .the-text.right_text h4:before {
content: '\201C';
color: #2e2e2e;
font-family: 'AlternateGothicNo2BT-Regular';
font-size: 95px;
position: absolute;
margin-top: 10px;
margin-left: -40px;
}
.da-slide .the-text.right_text h3:after,
.da-slide .the-text.right_text h4:after {
content: '\201D';
color: #2e2e2e;
font-family: 'AlternateGothicNo2BT-Regular';
font-size: 95px;
position: absolute;
margin-top: 15px;
}
.da-slide .the-text h5 {
color: #6c6c6c;
font-size: 38px;
line-height: 38px;
margin-top: 0;
}
.da-slide .the-text h5.bigger {
font-size: 50px;
line-height: 50px;
font-weight: 100;
}
.da-slide .the-text h6 {
color: #6c6c6c;
font-size: 21px;
margin-top: 0;
}
.da-slide .the-text h3 span.red,
.da-slide .the-text h4 span.red,
.da-slide .the-text h5 span.red,
.da-slide .the-text h6 span.red {
color: #ed2628;
}
.da-slide .the-text h3 span.unbreakable,
.da-slide .the-text h4 span.unbreakable,
.da-slide .the-text h5 span.unbreakable,
.da-slide .the-text h6 span.unbreakable {
white-space:nowrap;
}
.da-slide .the-text h3 a,
.da-slide .the-text h4 a,
.da-slide .the-text h5 a,
.da-slide .the-text h6 a {
color: #ed2628;
text-decoration: underline;
font-weight: normal;
}
.da-slide .btn {
padding: 10px 20px;
font-family: "proxima-nova",sans-serif;
background: #ed2628;
margin-right: 10px;
margin-bottom: 10px;
}
.da-slide .btn.btn-lg {
font-size: 20px;
padding: 15px 25px;
}
.da-slider{
overflow: hidden;
}
.da-slide{
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
text-align: left;
}
.da-slide-current{
z-index: 1000;
}
.da-slider-fb .da-slide{
left: 100%;
}
.da-slider-fb .da-slide.da-slide-current{
left: 0px;
}
.da-slide .the-text,
.da-slide .da-img,
.da-slide .da-img-quote{
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.da-slide .max-height {
max-height: 252px;
}
.da-slide .white-text {
color: #fff !important;
}
.da-slider-fb .da-slide .the-text{
left: 10%;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.da-slider-fb .da-slide .da-img,
.da-slider-fb .da-slide .da-img-quote {
left: 60%;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.da-dots{
width: 100%;
position: absolute;
text-align: center;
left: 0px;
bottom: 20px;
z-index: 2000;
-moz-user-select: none;
-webkit-user-select: none;
}
.da-dots span{
display: inline-block;
position: relative;
width: 22px;
height: 22px;
cursor: pointer;
background: url(/cardinal_css/nivoslider/themes/default/bullets.png) no-repeat;
}
.da-dots span.da-dots-current {
background-position: 0 -22px;
}
.da-arrows{
-moz-user-select: none;
-webkit-user-select: none;
}
.da-arrows span{
position: absolute;
top: 50%;
height: 30px;
width: 30px;
background: url(/cardinal_css/nivoslider/themes/default/arrows.png) no-repeat;
border-radius: 50%;
display: block;
cursor: pointer;
z-index: 2000;
opacity: 0;
-webkit-transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
-ms-transition: opacity 0.4s;
transition: opacity 0.4s;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.da-slider:hover .da-arrows span{
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.da-arrows span.da-arrows-prev{
left: 15px;
}
.da-arrows span.da-arrows-next{
right: 15px;
background-position: -30px 0;
}
.da-slide-current .left_quote{
left: 47.5%;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.da-slide-current .right_photo{
left: 0%;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.da-slide-current .da-img{
left: 60%;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.da-slide-current .the-text.right_text,
.da-slide-current .da-img-quote,
.da-slide-current .the-text.left_text {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.da-slide-current .da-img-quote {
left: 0;
}
.da-img-quote {
position: absolute;
left: 60%;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
height: 100%;
}
@media (max-width: 650px) {
.da-slide .btn,
.da-slide .btn.btn-lg {
padding: 5px !important;
font-size: 11px;
}
.da-slide br {
display: none;
}
}
/* Animation classes and animations */
/* Slide in from the right*/
.da-slide-fromright .right_photo{
-webkit-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
-moz-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
-o-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
-ms-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
}
.da-slide-fromright .right_text{
-webkit-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
-moz-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
-o-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
-ms-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
}
.da-slide-fromright .left_text{
-webkit-animation: fromRightAnim3 0.6s ease-in-out 0.8s both;
-moz-animation: fromRightAnim3 0.6s ease-in-out 0.8s both;
-o-animation: fromRightAnim3 0.6s ease-in-out 0.8s both;
-ms-animation: fromRightAnim3 0.6s ease-in-out 0.8s both;
animation: fromRightAnim3 0.6s ease-in-out 0.8s both;
}
.da-slide-fromright .da-img{
-webkit-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
-moz-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
-o-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
-ms-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
}
.da-slide-fromright .da-img-quote{
position: relative;
-webkit-animation: fromRightAnim5 0.6s ease-in-out 0.8s both;
-moz-animation: fromRightAnim5 0.6s ease-in-out 0.8s both;
-o-animation: fromRightAnim5 0.6s ease-in-out 0.8s both;
-ms-animation: fromRightAnim5 0.6s ease-in-out 0.8s both;
animation: fromRightAnim5 0.6s ease-in-out 0.8s both;
}
.da-slide-fromright .da-img.full_quote{
-webkit-animation: fromRightAnim6 0.3s ease-in-out 0.3s both;
-moz-animation: fromRightAnim6 0.3s ease-in-out 0.3s both;
-o-animation: fromRightAnim6 0.3s ease-in-out 0.3s both;
-ms-animation: fromRightAnim6 0.3s ease-in-out 0.3s both;
animation: fromRightAnim6 0.3s ease-in-out 0.3s both;
}
.da-slide-fromright .the-text.full_quote{
-webkit-animation: fromRightAnim6 0.8s ease-in-out 0.8s both;
-moz-animation: fromRightAnim6 0.8s ease-in-out 0.8s both;
-o-animation: fromRightAnim6 0.8s ease-in-out 0.8s both;
-ms-animation: fromRightAnim6 0.8s ease-in-out 0.8s both;
animation: fromRightAnim6 0.8s ease-in-out 0.8s both;
}
@-webkit-keyframes fromRightAnim1{
0%{ left: 110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim2{
0%{ left: 110%; opacity: 0; }
100%{ left: 47.5%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim3{
0%{ left: 110%; opacity: 0; }
100%{ left: 49%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim4{
0%{ left: -60%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim5{
0%{ left: -110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim6{
0%{ left: 0%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-moz-keyframes fromRightAnim1{
0%{ left: 110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-moz-keyframes fromRightAnim2{
0%{ left: 110%; opacity: 0; }
100%{ left: 47.5%; opacity: 1; }
}
@-moz-keyframes fromRightAnim3{
0%{ left: 110%; opacity: 0; }
100%{ left: 49%; opacity: 1; }
}
@-moz-keyframes fromRightAnim4{
0%{ left: -60%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-moz-keyframes fromRightAnim5{
0%{ left: -110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-moz-keyframes fromRightAnim5{
0%{ left: 0%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-o-keyframes fromRightAnim1{
0%{ left: 110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-o-keyframes fromRightAnim2{
0%{ left: 110%; opacity: 0; }
100%{ left: 47.5%; opacity: 1; }
}
@-o-keyframes fromRightAnim3{
0%{ left: 110%; opacity: 0; }
100%{ left: 49%; opacity: 1; }
}
@-o-keyframes fromRightAnim4{
0%{ left: -60%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-o-keyframes fromRightAnim5{
0%{ left: -110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-o-keyframes fromRightAnim6{
0%{ left: 0%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-ms-keyframes fromRightAnim1{
0%{ left: 110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-ms-keyframes fromRightAnim2{
0%{ left: 110%; opacity: 0; }
100%{ left: 47.5%; opacity: 1; }
}
@-ms-keyframes fromRightAnim3{
0%{ left: 110%; opacity: 0; }
100%{ left: 49%; opacity: 1; }
}
@-ms-keyframes fromRightAnim4{
0%{ left: -60%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-ms-keyframes fromRightAnim5{
0%{ left: -110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-ms-keyframes fromRightAnim6{
0%{ left: 0%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@keyframes fromRightAnim1{
0%{ left: 110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@keyframes fromRightAnim2{
0%{ left: 110%; opacity: 0; }
100%{ left: 47.5%; opacity: 1; }
}
@keyframes fromRightAnim3{
0%{ left: 110%; opacity: 0; }
100%{ left: 49%; opacity: 1; }
}
@keyframes fromRightAnim4{
0%{ left: -60%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@keyframes fromRightAnim5{
0%{ left: -110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@keyframes fromRightAnim6{
0%{ left: 0%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
/* Slide in from the left*/
.da-slide-fromleft .right_photo{
-webkit-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
-moz-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
-o-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
-ms-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
}
.da-slide-fromleft .right_text{
-webkit-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
-moz-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
-o-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
-ms-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
}
.da-slide-fromleft .left_text{
-webkit-animation: fromLeftAnim3 0.6s ease-in-out 0.6s both;
-moz-animation: fromLeftAnim3 0.6s ease-in-out 0.6s both;
-o-animation: fromLeftAnim3 0.6s ease-in-out 0.6s both;
-ms-animation: fromLeftAnim3 0.6s ease-in-out 0.6s both;
animation: fromLeftAnim3 0.6s ease-in-out 0.6s both;
}
.da-slide-fromleft .da-img{
-webkit-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
-moz-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
-o-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
-ms-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
}
.da-slide-fromleft .da-img-quote{
position: relative;
-webkit-animation: fromLeftAnim5 0.6s ease-in-out 0.6s both;
-moz-animation: fromLeftAnim5 0.6s ease-in-out 0.6s both;
-o-animation: fromLeftAnim5 0.6s ease-in-out 0.6s both;
-ms-animation: fromLeftAnim5 0.6s ease-in-out 0.6s both;
animation: fromLeftAnim5 0.6s ease-in-out 0.6s both;
}
.da-slide-fromleft .da-img.full_quote {
-webkit-animation: fromLeftAnim6 0.3s ease-in-out 0.3s both;
-moz-animation: fromLeftAnim6 0.3s ease-in-out 0.3s both;
-o-animation: fromLeftAnim6 0.3s ease-in-out 0.3s both;
-ms-animation: fromLeftAnim6 0.3s ease-in-out 0.3s both;
animation: fromLeftAnim6 0.3s ease-in-out 0.3s both;
}
.da-slide-fromleft .the-text.full_quote {
-webkit-animation: fromLeftAnim6 0.8s ease-in-out 0.6s both;
-moz-animation: fromLeftAnim6 0.8s ease-in-out 0.6s both;
-o-animation: fromLeftAnim6 0.8s ease-in-out 0.6s both;
-ms-animation: fromLeftAnim6 0.8s ease-in-out 0.6s both;
animation: fromLeftAnim6 0.8s ease-in-out 0.6s both;
}
@-webkit-keyframes fromLeftAnim1{
0%{ left: -110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim2{
0%{ left: -110%; opacity: 0; }
100%{ left: 47.5%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim3{
0%{ left: -110%; opacity: 0; }
100%{ left: 49%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim4{
0%{ left: 110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim5{
0%{ left: 50%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim6{
0%{ left: 0%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim1{
0%{ left: -110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim2{
0%{ left: -110%; opacity: 0; }
100%{ left: 47.5%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim3{
0%{ left: -110%; opacity: 0; }
100%{ left: 49%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim4{
0%{ left: 110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim5{
0%{ left: 50%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim6{
0%{ left: 0%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-o-keyframes fromLeftAnim1{
0%{ left: -110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-o-keyframes fromLeftAnim2{
0%{ left: -110%; opacity: 0; }
100%{ left: 47.5%; opacity: 1; }
}
@-o-keyframes fromLeftAnim3{
0%{ left: -110%; opacity: 0; }
100%{ left: 49%; opacity: 1; }
}
@-o-keyframes fromLeftAnim4{
0%{ left: 110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-o-keyframes fromLeftAnim5{
0%{ left: 50%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-o-keyframes fromLeftAnim6{
0%{ left: 0%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim1{
0%{ left: -110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim2{
0%{ left: -110%; opacity: 0; }
100%{ left: 47.5%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim3{
0%{ left: -110%; opacity: 0; }
100%{ left: 49%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim4{
0%{ left: 110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim5{
0%{ left: 50%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim6{
0%{ left: 0%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@keyframes fromLeftAnim1{
0%{ left: -110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@keyframes fromLeftAnim2{
0%{ left: -110%; opacity: 0; }
100%{ left: 47.5%; opacity: 1; }
}
@keyframes fromLeftAnim3{
0%{ left: -110%; opacity: 0; }
100%{ left: 49%; opacity: 1; }
}
@keyframes fromLeftAnim4{
0%{ left: 110%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@keyframes fromLeftAnim5{
0%{ left: 50%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
@keyframes fromLeftAnim6{
0%{ left: 0%; opacity: 0; }
100%{ left: 0%; opacity: 1; }
}
/* Slide out to the right */
.da-slide-toright .right_photo{
-webkit-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
-moz-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
-o-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
-ms-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
animation: toRightAnim1 0.6s ease-in-out 0.6s both;
}
.da-slide-toright .right_text{
-webkit-animation: toRightAnim2 0.6s ease-in-out 0.6s both;
-moz-animation: toRightAnim2 0.6s ease-in-out 0.6s both;
-o-animation: toRightAnim2 0.6s ease-in-out 0.6s both;
-ms-animation: toRightAnim2 0.6s ease-in-out 0.6s both;
animation: toRightAnim2 0.6s ease-in-out 0.6s both;
}
.da-slide-toright .left_text{
-webkit-animation: toRightAnim3 0.6s ease-in-out 0.6s both;
-moz-animation: toRightAnim3 0.6s ease-in-out 0.6s both;
-o-animation: toRightAnim3 0.6s ease-in-out 0.6s both;
-ms-animation: toRightAnim3 0.6s ease-in-out 0.6s both;
animation: toRightAnim3 0.6s ease-in-out 0.6s both;
}
.da-slide-toright .da-img{
-webkit-animation: toRightAnim4 0.6s ease-in-out both;
-moz-animation: toRightAnim4 0.6s ease-in-out both;
-o-animation: toRightAnim4 0.6s ease-in-out both;
-ms-animation: toRightAnim4 0.6s ease-in-out both;
animation: toRightAnim4 0.6s ease-in-out both;
}
.da-slide-toright .da-img-quote{
-webkit-animation: toRightAnim4 0.6s ease-in-out both;
-moz-animation: toRightAnim4 0.6s ease-in-out both;
-o-animation: toRightAnim4 0.6s ease-in-out both;
-ms-animation: toRightAnim4 0.6s ease-in-out both;
animation: toRightAnim4 0.6s ease-in-out both;
}
@-webkit-keyframes toRightAnim1{
0%{ left: 0%; opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim2{
0%{ left: 47.5%; opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim3{
0%{ left: 49%; opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim4{
0%{ left: 60%; opacity: 0; }
30%{ left: 55%; opacity: 0; }
100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim5{
0%{ left: 0%; opacity: 1; }
30%{ left: -55%; opacity: .5; }
100%{ left: -100%; opacity: 0; }
}
@-moz-keyframes toRightAnim1{
0%{ left: 0%; opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim2{
0%{ left: 47.5%; opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim3{
0%{ left: 49%; opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim4{
0%{ left: 60%; opacity: 1; }
30%{ left: 55%; opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim5{
0%{ left: 0%; opacity: 1; }
30%{ left: -55%; opacity: .5; }
100%{ left: -100%; opacity: 0; }
}
@-o-keyframes toRightAnim1{
0%{ left: 0%; opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim2{
0%{ left: 47.5%; opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim3{
0%{ left: 49%; opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim4{
0%{ left: 60%; opacity: 1; }
30%{ left: 55%; opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim5{
0%{ left: 0%; opacity: 1; }
30%{ left: -55%; opacity: .5; }
100%{ left: -100%; opacity: 0; }
}
@-ms-keyframes toRightAnim1{
0%{ left: 0%; opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim2{
0%{ left: 47.5%; opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim3{
0%{ left: 49%; opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim4{
0%{ left: 60%; opacity: 1; }
30%{ left: 55%; opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim5{
0%{ left: 0%; opacity: 1; }
30%{ left: -55%; opacity: .5; }
100%{ left: -100%; opacity: 0; }
}
@keyframes toRightAnim1{
0%{ left: 0%; opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim2{
0%{ left: 47.5%; opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim3{
0%{ left: 49%; opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim4{
0%{ left: 60%; opacity: 1; }
30%{ left: 55%; opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim5{
0%{ left: 0%; opacity: 1; }
30%{ left: -55%; opacity: .5; }
100%{ left: -100%; opacity: 0; }
}
/* Slide out to the left*/
.da-slide-toleft .right_photo{
-webkit-animation: toLeftAnim1 0.6s ease-in-out both;
-moz-animation: toLeftAnim1 0.6s ease-in-out both;
-o-animation: toLeftAnim1 0.6s ease-in-out both;
-ms-animation: toLeftAnim1 0.6s ease-in-out both;
animation: toLeftAnim1 0.6s ease-in-out both;
}
.da-slide-toleft .right_text{
-webkit-animation: toLeftAnim2 0.6s ease-in-out both;
-moz-animation: toLeftAnim2 0.6s ease-in-out both;
-o-animation: toLeftAnim2 0.6s ease-in-out both;
-ms-animation: toLeftAnim2 0.6s ease-in-out both;
animation: toLeftAnim2 0.6s ease-in-out both;
}
.da-slide-toleft .left_text{
-webkit-animation: toLeftAnim3 0.6s ease-in-out both;
-moz-animation: toLeftAnim3 0.6s ease-in-out both;
-o-animation: toLeftAnim3 0.6s ease-in-out both;
-ms-animation: toLeftAnim3 0.6s ease-in-out both;
animation: toLeftAnim3 0.6s ease-in-out both;
}
.da-slide-toleft .da-img:not(.full_quote){
-webkit-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
-moz-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
-o-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
-ms-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
}
.da-slide-toleft .da-img-quote{
-webkit-animation: toLeftAnim1 0.6s ease-in-out 0.5s both;
-moz-animation: toLeftAnim1 0.6s ease-in-out 0.5s both;
-o-animation: toLeftAnim1 0.6s ease-in-out 0.5s both;
-ms-animation: toLeftAnim1 0.6s ease-in-out 0.5s both;
animation: toLeftAnim1 0.6s ease-in-out 0.5s both;
}
.da-slide-toleft .da-img.full_quote{
-webkit-animation: toLeftAnim5 0.6s ease-in-out both;
-moz-animation: toLeftAnim5 0.6s ease-in-out both;
-o-animation: toLeftAnim5 0.6s ease-in-out both;
-ms-animation: toLeftAnim5 0.6s ease-in-out both;
animation: toLeftAnim5 0.6s ease-in-out both;
}
@-webkit-keyframes toLeftAnim1{
0%{ left: 0%; opacity: 1; }
30%{ left: 15%; opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim2{
0%{ left: 47.5%; opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim3{
0%{ left: 49%; opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim4{
0%{ left: 60%; opacity: 0; }
70%{ left: 30%; opacity: 0; }
100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim5 {
0%{ opacity: 1; }
100%{ opacity: 0; }
}
@-moz-keyframes toLeftAnim1{
0%{ left: 0%; opacity: 1; }
30%{ left: 15%; opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim2{
0%{ left: 47.5%; opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim3{
0%{ left: 49%; opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim4{
0%{ left: 60%; opacity: 1; }
70%{ left: 30%; opacity: 0; }
100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim5 {
0%{ opacity: 1; }
100%{ opacity: 0; }
}
@-o-keyframes toLeftAnim1{
0%{ left: 0%; opacity: 1; }
30%{ left: 15%; opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim2{
0%{ left: 47.5%; opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim3{
0%{ left: 49%; opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim4{
0%{ left: 60%; opacity: 1; }
70%{ left: 30%; opacity: 0; }
100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim5 {
0%{ opacity: 1; }
100%{ opacity: 0; }
}
@-ms-keyframes toLeftAnim1{
0%{ left: 0%; opacity: 1; }
30%{ left: 15%; opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim2{
0%{ left: 47.5%; opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim3{
0%{ left: 49%; opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim4{
0%{ left: 60%; opacity: 1; }
70%{ left: 30%; opacity: 0; }
100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim5 {
0%{ opacity: 1; }
100%{ opacity: 0; }
}
@keyframes toLeftAnim1{
0%{ left: 0%; opacity: 1; }
30%{ left: 15%; opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim2{
0%{ left: 47.5%; opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim3{
0%{ left: 49%; opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim4{
0%{ left: 60%; opacity: 1; }
70%{ left: 30%; opacity: 0; }
100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim5 {
0%{ opacity: 1; }
100%{ opacity: 0; }
}
/* Publisher Join */
ul.pubjoinreq {
padding-left: 20px;
}
ul.pubjoinreq li {
padding-bottom: 10px;
}
ul.pubjoinreq li.pubdesc {
padding-left: 25px;
padding-bottom: 15px;
}
ul.pubjoinreq li.fa-check-circle {
font-size: 22px
}