/******* ELECTION TEASER WIDGETS *******/ /* Option 1 */ .elections-teaser { background-color:#264297; padding:10px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#100d1f+5,2c539e+48,991011+100 */ background: #100d1f; /* Old browsers */ background: -moz-linear-gradient(top, #100d1f 5%, #2c539e 48%, #991011 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #100d1f 5%,#2c539e 48%,#991011 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #100d1f 5%,#2c539e 48%,#991011 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#100d1f', endColorstr='#991011',GradientType=0 ); /* IE6-9 */ } .elections-teaser .vc_column-inner { background-color:#fff; border-radius:10px; } .elections-teaser .elections-teaser-titlebar h2 { text-transform:uppercase; font-size:1.4em; text-align:center; font-weight:700; color:#000; border-top:solid 4px #183464; border-bottom:solid 4px #B30013; } .elections-teaser .precincts-reporting, .elections-teaser .date-modified{ display:none; } .elections-teaser h2.race-title { font-size:1em; color:#000; font-weight:400; } .elections-teaser .election-legend { font-size:.8em } .elections-teaser div.gtx-race ul.race-results { margin-top: 10px; } .elections-teaser .vc_btn3 { background:transparent !Important; background-color:#314784 !Important; color:#fff !important; font-weight:700; padding:10px 15px !Important; } /* Option 2 */ .elections-teaser2{ box-shadow: 0px 4px 6px #ccc; border:solid 2px #eaeaea; padding: 10px 5px; } .elections-teaser2 .elections-teaser-titlebar h2 { text-transform:uppercase; font-size:1.4em; text-align:center; font-weight:700; color:#FFF; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#100d1f+5,2c539e+35,991011+100 */ background: #100d1f; /* Old browsers */ background: -moz-linear-gradient(left, #100d1f 5%, #2c539e 35%, #991011 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #100d1f 5%,#2c539e 35%,#991011 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #100d1f 5%,#2c539e 35%,#991011 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#100d1f', endColorstr='#991011',GradientType=1 ); /* IE6-9 */ padding:5px; } .elections-teaser2 .precincts-reporting, .elections-teaser2 .date-modified{ display:none; } .elections-teaser2 div.gtx-race h2.race-title { font-size:1em; color:#222; font-weight:700; background-color: #ccc; text-transform:uppercase; font-size:.8em; padding:3px 5px; border-bottom:none !important; } .elections-teaser2 .election-legend { font-size:.8em } .elections-teaser2 div.gtx-race ul.race-results { margin-top: 10px; } .elections-teaser2 .vc_btn3 { background:transparent !Important; background-color:#transparent !Important; color:#B30013 !important; font-weight:700; font-size:1.1em !Important; padding:10px 15px !Important; background-color: transparent !important; border:none !important; } /* Option 3 */ .elections-teaser3{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2e2e2+0,fefefe+50,dbdbdb+98 */ background: #e2e2e2; /* Old browsers */ background: -moz-linear-gradient(top, #e2e2e2 0%, #fefefe 50%, #dbdbdb 98%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #e2e2e2 0%,#fefefe 50%,#dbdbdb 98%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #e2e2e2 0%,#fefefe 50%,#dbdbdb 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */ border:solid 1px #fafafa; } .elections-teaser3 .vc_column-inner { padding:0 !important; border:solid 2px #B30013; } .elections-teaser3 .elections-teaser-titlebar h2 { text-transform:uppercase; font-size:1.4em; text-align:center; font-weight:700; color:#FFF; padding:5px; background:#B30013; margin:0 } .elections-teaser3 .precincts-reporting, .elections-teaser2 .date-modified{ display:none; } .elections-teaser3 .gtx-race { margin:15px; border:solid 1px #ccc; padding:10px; background-color:#fff !important; } .elections-teaser3 div.gtx-race h2.race-title { font-size:1em; color:#FFF; font-weight:700; background-color: #264297; font-size:.9em; padding:3px 5px; border-bottom:none !important; margin:0 } .elections-teaser3 .election-legend { font-size:.8em } .elections-teaser3 div.gtx-race ul.race-results { margin-top: 10px; } .elections-teaser3 .vc_btn3 { background:transparent !Important; background-color:#transparent !Important; color:#264297 !important; font-weight:700; font-size:1.1em !Important; padding:10px 15px !Important; background-color: transparent !important; border:none !important; } .elections-teaser3 .vc_btn3-container { margin-bottom:0; } .elections-teaser3 .precincts-reporting, .elections-teaser3 .date-modified{ display:none; } .elections-teaser3 .gtx-race p.race-description { font-size:.9em; color:#222; } /* Full Width */ .elections-teaser-full-width { background-color:#264297; padding:10px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#18365f+0,3467b2+50,18365f+98 */ background: #18365f; /* Old browsers */ background: -moz-linear-gradient(top, #193863 0%, #305ea2 50%, #193863 98%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #193863 0%,#305ea2 50%,#193863 98%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #193863 0%,#305ea2 50%,#193863 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18365f', endColorstr='#18365f',GradientType=0 ); /* IE6-9 */ } .elections-teaser-full-width .vc_column-inner { border-radius:10px; } .elections-teaser-full-width .elections-teaser-titlebar h2 { text-transform:uppercase; font-size:1.8em; text-align:center; font-weight:700; color:#FFF; border-bottom:solid 3px #4F9ACD; border-top: solid 3px #DC2D36; max-width:630px; margin:10px auto; background: none; } .elections-teaser-full-width .wpb_content_element.elections-teaser-titlebar { margin-bottom:0 !important; } .elections-teaser-full-width .gtx-race { border:solid 1px #ccc; padding:10px 10px 17px 10px; background-color:#fff !important; border-radius:10px; margin-bottom:0; } .elections-teaser-full-width .precincts-reporting, .elections-teaser-full-width .date-modified{ display:none; } .elections-teaser-full-width h2.race-title { font-size:1em; color:#000; font-weight:700; text-transform:uppercase; font-size:1.2em; margin-top:0; text-align:center; } .elections-teaser-full-width .election-legend { font-size:.8em } .elections-teaser-full-width div.gtx-race ul.race-results { margin-top: 10px; } .elections-teaser-full-width .vc_btn3 { background:transparent !Important; background-color:#transparent !Important; color:#fff !important; font-weight:700; padding:10px 15px !Important; border:none !important; margin:0 !important; font-size:1.1em !important; } .elections-teaser-full-width .vc_btn3-container { margin:0 !important;; } @media (min-width:767px) { .elections-teaser-full-width .elections-teaser-titlebar h2:before { font-family:'FontAwesome'; font-size:.6em; position:relative; bottom:5px; content: '\f005 \f005 \f005 \f005 '; color:#CCC; margin-right:10px; } .elections-teaser-full-width .elections-teaser-titlebar h2:after { font-family:'FontAwesome'; font-size:.6em; position:relative; bottom:5px; content: '\f005 \f005 \f005 \f005 '; color:#CCC; margin-left:10px; } } @media (max-width:766px) { .elections-teaser-full-width h2.race-title { font-size:1em; } .elections-teaser-full-width .vc_column_container>.vc_column-inner { padding:0; }