/* * We must declare any CSS imports before anything else */ /*_____________________________ Building Blocks */ /* * * * *_______________________________________________________________ Variables * * * */ /*______________________________________________________________ Colours */ /*__________________ Global */ /* * Contrast colours are used (if necessary) so we can * see the primary colours being used */ /*________________ Specific */ /*___________________________________________________________ Typography */ /* * * *_______________________________________ Typeface * * * */ /* * * *__________________________________________ Sizes * * * */ /*__________________ Global */ /* * Media queries ignore any change to font size in * or and so, for consistency in * calculations we'll set the default font size to * 100% which can still be resized. */ /*________________ Specific */ /* * * *___________________________________ Line Heights * * * */ /* * Our default line height is based on the font * size multiplied by the baseline multiplication * factor. Sizes shown are based on our original * defaults. */ /*__________________ Global */ /*________________ Specific */ /* * * *________________________________________ Weights * * * */ /* * Here we can set our global font weights, but we can * also have different weights for our individual font * groups. */ /*__________________ Global */ /*______________________________________________________ Sizes & Spacing */ /*__________________ Global */ /*__________________ Device */ /* * Device sizes are caculated as an em value so the * responsive layout becomes fluid when a user changes * the font size intheir browser. By default this * value is 16px (set in typography section). */ /* * * * *__________________________________________________________________ Mixins * * * */ /* https://stackoverflow.com/questions/28098462/deprecation-warning-passing-null-a-non-string-value-to-unquote#answer-28964856 null or numeric values are deprecated for unquote, here is a safe version to be used instead. */ /*____________________________________________________________ Box Model */ /*___________________________________________________________ Decorative */ /*___________________________________________________________ Transforms */ /*__________________________________________________________ Typography */ /*_________________________________________________________ White space */ /* * The Object spacing mixins allow you to create margin around your object * and automatically convert this into REM units, based on the default * font size for the browser. */ /*_____________________________________________________________ To sort */ /* * * * *_______________________________________________________________ Variables * * * */ /*______________________________________________________________ Colours */ /* Structure */ /* Typography Colours */ /* Menu Colours */ /* UX */ /*___________________________________________________________ Typography */ /* * * *_______________________________________ Typeface * * * */ /*______________________________________________________________ Timings */ /* * * *________________________________________ Timings * * * */ /*______________________________________ Layout */ /* * * * CSS Defaults * * */ * { margin: 0; padding: 0; } body, html { font-size: 100%; height: 100%; width: 100%; } body { font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif; font-size: 100%; line-height: 1.5em; } html { font-size: 100%; } /*__________________________________________________________________________ Whitespace */ blockquote + *, dd + *, dl + *, dt + *, form + *, h1 + *, h2 + *, h3 + *, h4 + *, h5 + *, h6 + *, input + *, ol + *, p + *, #str-AdminEntrantsContainer + *, table + *, textarea + *, ul + *, hr + * { margin-top: 15px; } li { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the margin property has been declared within the mixin statement * then set the margin property accordingly using shorthand. */ margin: 0 30px; margin: 0 1.875rem; } div { margin-left: auto; margin-right: auto; position: relative; } .block { display: block; } .hide { display: none; } .inline { display: inline; } /*____________________________________________________________________________ Typeface */ a, blockquote, div, h1, h2, h3, h4, h5, h6, li, ol, p, #str-AdminEntrantsContainer, table, ul { word-wrap: break-word; } blockquote { font-style: italic; /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the margin property has been declared within the mixin statement * then set the margin property accordingly using shorthand. */ margin: 30px 0; margin: 1.875rem 0; } blockquote p, blockquote #str-AdminEntrantsContainer { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 0px 30px; padding: 0rem 1.875rem; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-weight: 700; } /*__________________________________ Sizes */ h1, .h1 { font-size: 36px; font-size: 2.25rem; line-height: 42.012px; line-height: 2.62575rem; } h2, .h2 { font-size: 26px; font-size: 1.625rem; line-height: 31.434px; line-height: 1.964625rem; } h3, .h3 { font-size: 22px; font-size: 1.375rem; line-height: 27.984px; line-height: 1.749rem; } h4, .h4 { font-size: 18px; font-size: 1.125rem; line-height: 20.007px; line-height: 1.2504375rem; } h5, .h5 { font-size: 16px; font-size: 1rem; line-height: 19.992px; line-height: 1.2495rem; } h6, .h6 { font-size: 16px; font-size: 1rem; line-height: 19.992px; line-height: 1.2495rem; } p, #str-AdminEntrantsContainer, a, ul, ol, li { font-size: inherit; line-height: inherit; } .large { font-size: 16px; font-size: 1rem; line-height: 19.992px; line-height: 1.2495rem; } .micro, .nav { font-size: 12px; font-size: 0.75rem; line-height: 15.3px; line-height: 0.95625rem; } .small, body.str-SectionAdmin .nav { font-size: 13px; font-size: 0.8125rem; line-height: 19.5px; line-height: 1.21875rem; } .super { font-size: 48px; font-size: 3rem; line-height: 54px; line-height: 3.375rem; } /* * Text Center */ .tc { text-align: center; } /* * Text Left */ .tl { text-align: left; } /* * Text Justify */ .tj { text-align: justify; } /* * Text Right */ .tr { text-align: right; } /*___________________________________________________________________________ Hyperlinks */ .am { display: block; height: 100%; width: 100%; } /*____________________________________________________________________ Object Operations */ img.block { height: auto; width: 100%; } .obd { margin: auto; max-width: 100%; height: auto; width: 100%; width: auto\9; /*@media screen and (max-width: $deviceTabletPortrait) { max-width: 80%; }*/ } @media screen and (max-width: 35.5em) { .obd { margin: auto 25%; max-width: 50%; width: 50%; width: auto\9; } } .obm { margin: auto; max-width: 100%; height: auto; width: 100%; } /*____________________________________________________________________ Image Operations */ img { border: none; } .i + .i { margin-left: 5px; } .ih { display: inline-block; overflow: hidden; position: relative; text-align: left; } .ih img { left: 0px; position: absolute; top: 0px; } .ivm { margin-right: 5px; vertical-align: middle; } /*_____________________________________________________________ Elements */ button, .button:hover { cursor: pointer; } /*___________________________________________________________ Containers */ @media screen and (max-width: 35.5em) { .bylineContainer { text-align: left; } .bylineContainer .footerByline { text-align: left; } } .bylineContainer .c2 { display: table; font-size: 12px; font-size: 0.75rem; line-height: 15.3px; line-height: 0.95625rem; } .bylineContainer .c2 .websiteCredit { display: table-cell; vertical-align: bottom; } .centralContainer, .footerContainer, .headerContainer, .mainContainer { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } body.maxHeight .centralContainer { height: auto; display: table-row; width: 100%; } .footerByline.inlineFooter { text-align: right; } @media screen and (max-width: 48em) { .footerByline.inlineFooter { padding-top: 0; text-align: left; } } .footerContainer .footerContent { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 60px 0px; padding: 3.75rem 0rem; } body.maxHeight .footerContainer { display: table-row; height: 1px; width: 100%; } .headerContainer { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 15px 0px; padding: 0.9375rem 0rem; } body.maxHeight .headerContainer { display: table-row; border-collapse: collapse; height: 1px; width: 100%; } @media screen and (max-width: 35.5em) { .headerContainer { padding: 0; z-index: 1000; } } @media screen and (max-width: 35.5em) { .headerContainer .headerContent { box-shadow: 0 0 5px rgba(0, 0, 0, 0.35); } } @media screen and (max-width: 35.5em) { .logoContainer { display: none; } } body.maxHeight .mainContainer { display: table; height: 100%; overflow: hidden; width: 100%; } .menuContainer { z-index: 100; } .menuContainer.c1, #frm-VoteNow .tbd-FormButtons input.menuContainer.button, body.str-Pageid00000025 #str-WYSIWYGContainer h2.menuContainer, body.str-Pageid00000029 #str-WYSIWYGContainer h2.menuContainer, body.str-Pageid00000037 #str-WYSIWYGContainer h2.menuContainer, body.str-Pageid00000048 #str-WYSIWYGContainer h2.menuContainer, body.str-Pageid00000053 #str-WYSIWYGContainer h2.menuContainer, body.str-Pageid00000055 #str-WYSIWYGContainer h2.menuContainer, body.str-Pageid00000059 #str-WYSIWYGContainer h2.menuContainer, body.str-Pageid00000060 #str-WYSIWYGContainer h2.menuContainer, body.str-Pageid00000064 #str-WYSIWYGContainer h2.menuContainer, body.str-Pageid00000068 #str-WYSIWYGContainer h2.menuContainer { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 0px 15px; padding: 0rem 0.9375rem; } @media screen and (max-width: 48em) { .menuContainer.c1, #frm-VoteNow .tbd-FormButtons input.menuContainer.button, body.str-Pageid00000025 #str-WYSIWYGContainer h2.menuContainer, body.str-Pageid00000029 #str-WYSIWYGContainer h2.menuContainer, body.str-Pageid00000037 #str-WYSIWYGContainer h2.menuContainer, body.str-Pageid00000048 #str-WYSIWYGContainer h2.menuContainer, body.str-Pageid00000053 #str-WYSIWYGContainer h2.menuContainer, body.str-Pageid00000055 #str-WYSIWYGContainer h2.menuContainer, body.str-Pageid00000059 #str-WYSIWYGContainer h2.menuContainer, body.str-Pageid00000060 #str-WYSIWYGContainer h2.menuContainer, body.str-Pageid00000064 #str-WYSIWYGContainer h2.menuContainer, body.str-Pageid00000068 #str-WYSIWYGContainer h2.menuContainer { padding: 0; } } .c1, #frm-VoteNow .tbd-FormButtons input.button, body.str-Pageid00000025 #str-WYSIWYGContainer h2, body.str-Pageid00000029 #str-WYSIWYGContainer h2, body.str-Pageid00000037 #str-WYSIWYGContainer h2, body.str-Pageid00000048 #str-WYSIWYGContainer h2, body.str-Pageid00000053 #str-WYSIWYGContainer h2, body.str-Pageid00000055 #str-WYSIWYGContainer h2, body.str-Pageid00000059 #str-WYSIWYGContainer h2, body.str-Pageid00000060 #str-WYSIWYGContainer h2, body.str-Pageid00000064 #str-WYSIWYGContainer h2, body.str-Pageid00000068 #str-WYSIWYGContainer h2, .c2, .c3, .c32, #frm-VoteNow #tbd-VotingMailingList .tdl, .c33, #frm-VoteNow #tbd-VotingMailingList .tdr, .c4, .c43, .c44, .c5, .c54, .c55, .c6, .c8, .c10, .c12, .c24 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 15px; padding: 0.9375rem; } @media screen and (max-width: 48em) { .c1, #frm-VoteNow .tbd-FormButtons input.button, body.str-Pageid00000025 #str-WYSIWYGContainer h2, body.str-Pageid00000029 #str-WYSIWYGContainer h2, body.str-Pageid00000037 #str-WYSIWYGContainer h2, body.str-Pageid00000048 #str-WYSIWYGContainer h2, body.str-Pageid00000053 #str-WYSIWYGContainer h2, body.str-Pageid00000055 #str-WYSIWYGContainer h2, body.str-Pageid00000059 #str-WYSIWYGContainer h2, body.str-Pageid00000060 #str-WYSIWYGContainer h2, body.str-Pageid00000064 #str-WYSIWYGContainer h2, body.str-Pageid00000068 #str-WYSIWYGContainer h2, .c2, .c3, .c32, #frm-VoteNow #tbd-VotingMailingList .tdl, .c33, #frm-VoteNow #tbd-VotingMailingList .tdr, .c4, .c43, .c44, .c5, .c54, .c55, .c6, .c8, .c10, .c12, .c24 { border-left: none; border-right: none; } } .fch .c1, .fch #frm-VoteNow .tbd-FormButtons input.button, #frm-VoteNow .tbd-FormButtons .fch input.button, .fch body.str-Pageid00000025 #str-WYSIWYGContainer h2, body.str-Pageid00000025 #str-WYSIWYGContainer .fch h2, .fch body.str-Pageid00000029 #str-WYSIWYGContainer h2, body.str-Pageid00000029 #str-WYSIWYGContainer .fch h2, .fch body.str-Pageid00000037 #str-WYSIWYGContainer h2, body.str-Pageid00000037 #str-WYSIWYGContainer .fch h2, .fch body.str-Pageid00000048 #str-WYSIWYGContainer h2, body.str-Pageid00000048 #str-WYSIWYGContainer .fch h2, .fch body.str-Pageid00000053 #str-WYSIWYGContainer h2, body.str-Pageid00000053 #str-WYSIWYGContainer .fch h2, .fch body.str-Pageid00000055 #str-WYSIWYGContainer h2, body.str-Pageid00000055 #str-WYSIWYGContainer .fch h2, .fch body.str-Pageid00000059 #str-WYSIWYGContainer h2, body.str-Pageid00000059 #str-WYSIWYGContainer .fch h2, .fch body.str-Pageid00000060 #str-WYSIWYGContainer h2, body.str-Pageid00000060 #str-WYSIWYGContainer .fch h2, .fch body.str-Pageid00000064 #str-WYSIWYGContainer h2, body.str-Pageid00000064 #str-WYSIWYGContainer .fch h2, .fch body.str-Pageid00000068 #str-WYSIWYGContainer h2, body.str-Pageid00000068 #str-WYSIWYGContainer .fch h2, .fcl .c1, .fcl #frm-VoteNow .tbd-FormButtons input.button, #frm-VoteNow .tbd-FormButtons .fcl input.button, #frm-VoteNow .tbd-FormButtons .c1, #frm-VoteNow .tbd-FormButtons input.button, #frm-VoteNow #tbd-VotingMailingList .c1, #frm-VoteNow #tbd-VotingMailingList .tbd-FormButtons input.button, #frm-VoteNow .tbd-FormButtons #tbd-VotingMailingList input.button, .fcl body.str-Pageid00000025 #str-WYSIWYGContainer h2, #frm-VoteNow .tbd-FormButtons body.str-Pageid00000025 #str-WYSIWYGContainer h2, #frm-VoteNow #tbd-VotingMailingList body.str-Pageid00000025 #str-WYSIWYGContainer h2, body.str-Pageid00000025 #str-WYSIWYGContainer .fcl h2, body.str-Pageid00000025 #str-WYSIWYGContainer #frm-VoteNow .tbd-FormButtons h2, #frm-VoteNow body.str-Pageid00000025 #str-WYSIWYGContainer .tbd-FormButtons h2, body.str-Pageid00000025 #str-WYSIWYGContainer #frm-VoteNow #tbd-VotingMailingList h2, #frm-VoteNow body.str-Pageid00000025 #str-WYSIWYGContainer #tbd-VotingMailingList h2, .fcl body.str-Pageid00000029 #str-WYSIWYGContainer h2, #frm-VoteNow .tbd-FormButtons body.str-Pageid00000029 #str-WYSIWYGContainer h2, #frm-VoteNow #tbd-VotingMailingList body.str-Pageid00000029 #str-WYSIWYGContainer h2, body.str-Pageid00000029 #str-WYSIWYGContainer .fcl h2, body.str-Pageid00000029 #str-WYSIWYGContainer #frm-VoteNow .tbd-FormButtons h2, #frm-VoteNow body.str-Pageid00000029 #str-WYSIWYGContainer .tbd-FormButtons h2, body.str-Pageid00000029 #str-WYSIWYGContainer #frm-VoteNow #tbd-VotingMailingList h2, #frm-VoteNow body.str-Pageid00000029 #str-WYSIWYGContainer #tbd-VotingMailingList h2, .fcl body.str-Pageid00000037 #str-WYSIWYGContainer h2, #frm-VoteNow .tbd-FormButtons body.str-Pageid00000037 #str-WYSIWYGContainer h2, #frm-VoteNow #tbd-VotingMailingList body.str-Pageid00000037 #str-WYSIWYGContainer h2, body.str-Pageid00000037 #str-WYSIWYGContainer .fcl h2, body.str-Pageid00000037 #str-WYSIWYGContainer #frm-VoteNow .tbd-FormButtons h2, #frm-VoteNow body.str-Pageid00000037 #str-WYSIWYGContainer .tbd-FormButtons h2, body.str-Pageid00000037 #str-WYSIWYGContainer #frm-VoteNow #tbd-VotingMailingList h2, #frm-VoteNow body.str-Pageid00000037 #str-WYSIWYGContainer #tbd-VotingMailingList h2, .fcl body.str-Pageid00000048 #str-WYSIWYGContainer h2, #frm-VoteNow .tbd-FormButtons body.str-Pageid00000048 #str-WYSIWYGContainer h2, #frm-VoteNow #tbd-VotingMailingList body.str-Pageid00000048 #str-WYSIWYGContainer h2, body.str-Pageid00000048 #str-WYSIWYGContainer .fcl h2, body.str-Pageid00000048 #str-WYSIWYGContainer #frm-VoteNow .tbd-FormButtons h2, #frm-VoteNow body.str-Pageid00000048 #str-WYSIWYGContainer .tbd-FormButtons h2, body.str-Pageid00000048 #str-WYSIWYGContainer #frm-VoteNow #tbd-VotingMailingList h2, #frm-VoteNow body.str-Pageid00000048 #str-WYSIWYGContainer #tbd-VotingMailingList h2, .fcl body.str-Pageid00000053 #str-WYSIWYGContainer h2, #frm-VoteNow .tbd-FormButtons body.str-Pageid00000053 #str-WYSIWYGContainer h2, #frm-VoteNow #tbd-VotingMailingList body.str-Pageid00000053 #str-WYSIWYGContainer h2, body.str-Pageid00000053 #str-WYSIWYGContainer .fcl h2, body.str-Pageid00000053 #str-WYSIWYGContainer #frm-VoteNow .tbd-FormButtons h2, #frm-VoteNow body.str-Pageid00000053 #str-WYSIWYGContainer .tbd-FormButtons h2, body.str-Pageid00000053 #str-WYSIWYGContainer #frm-VoteNow #tbd-VotingMailingList h2, #frm-VoteNow body.str-Pageid00000053 #str-WYSIWYGContainer #tbd-VotingMailingList h2, .fcl body.str-Pageid00000055 #str-WYSIWYGContainer h2, #frm-VoteNow .tbd-FormButtons body.str-Pageid00000055 #str-WYSIWYGContainer h2, #frm-VoteNow #tbd-VotingMailingList body.str-Pageid00000055 #str-WYSIWYGContainer h2, body.str-Pageid00000055 #str-WYSIWYGContainer .fcl h2, body.str-Pageid00000055 #str-WYSIWYGContainer #frm-VoteNow .tbd-FormButtons h2, #frm-VoteNow body.str-Pageid00000055 #str-WYSIWYGContainer .tbd-FormButtons h2, body.str-Pageid00000055 #str-WYSIWYGContainer #frm-VoteNow #tbd-VotingMailingList h2, #frm-VoteNow body.str-Pageid00000055 #str-WYSIWYGContainer #tbd-VotingMailingList h2, .fcl body.str-Pageid00000059 #str-WYSIWYGContainer h2, #frm-VoteNow .tbd-FormButtons body.str-Pageid00000059 #str-WYSIWYGContainer h2, #frm-VoteNow #tbd-VotingMailingList body.str-Pageid00000059 #str-WYSIWYGContainer h2, body.str-Pageid00000059 #str-WYSIWYGContainer .fcl h2, body.str-Pageid00000059 #str-WYSIWYGContainer #frm-VoteNow .tbd-FormButtons h2, #frm-VoteNow body.str-Pageid00000059 #str-WYSIWYGContainer .tbd-FormButtons h2, body.str-Pageid00000059 #str-WYSIWYGContainer #frm-VoteNow #tbd-VotingMailingList h2, #frm-VoteNow body.str-Pageid00000059 #str-WYSIWYGContainer #tbd-VotingMailingList h2, .fcl body.str-Pageid00000060 #str-WYSIWYGContainer h2, #frm-VoteNow .tbd-FormButtons body.str-Pageid00000060 #str-WYSIWYGContainer h2, #frm-VoteNow #tbd-VotingMailingList body.str-Pageid00000060 #str-WYSIWYGContainer h2, body.str-Pageid00000060 #str-WYSIWYGContainer .fcl h2, body.str-Pageid00000060 #str-WYSIWYGContainer #frm-VoteNow .tbd-FormButtons h2, #frm-VoteNow body.str-Pageid00000060 #str-WYSIWYGContainer .tbd-FormButtons h2, body.str-Pageid00000060 #str-WYSIWYGContainer #frm-VoteNow #tbd-VotingMailingList h2, #frm-VoteNow body.str-Pageid00000060 #str-WYSIWYGContainer #tbd-VotingMailingList h2, .fcl body.str-Pageid00000064 #str-WYSIWYGContainer h2, #frm-VoteNow .tbd-FormButtons body.str-Pageid00000064 #str-WYSIWYGContainer h2, #frm-VoteNow #tbd-VotingMailingList body.str-Pageid00000064 #str-WYSIWYGContainer h2, body.str-Pageid00000064 #str-WYSIWYGContainer .fcl h2, body.str-Pageid00000064 #str-WYSIWYGContainer #frm-VoteNow .tbd-FormButtons h2, #frm-VoteNow body.str-Pageid00000064 #str-WYSIWYGContainer .tbd-FormButtons h2, body.str-Pageid00000064 #str-WYSIWYGContainer #frm-VoteNow #tbd-VotingMailingList h2, #frm-VoteNow body.str-Pageid00000064 #str-WYSIWYGContainer #tbd-VotingMailingList h2, .fcl body.str-Pageid00000068 #str-WYSIWYGContainer h2, #frm-VoteNow .tbd-FormButtons body.str-Pageid00000068 #str-WYSIWYGContainer h2, #frm-VoteNow #tbd-VotingMailingList body.str-Pageid00000068 #str-WYSIWYGContainer h2, body.str-Pageid00000068 #str-WYSIWYGContainer .fcl h2, body.str-Pageid00000068 #str-WYSIWYGContainer #frm-VoteNow .tbd-FormButtons h2, #frm-VoteNow body.str-Pageid00000068 #str-WYSIWYGContainer .tbd-FormButtons h2, body.str-Pageid00000068 #str-WYSIWYGContainer #frm-VoteNow #tbd-VotingMailingList h2, #frm-VoteNow body.str-Pageid00000068 #str-WYSIWYGContainer #tbd-VotingMailingList h2, body.str-Pageid00000025 #str-WYSIWYGContainer .c1, body.str-Pageid00000025 #str-WYSIWYGContainer #frm-VoteNow .tbd-FormButtons input.button, #frm-VoteNow .tbd-FormButtons body.str-Pageid00000025 #str-WYSIWYGContainer input.button, body.str-Pageid00000025 #str-WYSIWYGContainer h2, body.str-Pageid00000025 body.str-Pageid00000029 #str-WYSIWYGContainer h2, body.str-Pageid00000029 body.str-Pageid00000025 #str-WYSIWYGContainer h2, body.str-Pageid00000025 body.str-Pageid00000037 #str-WYSIWYGContainer h2, body.str-Pageid00000037 body.str-Pageid00000025 #str-WYSIWYGContainer h2, body.str-Pageid00000025 body.str-Pageid00000048 #str-WYSIWYGContainer h2, body.str-Pageid00000048 body.str-Pageid00000025 #str-WYSIWYGContainer h2, body.str-Pageid00000025 body.str-Pageid00000053 #str-WYSIWYGContainer h2, body.str-Pageid00000053 body.str-Pageid00000025 #str-WYSIWYGContainer h2, body.str-Pageid00000025 body.str-Pageid00000055 #str-WYSIWYGContainer h2, body.str-Pageid00000055 body.str-Pageid00000025 #str-WYSIWYGContainer h2, body.str-Pageid00000025 body.str-Pageid00000059 #str-WYSIWYGContainer h2, body.str-Pageid00000059 body.str-Pageid00000025 #str-WYSIWYGContainer h2, body.str-Pageid00000025 body.str-Pageid00000060 #str-WYSIWYGContainer h2, body.str-Pageid00000060 body.str-Pageid00000025 #str-WYSIWYGContainer h2, body.str-Pageid00000025 body.str-Pageid00000064 #str-WYSIWYGContainer h2, body.str-Pageid00000064 body.str-Pageid00000025 #str-WYSIWYGContainer h2, body.str-Pageid00000025 body.str-Pageid00000068 #str-WYSIWYGContainer h2, body.str-Pageid00000068 body.str-Pageid00000025 #str-WYSIWYGContainer h2, body.str-Pageid00000029 #str-WYSIWYGContainer .c1, body.str-Pageid00000029 #str-WYSIWYGContainer #frm-VoteNow .tbd-FormButtons input.button, #frm-VoteNow .tbd-FormButtons body.str-Pageid00000029 #str-WYSIWYGContainer input.button, body.str-Pageid00000029 body.str-Pageid00000025 #str-WYSIWYGContainer h2, body.str-Pageid00000025 body.str-Pageid00000029 #str-WYSIWYGContainer h2, body.str-Pageid00000029 #str-WYSIWYGContainer h2, body.str-Pageid00000029 body.str-Pageid00000037 #str-WYSIWYGContainer h2, body.str-Pageid00000037 body.str-Pageid00000029 #str-WYSIWYGContainer h2, body.str-Pageid00000029 body.str-Pageid00000048 #str-WYSIWYGContainer h2, body.str-Pageid00000048 body.str-Pageid00000029 #str-WYSIWYGContainer h2, body.str-Pageid00000029 body.str-Pageid00000053 #str-WYSIWYGContainer h2, body.str-Pageid00000053 body.str-Pageid00000029 #str-WYSIWYGContainer h2, body.str-Pageid00000029 body.str-Pageid00000055 #str-WYSIWYGContainer h2, body.str-Pageid00000055 body.str-Pageid00000029 #str-WYSIWYGContainer h2, body.str-Pageid00000029 body.str-Pageid00000059 #str-WYSIWYGContainer h2, body.str-Pageid00000059 body.str-Pageid00000029 #str-WYSIWYGContainer h2, body.str-Pageid00000029 body.str-Pageid00000060 #str-WYSIWYGContainer h2, body.str-Pageid00000060 body.str-Pageid00000029 #str-WYSIWYGContainer h2, body.str-Pageid00000029 body.str-Pageid00000064 #str-WYSIWYGContainer h2, body.str-Pageid00000064 body.str-Pageid00000029 #str-WYSIWYGContainer h2, body.str-Pageid00000029 body.str-Pageid00000068 #str-WYSIWYGContainer h2, body.str-Pageid00000068 body.str-Pageid00000029 #str-WYSIWYGContainer h2, body.str-Pageid00000037 #str-WYSIWYGContainer .c1, body.str-Pageid00000037 #str-WYSIWYGContainer #frm-VoteNow .tbd-FormButtons input.button, #frm-VoteNow .tbd-FormButtons body.str-Pageid00000037 #str-WYSIWYGContainer input.button, body.str-Pageid00000037 body.str-Pageid00000025 #str-WYSIWYGContainer h2, body.str-Pageid00000025 body.str-Pageid00000037 #str-WYSIWYGContainer h2, body.str-Pageid00000037 body.str-Pageid00000029 #str-WYSIWYGContainer h2, body.str-Pageid00000029 body.str-Pageid00000037 #str-WYSIWYGContainer h2, body.str-Pageid00000037 #str-WYSIWYGContainer h2, body.str-Pageid00000037 body.str-Pageid00000048 #str-WYSIWYGContainer h2, body.str-Pageid00000048 body.str-Pageid00000037 #str-WYSIWYGContainer h2, body.str-Pageid00000037 body.str-Pageid00000053 #str-WYSIWYGContainer h2, body.str-Pageid00000053 body.str-Pageid00000037 #str-WYSIWYGContainer h2, body.str-Pageid00000037 body.str-Pageid00000055 #str-WYSIWYGContainer h2, body.str-Pageid00000055 body.str-Pageid00000037 #str-WYSIWYGContainer h2, body.str-Pageid00000037 body.str-Pageid00000059 #str-WYSIWYGContainer h2, body.str-Pageid00000059 body.str-Pageid00000037 #str-WYSIWYGContainer h2, body.str-Pageid00000037 body.str-Pageid00000060 #str-WYSIWYGContainer h2, body.str-Pageid00000060 body.str-Pageid00000037 #str-WYSIWYGContainer h2, body.str-Pageid00000037 body.str-Pageid00000064 #str-WYSIWYGContainer h2, body.str-Pageid00000064 body.str-Pageid00000037 #str-WYSIWYGContainer h2, body.str-Pageid00000037 body.str-Pageid00000068 #str-WYSIWYGContainer h2, body.str-Pageid00000068 body.str-Pageid00000037 #str-WYSIWYGContainer h2, body.str-Pageid00000048 #str-WYSIWYGContainer .c1, body.str-Pageid00000048 #str-WYSIWYGContainer #frm-VoteNow .tbd-FormButtons input.button, #frm-VoteNow .tbd-FormButtons body.str-Pageid00000048 #str-WYSIWYGContainer input.button, body.str-Pageid00000048 body.str-Pageid00000025 #str-WYSIWYGContainer h2, body.str-Pageid00000025 body.str-Pageid00000048 #str-WYSIWYGContainer h2, body.str-Pageid00000048 body.str-Pageid00000029 #str-WYSIWYGContainer h2, body.str-Pageid00000029 body.str-Pageid00000048 #str-WYSIWYGContainer h2, body.str-Pageid00000048 body.str-Pageid00000037 #str-WYSIWYGContainer h2, body.str-Pageid00000037 body.str-Pageid00000048 #str-WYSIWYGContainer h2, body.str-Pageid00000048 #str-WYSIWYGContainer h2, body.str-Pageid00000048 body.str-Pageid00000053 #str-WYSIWYGContainer h2, body.str-Pageid00000053 body.str-Pageid00000048 #str-WYSIWYGContainer h2, body.str-Pageid00000048 body.str-Pageid00000055 #str-WYSIWYGContainer h2, body.str-Pageid00000055 body.str-Pageid00000048 #str-WYSIWYGContainer h2, body.str-Pageid00000048 body.str-Pageid00000059 #str-WYSIWYGContainer h2, body.str-Pageid00000059 body.str-Pageid00000048 #str-WYSIWYGContainer h2, body.str-Pageid00000048 body.str-Pageid00000060 #str-WYSIWYGContainer h2, body.str-Pageid00000060 body.str-Pageid00000048 #str-WYSIWYGContainer h2, body.str-Pageid00000048 body.str-Pageid00000064 #str-WYSIWYGContainer h2, body.str-Pageid00000064 body.str-Pageid00000048 #str-WYSIWYGContainer h2, body.str-Pageid00000048 body.str-Pageid00000068 #str-WYSIWYGContainer h2, body.str-Pageid00000068 body.str-Pageid00000048 #str-WYSIWYGContainer h2, body.str-Pageid00000053 #str-WYSIWYGContainer .c1, body.str-Pageid00000053 #str-WYSIWYGContainer #frm-VoteNow .tbd-FormButtons input.button, #frm-VoteNow .tbd-FormButtons body.str-Pageid00000053 #str-WYSIWYGContainer input.button, body.str-Pageid00000053 body.str-Pageid00000025 #str-WYSIWYGContainer h2, body.str-Pageid00000025 body.str-Pageid00000053 #str-WYSIWYGContainer h2, body.str-Pageid00000053 body.str-Pageid00000029 #str-WYSIWYGContainer h2, body.str-Pageid00000029 body.str-Pageid00000053 #str-WYSIWYGContainer h2, body.str-Pageid00000053 body.str-Pageid00000037 #str-WYSIWYGContainer h2, body.str-Pageid00000037 body.str-Pageid00000053 #str-WYSIWYGContainer h2, body.str-Pageid00000053 body.str-Pageid00000048 #str-WYSIWYGContainer h2, body.str-Pageid00000048 body.str-Pageid00000053 #str-WYSIWYGContainer h2, body.str-Pageid00000053 #str-WYSIWYGContainer h2, body.str-Pageid00000053 body.str-Pageid00000055 #str-WYSIWYGContainer h2, body.str-Pageid00000055 body.str-Pageid00000053 #str-WYSIWYGContainer h2, body.str-Pageid00000053 body.str-Pageid00000059 #str-WYSIWYGContainer h2, body.str-Pageid00000059 body.str-Pageid00000053 #str-WYSIWYGContainer h2, body.str-Pageid00000053 body.str-Pageid00000060 #str-WYSIWYGContainer h2, body.str-Pageid00000060 body.str-Pageid00000053 #str-WYSIWYGContainer h2, body.str-Pageid00000053 body.str-Pageid00000064 #str-WYSIWYGContainer h2, body.str-Pageid00000064 body.str-Pageid00000053 #str-WYSIWYGContainer h2, body.str-Pageid00000053 body.str-Pageid00000068 #str-WYSIWYGContainer h2, body.str-Pageid00000068 body.str-Pageid00000053 #str-WYSIWYGContainer h2, body.str-Pageid00000055 #str-WYSIWYGContainer .c1, body.str-Pageid00000055 #str-WYSIWYGContainer #frm-VoteNow .tbd-FormButtons input.button, #frm-VoteNow .tbd-FormButtons body.str-Pageid00000055 #str-WYSIWYGContainer input.button, body.str-Pageid00000055 body.str-Pageid00000025 #str-WYSIWYGContainer h2, body.str-Pageid00000025 body.str-Pageid00000055 #str-WYSIWYGContainer h2, body.str-Pageid00000055 body.str-Pageid00000029 #str-WYSIWYGContainer h2, body.str-Pageid00000029 body.str-Pageid00000055 #str-WYSIWYGContainer h2, body.str-Pageid00000055 body.str-Pageid00000037 #str-WYSIWYGContainer h2, body.str-Pageid00000037 body.str-Pageid00000055 #str-WYSIWYGContainer h2, body.str-Pageid00000055 body.str-Pageid00000048 #str-WYSIWYGContainer h2, body.str-Pageid00000048 body.str-Pageid00000055 #str-WYSIWYGContainer h2, body.str-Pageid00000055 body.str-Pageid00000053 #str-WYSIWYGContainer h2, body.str-Pageid00000053 body.str-Pageid00000055 #str-WYSIWYGContainer h2, body.str-Pageid00000055 #str-WYSIWYGContainer h2, body.str-Pageid00000055 body.str-Pageid00000059 #str-WYSIWYGContainer h2, body.str-Pageid00000059 body.str-Pageid00000055 #str-WYSIWYGContainer h2, body.str-Pageid00000055 body.str-Pageid00000060 #str-WYSIWYGContainer h2, body.str-Pageid00000060 body.str-Pageid00000055 #str-WYSIWYGContainer h2, body.str-Pageid00000055 body.str-Pageid00000064 #str-WYSIWYGContainer h2, body.str-Pageid00000064 body.str-Pageid00000055 #str-WYSIWYGContainer h2, body.str-Pageid00000055 body.str-Pageid00000068 #str-WYSIWYGContainer h2, body.str-Pageid00000068 body.str-Pageid00000055 #str-WYSIWYGContainer h2, body.str-Pageid00000059 #str-WYSIWYGContainer .c1, body.str-Pageid00000059 #str-WYSIWYGContainer #frm-VoteNow .tbd-FormButtons input.button, #frm-VoteNow .tbd-FormButtons body.str-Pageid00000059 #str-WYSIWYGContainer input.button, body.str-Pageid00000059 body.str-Pageid00000025 #str-WYSIWYGContainer h2, body.str-Pageid00000025 body.str-Pageid00000059 #str-WYSIWYGContainer h2, body.str-Pageid00000059 body.str-Pageid00000029 #str-WYSIWYGContainer h2, body.str-Pageid00000029 body.str-Pageid00000059 #str-WYSIWYGContainer h2, body.str-Pageid00000059 body.str-Pageid00000037 #str-WYSIWYGContainer h2, body.str-Pageid00000037 body.str-Pageid00000059 #str-WYSIWYGContainer h2, body.str-Pageid00000059 body.str-Pageid00000048 #str-WYSIWYGContainer h2, body.str-Pageid00000048 body.str-Pageid00000059 #str-WYSIWYGContainer h2, body.str-Pageid00000059 body.str-Pageid00000053 #str-WYSIWYGContainer h2, body.str-Pageid00000053 body.str-Pageid00000059 #str-WYSIWYGContainer h2, body.str-Pageid00000059 body.str-Pageid00000055 #str-WYSIWYGContainer h2, body.str-Pageid00000055 body.str-Pageid00000059 #str-WYSIWYGContainer h2, body.str-Pageid00000059 #str-WYSIWYGContainer h2, body.str-Pageid00000059 body.str-Pageid00000060 #str-WYSIWYGContainer h2, body.str-Pageid00000060 body.str-Pageid00000059 #str-WYSIWYGContainer h2, body.str-Pageid00000059 body.str-Pageid00000064 #str-WYSIWYGContainer h2, body.str-Pageid00000064 body.str-Pageid00000059 #str-WYSIWYGContainer h2, body.str-Pageid00000059 body.str-Pageid00000068 #str-WYSIWYGContainer h2, body.str-Pageid00000068 body.str-Pageid00000059 #str-WYSIWYGContainer h2, body.str-Pageid00000060 #str-WYSIWYGContainer .c1, body.str-Pageid00000060 #str-WYSIWYGContainer #frm-VoteNow .tbd-FormButtons input.button, #frm-VoteNow .tbd-FormButtons body.str-Pageid00000060 #str-WYSIWYGContainer input.button, body.str-Pageid00000060 body.str-Pageid00000025 #str-WYSIWYGContainer h2, body.str-Pageid00000025 body.str-Pageid00000060 #str-WYSIWYGContainer h2, body.str-Pageid00000060 body.str-Pageid00000029 #str-WYSIWYGContainer h2, body.str-Pageid00000029 body.str-Pageid00000060 #str-WYSIWYGContainer h2, body.str-Pageid00000060 body.str-Pageid00000037 #str-WYSIWYGContainer h2, body.str-Pageid00000037 body.str-Pageid00000060 #str-WYSIWYGContainer h2, body.str-Pageid00000060 body.str-Pageid00000048 #str-WYSIWYGContainer h2, body.str-Pageid00000048 body.str-Pageid00000060 #str-WYSIWYGContainer h2, body.str-Pageid00000060 body.str-Pageid00000053 #str-WYSIWYGContainer h2, body.str-Pageid00000053 body.str-Pageid00000060 #str-WYSIWYGContainer h2, body.str-Pageid00000060 body.str-Pageid00000055 #str-WYSIWYGContainer h2, body.str-Pageid00000055 body.str-Pageid00000060 #str-WYSIWYGContainer h2, body.str-Pageid00000060 body.str-Pageid00000059 #str-WYSIWYGContainer h2, body.str-Pageid00000059 body.str-Pageid00000060 #str-WYSIWYGContainer h2, body.str-Pageid00000060 #str-WYSIWYGContainer h2, body.str-Pageid00000060 body.str-Pageid00000064 #str-WYSIWYGContainer h2, body.str-Pageid00000064 body.str-Pageid00000060 #str-WYSIWYGContainer h2, body.str-Pageid00000060 body.str-Pageid00000068 #str-WYSIWYGContainer h2, body.str-Pageid00000068 body.str-Pageid00000060 #str-WYSIWYGContainer h2, body.str-Pageid00000064 #str-WYSIWYGContainer .c1, body.str-Pageid00000064 #str-WYSIWYGContainer #frm-VoteNow .tbd-FormButtons input.button, #frm-VoteNow .tbd-FormButtons body.str-Pageid00000064 #str-WYSIWYGContainer input.button, body.str-Pageid00000064 body.str-Pageid00000025 #str-WYSIWYGContainer h2, body.str-Pageid00000025 body.str-Pageid00000064 #str-WYSIWYGContainer h2, body.str-Pageid00000064 body.str-Pageid00000029 #str-WYSIWYGContainer h2, body.str-Pageid00000029 body.str-Pageid00000064 #str-WYSIWYGContainer h2, body.str-Pageid00000064 body.str-Pageid00000037 #str-WYSIWYGContainer h2, body.str-Pageid00000037 body.str-Pageid00000064 #str-WYSIWYGContainer h2, body.str-Pageid00000064 body.str-Pageid00000048 #str-WYSIWYGContainer h2, body.str-Pageid00000048 body.str-Pageid00000064 #str-WYSIWYGContainer h2, body.str-Pageid00000064 body.str-Pageid00000053 #str-WYSIWYGContainer h2, body.str-Pageid00000053 body.str-Pageid00000064 #str-WYSIWYGContainer h2, body.str-Pageid00000064 body.str-Pageid00000055 #str-WYSIWYGContainer h2, body.str-Pageid00000055 body.str-Pageid00000064 #str-WYSIWYGContainer h2, body.str-Pageid00000064 body.str-Pageid00000059 #str-WYSIWYGContainer h2, body.str-Pageid00000059 body.str-Pageid00000064 #str-WYSIWYGContainer h2, body.str-Pageid00000064 body.str-Pageid00000060 #str-WYSIWYGContainer h2, body.str-Pageid00000060 body.str-Pageid00000064 #str-WYSIWYGContainer h2, body.str-Pageid00000064 #str-WYSIWYGContainer h2, body.str-Pageid00000064 body.str-Pageid00000068 #str-WYSIWYGContainer h2, body.str-Pageid00000068 body.str-Pageid00000064 #str-WYSIWYGContainer h2, body.str-Pageid00000068 #str-WYSIWYGContainer .c1, body.str-Pageid00000068 #str-WYSIWYGContainer #frm-VoteNow .tbd-FormButtons input.button, #frm-VoteNow .tbd-FormButtons body.str-Pageid00000068 #str-WYSIWYGContainer input.button, body.str-Pageid00000068 body.str-Pageid00000025 #str-WYSIWYGContainer h2, body.str-Pageid00000025 body.str-Pageid00000068 #str-WYSIWYGContainer h2, body.str-Pageid00000068 body.str-Pageid00000029 #str-WYSIWYGContainer h2, body.str-Pageid00000029 body.str-Pageid00000068 #str-WYSIWYGContainer h2, body.str-Pageid00000068 body.str-Pageid00000037 #str-WYSIWYGContainer h2, body.str-Pageid00000037 body.str-Pageid00000068 #str-WYSIWYGContainer h2, body.str-Pageid00000068 body.str-Pageid00000048 #str-WYSIWYGContainer h2, body.str-Pageid00000048 body.str-Pageid00000068 #str-WYSIWYGContainer h2, body.str-Pageid00000068 body.str-Pageid00000053 #str-WYSIWYGContainer h2, body.str-Pageid00000053 body.str-Pageid00000068 #str-WYSIWYGContainer h2, body.str-Pageid00000068 body.str-Pageid00000055 #str-WYSIWYGContainer h2, body.str-Pageid00000055 body.str-Pageid00000068 #str-WYSIWYGContainer h2, body.str-Pageid00000068 body.str-Pageid00000059 #str-WYSIWYGContainer h2, body.str-Pageid00000059 body.str-Pageid00000068 #str-WYSIWYGContainer h2, body.str-Pageid00000068 body.str-Pageid00000060 #str-WYSIWYGContainer h2, body.str-Pageid00000060 body.str-Pageid00000068 #str-WYSIWYGContainer h2, body.str-Pageid00000068 body.str-Pageid00000064 #str-WYSIWYGContainer h2, body.str-Pageid00000064 body.str-Pageid00000068 #str-WYSIWYGContainer h2, body.str-Pageid00000068 #str-WYSIWYGContainer h2, .fch .c2, .fcl .c2, #frm-VoteNow .tbd-FormButtons .c2, #frm-VoteNow #tbd-VotingMailingList .c2, body.str-Pageid00000025 #str-WYSIWYGContainer .c2, body.str-Pageid00000029 #str-WYSIWYGContainer .c2, body.str-Pageid00000037 #str-WYSIWYGContainer .c2, body.str-Pageid00000048 #str-WYSIWYGContainer .c2, body.str-Pageid00000053 #str-WYSIWYGContainer .c2, body.str-Pageid00000055 #str-WYSIWYGContainer .c2, body.str-Pageid00000059 #str-WYSIWYGContainer .c2, body.str-Pageid00000060 #str-WYSIWYGContainer .c2, body.str-Pageid00000064 #str-WYSIWYGContainer .c2, body.str-Pageid00000068 #str-WYSIWYGContainer .c2, .fch .c3, .fcl .c3, #frm-VoteNow .tbd-FormButtons .c3, #frm-VoteNow #tbd-VotingMailingList .c3, body.str-Pageid00000025 #str-WYSIWYGContainer .c3, body.str-Pageid00000029 #str-WYSIWYGContainer .c3, body.str-Pageid00000037 #str-WYSIWYGContainer .c3, body.str-Pageid00000048 #str-WYSIWYGContainer .c3, body.str-Pageid00000053 #str-WYSIWYGContainer .c3, body.str-Pageid00000055 #str-WYSIWYGContainer .c3, body.str-Pageid00000059 #str-WYSIWYGContainer .c3, body.str-Pageid00000060 #str-WYSIWYGContainer .c3, body.str-Pageid00000064 #str-WYSIWYGContainer .c3, body.str-Pageid00000068 #str-WYSIWYGContainer .c3, .fch .c32, .fch #frm-VoteNow #tbd-VotingMailingList .tdl, #frm-VoteNow #tbd-VotingMailingList .fch .tdl, .fcl .c32, #frm-VoteNow .tbd-FormButtons .c32, .fcl #frm-VoteNow #tbd-VotingMailingList .tdl, #frm-VoteNow .tbd-FormButtons #frm-VoteNow #tbd-VotingMailingList .tdl, #frm-VoteNow #tbd-VotingMailingList .fcl .tdl, #frm-VoteNow #tbd-VotingMailingList .tbd-FormButtons .tdl, #frm-VoteNow #tbd-VotingMailingList .c32, #frm-VoteNow #tbd-VotingMailingList .tdl, body.str-Pageid00000025 #str-WYSIWYGContainer .c32, body.str-Pageid00000025 #str-WYSIWYGContainer #frm-VoteNow #tbd-VotingMailingList .tdl, #frm-VoteNow #tbd-VotingMailingList body.str-Pageid00000025 #str-WYSIWYGContainer .tdl, body.str-Pageid00000029 #str-WYSIWYGContainer .c32, body.str-Pageid00000029 #str-WYSIWYGContainer #frm-VoteNow #tbd-VotingMailingList .tdl, #frm-VoteNow #tbd-VotingMailingList body.str-Pageid00000029 #str-WYSIWYGContainer .tdl, body.str-Pageid00000037 #str-WYSIWYGContainer .c32, body.str-Pageid00000037 #str-WYSIWYGContainer #frm-VoteNow #tbd-VotingMailingList .tdl, #frm-VoteNow #tbd-VotingMailingList body.str-Pageid00000037 #str-WYSIWYGContainer .tdl, body.str-Pageid00000048 #str-WYSIWYGContainer .c32, body.str-Pageid00000048 #str-WYSIWYGContainer #frm-VoteNow #tbd-VotingMailingList .tdl, #frm-VoteNow #tbd-VotingMailingList body.str-Pageid00000048 #str-WYSIWYGContainer .tdl, body.str-Pageid00000053 #str-WYSIWYGContainer .c32, body.str-Pageid00000053 #str-WYSIWYGContainer #frm-VoteNow #tbd-VotingMailingList .tdl, #frm-VoteNow #tbd-VotingMailingList body.str-Pageid00000053 #str-WYSIWYGContainer .tdl, body.str-Pageid00000055 #str-WYSIWYGContainer .c32, body.str-Pageid00000055 #str-WYSIWYGContainer #frm-VoteNow #tbd-VotingMailingList .tdl, #frm-VoteNow #tbd-VotingMailingList body.str-Pageid00000055 #str-WYSIWYGContainer .tdl, body.str-Pageid00000059 #str-WYSIWYGContainer .c32, body.str-Pageid00000059 #str-WYSIWYGContainer #frm-VoteNow #tbd-VotingMailingList .tdl, #frm-VoteNow #tbd-VotingMailingList body.str-Pageid00000059 #str-WYSIWYGContainer .tdl, body.str-Pageid00000060 #str-WYSIWYGContainer .c32, body.str-Pageid00000060 #str-WYSIWYGContainer #frm-VoteNow #tbd-VotingMailingList .tdl, #frm-VoteNow #tbd-VotingMailingList body.str-Pageid00000060 #str-WYSIWYGContainer .tdl, body.str-Pageid00000064 #str-WYSIWYGContainer .c32, body.str-Pageid00000064 #str-WYSIWYGContainer #frm-VoteNow #tbd-VotingMailingList .tdl, #frm-VoteNow #tbd-VotingMailingList body.str-Pageid00000064 #str-WYSIWYGContainer .tdl, body.str-Pageid00000068 #str-WYSIWYGContainer .c32, body.str-Pageid00000068 #str-WYSIWYGContainer #frm-VoteNow #tbd-VotingMailingList .tdl, #frm-VoteNow #tbd-VotingMailingList body.str-Pageid00000068 #str-WYSIWYGContainer .tdl, .fch .c33, .fch #frm-VoteNow #tbd-VotingMailingList .tdr, #frm-VoteNow #tbd-VotingMailingList .fch .tdr, .fcl .c33, #frm-VoteNow .tbd-FormButtons .c33, .fcl #frm-VoteNow #tbd-VotingMailingList .tdr, #frm-VoteNow .tbd-FormButtons #frm-VoteNow #tbd-VotingMailingList .tdr, #frm-VoteNow #tbd-VotingMailingList .fcl .tdr, #frm-VoteNow #tbd-VotingMailingList .tbd-FormButtons .tdr, #frm-VoteNow #tbd-VotingMailingList .c33, #frm-VoteNow #tbd-VotingMailingList .tdr, body.str-Pageid00000025 #str-WYSIWYGContainer .c33, body.str-Pageid00000025 #str-WYSIWYGContainer #frm-VoteNow #tbd-VotingMailingList .tdr, #frm-VoteNow #tbd-VotingMailingList body.str-Pageid00000025 #str-WYSIWYGContainer .tdr, body.str-Pageid00000029 #str-WYSIWYGContainer .c33, body.str-Pageid00000029 #str-WYSIWYGContainer #frm-VoteNow #tbd-VotingMailingList .tdr, #frm-VoteNow #tbd-VotingMailingList body.str-Pageid00000029 #str-WYSIWYGContainer .tdr, body.str-Pageid00000037 #str-WYSIWYGContainer .c33, body.str-Pageid00000037 #str-WYSIWYGContainer #frm-VoteNow #tbd-VotingMailingList .tdr, #frm-VoteNow #tbd-VotingMailingList body.str-Pageid00000037 #str-WYSIWYGContainer .tdr, body.str-Pageid00000048 #str-WYSIWYGContainer .c33, body.str-Pageid00000048 #str-WYSIWYGContainer #frm-VoteNow #tbd-VotingMailingList .tdr, #frm-VoteNow #tbd-VotingMailingList body.str-Pageid00000048 #str-WYSIWYGContainer .tdr, body.str-Pageid00000053 #str-WYSIWYGContainer .c33, body.str-Pageid00000053 #str-WYSIWYGContainer #frm-VoteNow #tbd-VotingMailingList .tdr, #frm-VoteNow #tbd-VotingMailingList body.str-Pageid00000053 #str-WYSIWYGContainer .tdr, body.str-Pageid00000055 #str-WYSIWYGContainer .c33, body.str-Pageid00000055 #str-WYSIWYGContainer #frm-VoteNow #tbd-VotingMailingList .tdr, #frm-VoteNow #tbd-VotingMailingList body.str-Pageid00000055 #str-WYSIWYGContainer .tdr, body.str-Pageid00000059 #str-WYSIWYGContainer .c33, body.str-Pageid00000059 #str-WYSIWYGContainer #frm-VoteNow #tbd-VotingMailingList .tdr, #frm-VoteNow #tbd-VotingMailingList body.str-Pageid00000059 #str-WYSIWYGContainer .tdr, body.str-Pageid00000060 #str-WYSIWYGContainer .c33, body.str-Pageid00000060 #str-WYSIWYGContainer #frm-VoteNow #tbd-VotingMailingList .tdr, #frm-VoteNow #tbd-VotingMailingList body.str-Pageid00000060 #str-WYSIWYGContainer .tdr, body.str-Pageid00000064 #str-WYSIWYGContainer .c33, body.str-Pageid00000064 #str-WYSIWYGContainer #frm-VoteNow #tbd-VotingMailingList .tdr, #frm-VoteNow #tbd-VotingMailingList body.str-Pageid00000064 #str-WYSIWYGContainer .tdr, body.str-Pageid00000068 #str-WYSIWYGContainer .c33, body.str-Pageid00000068 #str-WYSIWYGContainer #frm-VoteNow #tbd-VotingMailingList .tdr, #frm-VoteNow #tbd-VotingMailingList body.str-Pageid00000068 #str-WYSIWYGContainer .tdr, .fch .c4, .fcl .c4, #frm-VoteNow .tbd-FormButtons .c4, #frm-VoteNow #tbd-VotingMailingList .c4, body.str-Pageid00000025 #str-WYSIWYGContainer .c4, body.str-Pageid00000029 #str-WYSIWYGContainer .c4, body.str-Pageid00000037 #str-WYSIWYGContainer .c4, body.str-Pageid00000048 #str-WYSIWYGContainer .c4, body.str-Pageid00000053 #str-WYSIWYGContainer .c4, body.str-Pageid00000055 #str-WYSIWYGContainer .c4, body.str-Pageid00000059 #str-WYSIWYGContainer .c4, body.str-Pageid00000060 #str-WYSIWYGContainer .c4, body.str-Pageid00000064 #str-WYSIWYGContainer .c4, body.str-Pageid00000068 #str-WYSIWYGContainer .c4, .fch .c43, .fcl .c43, #frm-VoteNow .tbd-FormButtons .c43, #frm-VoteNow #tbd-VotingMailingList .c43, body.str-Pageid00000025 #str-WYSIWYGContainer .c43, body.str-Pageid00000029 #str-WYSIWYGContainer .c43, body.str-Pageid00000037 #str-WYSIWYGContainer .c43, body.str-Pageid00000048 #str-WYSIWYGContainer .c43, body.str-Pageid00000053 #str-WYSIWYGContainer .c43, body.str-Pageid00000055 #str-WYSIWYGContainer .c43, body.str-Pageid00000059 #str-WYSIWYGContainer .c43, body.str-Pageid00000060 #str-WYSIWYGContainer .c43, body.str-Pageid00000064 #str-WYSIWYGContainer .c43, body.str-Pageid00000068 #str-WYSIWYGContainer .c43, .fch .c44, .fcl .c44, #frm-VoteNow .tbd-FormButtons .c44, #frm-VoteNow #tbd-VotingMailingList .c44, body.str-Pageid00000025 #str-WYSIWYGContainer .c44, body.str-Pageid00000029 #str-WYSIWYGContainer .c44, body.str-Pageid00000037 #str-WYSIWYGContainer .c44, body.str-Pageid00000048 #str-WYSIWYGContainer .c44, body.str-Pageid00000053 #str-WYSIWYGContainer .c44, body.str-Pageid00000055 #str-WYSIWYGContainer .c44, body.str-Pageid00000059 #str-WYSIWYGContainer .c44, body.str-Pageid00000060 #str-WYSIWYGContainer .c44, body.str-Pageid00000064 #str-WYSIWYGContainer .c44, body.str-Pageid00000068 #str-WYSIWYGContainer .c44, .fch .c5, .fcl .c5, #frm-VoteNow .tbd-FormButtons .c5, #frm-VoteNow #tbd-VotingMailingList .c5, body.str-Pageid00000025 #str-WYSIWYGContainer .c5, body.str-Pageid00000029 #str-WYSIWYGContainer .c5, body.str-Pageid00000037 #str-WYSIWYGContainer .c5, body.str-Pageid00000048 #str-WYSIWYGContainer .c5, body.str-Pageid00000053 #str-WYSIWYGContainer .c5, body.str-Pageid00000055 #str-WYSIWYGContainer .c5, body.str-Pageid00000059 #str-WYSIWYGContainer .c5, body.str-Pageid00000060 #str-WYSIWYGContainer .c5, body.str-Pageid00000064 #str-WYSIWYGContainer .c5, body.str-Pageid00000068 #str-WYSIWYGContainer .c5, .fch .c54, .fcl .c54, #frm-VoteNow .tbd-FormButtons .c54, #frm-VoteNow #tbd-VotingMailingList .c54, body.str-Pageid00000025 #str-WYSIWYGContainer .c54, body.str-Pageid00000029 #str-WYSIWYGContainer .c54, body.str-Pageid00000037 #str-WYSIWYGContainer .c54, body.str-Pageid00000048 #str-WYSIWYGContainer .c54, body.str-Pageid00000053 #str-WYSIWYGContainer .c54, body.str-Pageid00000055 #str-WYSIWYGContainer .c54, body.str-Pageid00000059 #str-WYSIWYGContainer .c54, body.str-Pageid00000060 #str-WYSIWYGContainer .c54, body.str-Pageid00000064 #str-WYSIWYGContainer .c54, body.str-Pageid00000068 #str-WYSIWYGContainer .c54, .fch .c55, .fcl .c55, #frm-VoteNow .tbd-FormButtons .c55, #frm-VoteNow #tbd-VotingMailingList .c55, body.str-Pageid00000025 #str-WYSIWYGContainer .c55, body.str-Pageid00000029 #str-WYSIWYGContainer .c55, body.str-Pageid00000037 #str-WYSIWYGContainer .c55, body.str-Pageid00000048 #str-WYSIWYGContainer .c55, body.str-Pageid00000053 #str-WYSIWYGContainer .c55, body.str-Pageid00000055 #str-WYSIWYGContainer .c55, body.str-Pageid00000059 #str-WYSIWYGContainer .c55, body.str-Pageid00000060 #str-WYSIWYGContainer .c55, body.str-Pageid00000064 #str-WYSIWYGContainer .c55, body.str-Pageid00000068 #str-WYSIWYGContainer .c55, .fch .c6, .fcl .c6, #frm-VoteNow .tbd-FormButtons .c6, #frm-VoteNow #tbd-VotingMailingList .c6, body.str-Pageid00000025 #str-WYSIWYGContainer .c6, body.str-Pageid00000029 #str-WYSIWYGContainer .c6, body.str-Pageid00000037 #str-WYSIWYGContainer .c6, body.str-Pageid00000048 #str-WYSIWYGContainer .c6, body.str-Pageid00000053 #str-WYSIWYGContainer .c6, body.str-Pageid00000055 #str-WYSIWYGContainer .c6, body.str-Pageid00000059 #str-WYSIWYGContainer .c6, body.str-Pageid00000060 #str-WYSIWYGContainer .c6, body.str-Pageid00000064 #str-WYSIWYGContainer .c6, body.str-Pageid00000068 #str-WYSIWYGContainer .c6, .fch .c8, .fcl .c8, #frm-VoteNow .tbd-FormButtons .c8, #frm-VoteNow #tbd-VotingMailingList .c8, body.str-Pageid00000025 #str-WYSIWYGContainer .c8, body.str-Pageid00000029 #str-WYSIWYGContainer .c8, body.str-Pageid00000037 #str-WYSIWYGContainer .c8, body.str-Pageid00000048 #str-WYSIWYGContainer .c8, body.str-Pageid00000053 #str-WYSIWYGContainer .c8, body.str-Pageid00000055 #str-WYSIWYGContainer .c8, body.str-Pageid00000059 #str-WYSIWYGContainer .c8, body.str-Pageid00000060 #str-WYSIWYGContainer .c8, body.str-Pageid00000064 #str-WYSIWYGContainer .c8, body.str-Pageid00000068 #str-WYSIWYGContainer .c8, .fch .c10, .fcl .c10, #frm-VoteNow .tbd-FormButtons .c10, #frm-VoteNow #tbd-VotingMailingList .c10, body.str-Pageid00000025 #str-WYSIWYGContainer .c10, body.str-Pageid00000029 #str-WYSIWYGContainer .c10, body.str-Pageid00000037 #str-WYSIWYGContainer .c10, body.str-Pageid00000048 #str-WYSIWYGContainer .c10, body.str-Pageid00000053 #str-WYSIWYGContainer .c10, body.str-Pageid00000055 #str-WYSIWYGContainer .c10, body.str-Pageid00000059 #str-WYSIWYGContainer .c10, body.str-Pageid00000060 #str-WYSIWYGContainer .c10, body.str-Pageid00000064 #str-WYSIWYGContainer .c10, body.str-Pageid00000068 #str-WYSIWYGContainer .c10, .fch .c12, .fcl .c12, #frm-VoteNow .tbd-FormButtons .c12, #frm-VoteNow #tbd-VotingMailingList .c12, body.str-Pageid00000025 #str-WYSIWYGContainer .c12, body.str-Pageid00000029 #str-WYSIWYGContainer .c12, body.str-Pageid00000037 #str-WYSIWYGContainer .c12, body.str-Pageid00000048 #str-WYSIWYGContainer .c12, body.str-Pageid00000053 #str-WYSIWYGContainer .c12, body.str-Pageid00000055 #str-WYSIWYGContainer .c12, body.str-Pageid00000059 #str-WYSIWYGContainer .c12, body.str-Pageid00000060 #str-WYSIWYGContainer .c12, body.str-Pageid00000064 #str-WYSIWYGContainer .c12, body.str-Pageid00000068 #str-WYSIWYGContainer .c12, .fch .c24, .fcl .c24, #frm-VoteNow .tbd-FormButtons .c24, #frm-VoteNow #tbd-VotingMailingList .c24, body.str-Pageid00000025 #str-WYSIWYGContainer .c24, body.str-Pageid00000029 #str-WYSIWYGContainer .c24, body.str-Pageid00000037 #str-WYSIWYGContainer .c24, body.str-Pageid00000048 #str-WYSIWYGContainer .c24, body.str-Pageid00000053 #str-WYSIWYGContainer .c24, body.str-Pageid00000055 #str-WYSIWYGContainer .c24, body.str-Pageid00000059 #str-WYSIWYGContainer .c24, body.str-Pageid00000060 #str-WYSIWYGContainer .c24, body.str-Pageid00000064 #str-WYSIWYGContainer .c24, body.str-Pageid00000068 #str-WYSIWYGContainer .c24 { float: left; } .fcr .c1, .fcr #frm-VoteNow .tbd-FormButtons input.button, #frm-VoteNow .tbd-FormButtons .fcr input.button, .fcr body.str-Pageid00000025 #str-WYSIWYGContainer h2, body.str-Pageid00000025 #str-WYSIWYGContainer .fcr h2, .fcr body.str-Pageid00000029 #str-WYSIWYGContainer h2, body.str-Pageid00000029 #str-WYSIWYGContainer .fcr h2, .fcr body.str-Pageid00000037 #str-WYSIWYGContainer h2, body.str-Pageid00000037 #str-WYSIWYGContainer .fcr h2, .fcr body.str-Pageid00000048 #str-WYSIWYGContainer h2, body.str-Pageid00000048 #str-WYSIWYGContainer .fcr h2, .fcr body.str-Pageid00000053 #str-WYSIWYGContainer h2, body.str-Pageid00000053 #str-WYSIWYGContainer .fcr h2, .fcr body.str-Pageid00000055 #str-WYSIWYGContainer h2, body.str-Pageid00000055 #str-WYSIWYGContainer .fcr h2, .fcr body.str-Pageid00000059 #str-WYSIWYGContainer h2, body.str-Pageid00000059 #str-WYSIWYGContainer .fcr h2, .fcr body.str-Pageid00000060 #str-WYSIWYGContainer h2, body.str-Pageid00000060 #str-WYSIWYGContainer .fcr h2, .fcr body.str-Pageid00000064 #str-WYSIWYGContainer h2, body.str-Pageid00000064 #str-WYSIWYGContainer .fcr h2, .fcr body.str-Pageid00000068 #str-WYSIWYGContainer h2, body.str-Pageid00000068 #str-WYSIWYGContainer .fcr h2, .fcr .c2, .fcr .c3, .fcr .c32, .fcr #frm-VoteNow #tbd-VotingMailingList .tdl, #frm-VoteNow #tbd-VotingMailingList .fcr .tdl, .fcr .c33, .fcr #frm-VoteNow #tbd-VotingMailingList .tdr, #frm-VoteNow #tbd-VotingMailingList .fcr .tdr, .fcr .c4, .fcr .c43, .fcr .c44, .fcr .c5, .fcr .c54, .fcr .c55, .fcr .c6, .fcr .c8, .fcr .c10, .fcr .c12, .fcr .c24 { float: right; } /* * Column full width */ .c1, #frm-VoteNow .tbd-FormButtons input.button, body.str-Pageid00000025 #str-WYSIWYGContainer h2, body.str-Pageid00000029 #str-WYSIWYGContainer h2, body.str-Pageid00000037 #str-WYSIWYGContainer h2, body.str-Pageid00000048 #str-WYSIWYGContainer h2, body.str-Pageid00000053 #str-WYSIWYGContainer h2, body.str-Pageid00000055 #str-WYSIWYGContainer h2, body.str-Pageid00000059 #str-WYSIWYGContainer h2, body.str-Pageid00000060 #str-WYSIWYGContainer h2, body.str-Pageid00000064 #str-WYSIWYGContainer h2, body.str-Pageid00000068 #str-WYSIWYGContainer h2 { width: 100%; } .fch .c1, .fch #frm-VoteNow .tbd-FormButtons input.button, #frm-VoteNow .tbd-FormButtons .fch input.button, .fch body.str-Pageid00000025 #str-WYSIWYGContainer h2, body.str-Pageid00000025 #str-WYSIWYGContainer .fch h2, .fch body.str-Pageid00000029 #str-WYSIWYGContainer h2, body.str-Pageid00000029 #str-WYSIWYGContainer .fch h2, .fch body.str-Pageid00000037 #str-WYSIWYGContainer h2, body.str-Pageid00000037 #str-WYSIWYGContainer .fch h2, .fch body.str-Pageid00000048 #str-WYSIWYGContainer h2, body.str-Pageid00000048 #str-WYSIWYGContainer .fch h2, .fch body.str-Pageid00000053 #str-WYSIWYGContainer h2, body.str-Pageid00000053 #str-WYSIWYGContainer .fch h2, .fch body.str-Pageid00000055 #str-WYSIWYGContainer h2, body.str-Pageid00000055 #str-WYSIWYGContainer .fch h2, .fch body.str-Pageid00000059 #str-WYSIWYGContainer h2, body.str-Pageid00000059 #str-WYSIWYGContainer .fch h2, .fch body.str-Pageid00000060 #str-WYSIWYGContainer h2, body.str-Pageid00000060 #str-WYSIWYGContainer .fch h2, .fch body.str-Pageid00000064 #str-WYSIWYGContainer h2, body.str-Pageid00000064 #str-WYSIWYGContainer .fch h2, .fch body.str-Pageid00000068 #str-WYSIWYGContainer h2, body.str-Pageid00000068 #str-WYSIWYGContainer .fch h2 { width: 100%; } /* * Column half width */ .c2 { width: 50%; } @media screen and (max-width: 48em) { .c2 { width: 100%; } } .fch .c2 { width: 50%; } /* * Column third width */ .c3 { width: 33.3333333333%; } @media screen and (max-width: 48em) { .c3 { width: 50%; } } @media screen and (max-width: 35.5em) { .c3 { width: 100%; } } @media screen and (max-width: 48em) { .c3:nth-child(2n+1) { clear: both; } } .c3:nth-child(3n+1) { clear: both; } @media screen and (max-width: 48em) { .c3:nth-child(3n+1) { clear: none; } } @media screen and (max-width: 48em) { .c3.cs { width: 33.3333333332%; } } @media screen and (max-width: 35.5em) { .c3.cs { width: 100%; } } .c3.cs:nth-child(2n+1), .c3.cs:nth-child(3n+1) { clear: none; } .fch .c3 { width: 33.3333333333%; } /* * Column two-thirds width */ .c32, #frm-VoteNow #tbd-VotingMailingList .tdl, .fch .c32 { width: 66.6666666667%; } @media screen and (max-width: 35.5em) { .c32, #frm-VoteNow #tbd-VotingMailingList .tdl, .fch .c32 { width: 100%; } } /* * Column third width (for use with two-thirds width) */ .c33, #frm-VoteNow #tbd-VotingMailingList .tdr, .fch .c33 { width: 33.3333333333%; } @media screen and (max-width: 35.5em) { .c33, #frm-VoteNow #tbd-VotingMailingList .tdr, .fch .c33 { width: 100%; } } /* * Column quarter width */ .c4 { width: 25%; } @media screen and (max-width: 35.5em) { .c4 { width: 50%; } } @media screen and (max-width: 20em) { .c4 { width: 100%; } } @media screen and (max-width: 48em) { .c4.cl { width: 50%; } } @media screen and (max-width: 35.5em) { .c4.cl { width: 100%; } } @media screen and (max-width: 48em) { .c4.cl:nth-child(2n+1) { clear: both; } } .fch .c4 { width: 25%; } /* * Column three-quarters width */ .c43 { width: 75%; } @media screen and (max-width: 35.5em) { .c43 { width: 100%; } } .fch .c43 { width: 75%; } /* * Column one-quarter width (for use with three-quarters width) */ .c44 { width: 25%; } @media screen and (max-width: 35.5em) { .c44 { width: 100%; } } .fch .c44 { width: 25%; } .c5 { width: 20%; } @media screen and (max-width: 48em) { .c5 { width: 50%; } } @media screen and (max-width: 35.5em) { .c5 { width: 100%; } } .fch .c5 { width: 20%; } /* * Column four-fifths width */ .c54 { width: 80%; } @media screen and (max-width: 35.5em) { .c54 { width: 100%; } } .fch .c54 { width: 80%; } /* * Column one-fifth width (for use with four-fifths width) */ .c55 { width: 20%; } @media screen and (max-width: 35.5em) { .c55 { width: 100%; } } .fch .c55 { width: 20%; } .c6 { width: 16.6667%; } @media screen and (max-width: 48em) { .c6 { width: 50%; } } .fch .c6 { width: 16%; } .c8 { width: 12.5%; } @media screen and (max-width: 48em) { .c8 { width: 25%; } } .fch .c8 { width: 12%; } .c10 { width: 10%; } @media screen and (max-width: 48em) { .c10 { width: 25%; } } .fch .c10 { width: 10%; } .c12 { width: 8.3333%; } @media screen and (max-width: 48em) { .c12 { width: 25%; } } .fch .c12 { width: 8%; } .c24 { width: 4.1667%; } @media screen and (max-width: 48em) { .c24 { width: 12.5%; } } .fch .c24 { width: 4%; } /* * [C]ontent [C]ontainer * * Notes: This restricts the content to a central column thus * preventing content extending to the edges (on larger displays). */ .cc { width: 100%; } @media screen and (min-width: 85.5em) { .cc { max-width: 85.5em; } } @media screen and (max-width: 85.5em) { .cc { max-width: 85.5em; } } @media screen and (max-width: 64em) { .cc { max-width: 64em; } } @media screen and (max-width: 48em) { .cc { max-width: 48em; } } @media screen and (max-width: 35.5em) { .cc { max-width: 100%; } } @media screen and (max-width: 48em) { #str-Header > .cc { width: 100%; } } .fch:after, .fcl:after, #frm-VoteNow .tbd-FormButtons:after, #frm-VoteNow #tbd-VotingMailingList:after, body.str-Pageid00000025 #str-WYSIWYGContainer:after, body.str-Pageid00000029 #str-WYSIWYGContainer:after, body.str-Pageid00000037 #str-WYSIWYGContainer:after, body.str-Pageid00000048 #str-WYSIWYGContainer:after, body.str-Pageid00000053 #str-WYSIWYGContainer:after, body.str-Pageid00000055 #str-WYSIWYGContainer:after, body.str-Pageid00000059 #str-WYSIWYGContainer:after, body.str-Pageid00000060 #str-WYSIWYGContainer:after, body.str-Pageid00000064 #str-WYSIWYGContainer:after, body.str-Pageid00000068 #str-WYSIWYGContainer:after, .fcr:after { clear: both; content: ' '; display: block; font-size: 0; height: 0; visibility: hidden; } /* * [F]loat [L]eft */ .fl, #str-CompDashHeader { float: left; margin-bottom: 15px; margin-right: 15px; /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the margin property has been declared within the mixin statement * then set the margin property accordingly using shorthand. */ margin: 0 15px 15px 0; margin: 0 0.9375rem 0.9375rem 0; } /* * [F]loat [R]ight */ .fr { float: right; /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the margin property has been declared within the mixin statement * then set the margin property accordingly using shorthand. */ margin: 0 0 15px 15px; margin: 0 0 0.9375rem 0.9375rem; } .fullScreen { display: table; width: 100%; } /* * [S]ection [C]ontainer * * Note: Section containers add space the content above and below to help define * and allow the content to breathe within the document. */ .sc { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 90px 0px; padding: 5.625rem 0rem; } @media screen and (max-width: 48em) { .sc { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 60px 0px; padding: 3.75rem 0rem; } } @media screen and (max-width: 35.5em) { .sc { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 45px 0px; padding: 2.8125rem 0rem; } } @media screen and (max-width: 20em) { .sc { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 30px 0px; padding: 1.875rem 0rem; } } .sc.scl { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 120px 0px; padding: 7.5rem 0rem; } @media screen and (max-width: 48em) { .sc.scl { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 90px 0px; padding: 5.625rem 0rem; } } @media screen and (max-width: 35.5em) { .sc.scl { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 60px 0px; padding: 3.75rem 0rem; } } @media screen and (max-width: 20em) { .sc.scl { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 45px 0px; padding: 2.8125rem 0rem; } } /* * [S]ection [C]ontainer [B]ottom * * Notes: Applies section container rules but only to the bottom of the element. */ .scb { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 0px 0px 90px; padding: 0rem 0rem 5.625rem; } @media screen and (max-width: 48em) { .scb { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 0px 0px 60px; padding: 0rem 0rem 3.75rem; } } @media screen and (max-width: 35.5em) { .scb { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 0px 0px 45px; padding: 0rem 0rem 2.8125rem; } } @media screen and (max-width: 20em) { .scb { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 0px 0px 30px; padding: 0rem 0rem 1.875rem; } } .scb.scl { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 0px 0px 120px; padding: 0rem 0rem 7.5rem; } @media screen and (max-width: 48em) { .scb.scl { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 0px 0px 90px; padding: 0rem 0rem 5.625rem; } } @media screen and (max-width: 35.5em) { .scb.scl { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 0px 0px 60px; padding: 0rem 0rem 3.75rem; } } @media screen and (max-width: 20em) { .scb.scl { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 0px 0px 45px; padding: 0rem 0rem 2.8125rem; } } /* * [S]ection [C]ontainer [T]op * * Notes: Applies section container rules but only to the top of the element. */ .sct { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 90px 0px 0px; padding: 5.625rem 0rem 0rem; } @media screen and (max-width: 48em) { .sct { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 60px 0px 0px; padding: 3.75rem 0rem 0rem; } } @media screen and (max-width: 35.5em) { .sct { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 45px 0px 0px; padding: 2.8125rem 0rem 0rem; } } @media screen and (max-width: 20em) { .sct { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 30px 0px 0px; padding: 1.875rem 0rem 0rem; } } .sct.scl { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 120px 0px 0px; padding: 7.5rem 0rem 0rem; } @media screen and (max-width: 48em) { .sct.scl { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 90px 0px 0px; padding: 5.625rem 0rem 0rem; } } @media screen and (max-width: 35.5em) { .sct.scl { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 60px 0px 0px; padding: 3.75rem 0rem 0rem; } } @media screen and (max-width: 20em) { .sct.scl { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 45px 0px 0px; padding: 2.8125rem 0rem 0rem; } } .tableContainer { display: table; height: 100%; width: 100%; } .tableContainer .tableContainerCell { display: table-cell; vertical-align: middle; width: 100%; } /*_______________________________________________ Borders and Seperators */ hr { border: none; height: 0px; position: relative; width: 100%; z-index: 98; } .bl { border-left-style: solid; border-left-width: 1px; } .br { border-right-width: 1px; border-right-style: solid; } /* * * * *_______________________________________________________________ Modifiers * * * */ .box { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* * Display Item (Hide Mobile) */ .dh { display: block; width: 35.5em; } @media screen and (max-width: 35.5em) { .dh { display: none; } } /* * Display Item (Show Mobile) */ .ds { display: none; } @media screen and (max-width: 35.5em) { .ds { display: block; } } /* * No Border */ .nb { border: none; } /* * No Margin */ .nm { margin: 0; } /* * No Padding */ .np { padding: 0; } /* * No Padding Bottom */ .npb { padding-bottom: 0; } /* * No Padding Horizontal */ .nph, body.str-Pageid00000025 #str-WYSIWYGContainer h2, body.str-Pageid00000029 #str-WYSIWYGContainer h2, body.str-Pageid00000037 #str-WYSIWYGContainer h2, body.str-Pageid00000048 #str-WYSIWYGContainer h2, body.str-Pageid00000053 #str-WYSIWYGContainer h2, body.str-Pageid00000055 #str-WYSIWYGContainer h2, body.str-Pageid00000059 #str-WYSIWYGContainer h2, body.str-Pageid00000060 #str-WYSIWYGContainer h2, body.str-Pageid00000064 #str-WYSIWYGContainer h2, body.str-Pageid00000068 #str-WYSIWYGContainer h2 { padding-left: 0; padding-right: 0; } /* * No Padding Left */ .npl, #frm-VoteNow #tbd-VotingMailingList .tdl { padding-left: 0; } /* * No Padding Right */ .npr, #frm-VoteNow #tbd-VotingMailingList .tdr { padding-right: 0; } /* * No Padding Top */ .npt { padding-top: 0; } /* * No Padding Vertical */ .npv { padding-bottom: 0; padding-top: 0; } /* * Global Padding */ .pad { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 15px; padding: 0.9375rem; } /* * Padding Left Only */ .plo { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 0px 0px 0px 15px; padding: 0rem 0rem 0rem 0.9375rem; } @media screen and (max-width: 35.5em) { .plo { padding: 0; } } /* * Padding Right Only */ .pro { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 0px 15px 0px 0px; padding: 0rem 0.9375rem 0rem 0rem; } @media screen and (max-width: 35.5em) { .pro { padding: 0; } } /* * Tap Target */ .tt { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 15px; padding: 0.9375rem; } /* roboto-condensed-300 - latin */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; src: url("../eot/roboto-condensed-v16-latin-300.eot"); /* IE9 Compat Modes */ src: local("Roboto Condensed Light"), local("RobotoCondensed-Light"), url("../eot/roboto-condensed-v16-latin-300d41d.eot?#iefix") format("embedded-opentype"), url("../woff2/roboto-condensed-v16-latin-300.woff2") format("woff2"), url("../woff/roboto-condensed-v16-latin-300.woff") format("woff"), url("../ttf/roboto-condensed-v16-latin-300.ttf") format("truetype"), url("../svg/roboto-condensed-v16-latin-300.svg#RobotoCondensed") format("svg"); /* Legacy iOS */ } /* roboto-condensed-300italic - latin */ @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 300; src: url("../eot/roboto-condensed-v16-latin-300italic.eot"); /* IE9 Compat Modes */ src: local("Roboto Condensed Light Italic"), local("RobotoCondensed-LightItalic"), url("../eot/roboto-condensed-v16-latin-300italicd41d.eot?#iefix") format("embedded-opentype"), url("../woff2/roboto-condensed-v16-latin-300italic.woff2") format("woff2"), url("../woff/roboto-condensed-v16-latin-300italic.woff") format("woff"), url("../ttf/roboto-condensed-v16-latin-300italic.ttf") format("truetype"), url("../svg/roboto-condensed-v16-latin-300italic.svg#RobotoCondensed") format("svg"); /* Legacy iOS */ } /* roboto-condensed-regular - latin */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: url("../eot/roboto-condensed-v16-latin-regular.eot"); /* IE9 Compat Modes */ src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url("../eot/roboto-condensed-v16-latin-regulard41d.eot?#iefix") format("embedded-opentype"), url("../woff2/roboto-condensed-v16-latin-regular.woff2") format("woff2"), url("../woff/roboto-condensed-v16-latin-regular.woff") format("woff"), url("../ttf/roboto-condensed-v16-latin-regular.ttf") format("truetype"), url("../svg/roboto-condensed-v16-latin-regular.svg#RobotoCondensed") format("svg"); /* Legacy iOS */ } /* roboto-condensed-italic - latin */ @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 400; src: url("../eot/roboto-condensed-v16-latin-italic.eot"); /* IE9 Compat Modes */ src: local("Roboto Condensed Italic"), local("RobotoCondensed-Italic"), url("../eot/roboto-condensed-v16-latin-italicd41d.eot?#iefix") format("embedded-opentype"), url("../woff2/roboto-condensed-v16-latin-italic.woff2") format("woff2"), url("../woff/roboto-condensed-v16-latin-italic.woff") format("woff"), url("../ttf/roboto-condensed-v16-latin-italic.ttf") format("truetype"), url("../svg/roboto-condensed-v16-latin-italic.svg#RobotoCondensed") format("svg"); /* Legacy iOS */ } /* roboto-condensed-700 - latin */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; src: url("../eot/roboto-condensed-v16-latin-700.eot"); /* IE9 Compat Modes */ src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url("../eot/roboto-condensed-v16-latin-700d41d.eot?#iefix") format("embedded-opentype"), url("../woff2/roboto-condensed-v16-latin-700.woff2") format("woff2"), url("../woff/roboto-condensed-v16-latin-700.woff") format("woff"), url("../ttf/roboto-condensed-v16-latin-700.ttf") format("truetype"), url("../svg/roboto-condensed-v16-latin-700.svg#RobotoCondensed") format("svg"); /* Legacy iOS */ } /* roboto-condensed-700italic - latin */ @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 700; src: url("../eot/roboto-condensed-v16-latin-700italic.eot"); /* IE9 Compat Modes */ src: local("Roboto Condensed Bold Italic"), local("RobotoCondensed-BoldItalic"), url("../eot/roboto-condensed-v16-latin-700italicd41d.eot?#iefix") format("embedded-opentype"), url("../woff2/roboto-condensed-v16-latin-700italic.woff2") format("woff2"), url("../woff/roboto-condensed-v16-latin-700italic.woff") format("woff"), url("../ttf/roboto-condensed-v16-latin-700italic.ttf") format("truetype"), url("../svg/roboto-condensed-v16-latin-700italic.svg#RobotoCondensed") format("svg"); /* Legacy iOS */ } /* roboto-300 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url("../eot/roboto-v18-latin-300.eot"); /* IE9 Compat Modes */ src: local("Roboto Light"), local("Roboto-Light"), url("../eot/roboto-v18-latin-300d41d.eot?#iefix") format("embedded-opentype"), url("../woff2/roboto-v18-latin-300.woff2") format("woff2"), url("../woff/roboto-v18-latin-300.woff") format("woff"), url("../ttf/roboto-v18-latin-300.ttf") format("truetype"), url("../svg/roboto-v18-latin-300.svg#Roboto") format("svg"); /* Legacy iOS */ } /* roboto-300italic - latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; src: url("../eot/roboto-v18-latin-300italic.eot"); /* IE9 Compat Modes */ src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url("../eot/roboto-v18-latin-300italicd41d.eot?#iefix") format("embedded-opentype"), url("../woff2/roboto-v18-latin-300italic.woff2") format("woff2"), url("../woff/roboto-v18-latin-300italic.woff") format("woff"), url("../ttf/roboto-v18-latin-300italic.ttf") format("truetype"), url("../svg/roboto-v18-latin-300italic.svg#Roboto") format("svg"); /* Legacy iOS */ } /* roboto-regular - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url("../eot/roboto-v18-latin-regular.eot"); /* IE9 Compat Modes */ src: local("Roboto"), local("Roboto-Regular"), url("../eot/roboto-v18-latin-regulard41d.eot?#iefix") format("embedded-opentype"), url("../woff2/roboto-v18-latin-regular.woff2") format("woff2"), url("../woff/roboto-v18-latin-regular.woff") format("woff"), url("../ttf/roboto-v18-latin-regular.ttf") format("truetype"), url("../svg/roboto-v18-latin-regular.svg#Roboto") format("svg"); /* Legacy iOS */ } /* roboto-italic - latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: url("../eot/roboto-v18-latin-italic.eot"); /* IE9 Compat Modes */ src: local("Roboto Italic"), local("Roboto-Italic"), url("../eot/roboto-v18-latin-italicd41d.eot?#iefix") format("embedded-opentype"), url("../woff2/roboto-v18-latin-italic.woff2") format("woff2"), url("../woff/roboto-v18-latin-italic.woff") format("woff"), url("../ttf/roboto-v18-latin-italic.ttf") format("truetype"), url("../svg/roboto-v18-latin-italic.svg#Roboto") format("svg"); /* Legacy iOS */ } /* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url("../eot/open-sans-v15-latin-regular.eot"); /* IE9 Compat Modes */ src: local("Open Sans Regular"), local("OpenSans-Regular"), url("../eot/open-sans-v15-latin-regulard41d.eot?#iefix") format("embedded-opentype"), url("../woff2/open-sans-v15-latin-regular.woff2") format("woff2"), url("../woff/open-sans-v15-latin-regular.woff") format("woff"), url("../ttf/open-sans-v15-latin-regular.ttf") format("truetype"), url("../svg/open-sans-v15-latin-regular.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: url("../eot/open-sans-v15-latin-italic.eot"); /* IE9 Compat Modes */ src: local("Open Sans Italic"), local("OpenSans-Italic"), url("../eot/open-sans-v15-latin-italicd41d.eot?#iefix") format("embedded-opentype"), url("../woff2/open-sans-v15-latin-italic.woff2") format("woff2"), url("../woff/open-sans-v15-latin-italic.woff") format("woff"), url("../ttf/open-sans-v15-latin-italic.ttf") format("truetype"), url("../svg/open-sans-v15-latin-italic.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* Admin area */ li.str-NoBullet { list-style: none; } /* Page admin form */ tr#tbd-SiteKeywords textarea, tr#tbd-SiteDescription textarea, tr#tbd-PagesHeaderKeywords textarea, tr#tbd-PagesHeaderDescription textarea { height: 120px; } tr#tbd-PagesTagline textarea { height: 60px; } /* Content admin forms */ body.str-SectionAdmin form div.form, body.str-SectionAdmin form table.form { width: 100%; } body.str-SectionAdmin form div.tbd-FormButtons { margin-top: 1em; } body.str-SectionAdmin form div.tbd-FormButtons input.button { padding: 15px 40px; } body.str-SectionAdmin form table tr td { padding: 3px; } body.str-SectionAdmin form table tr td textarea { width: 100%; height: 80px; } body.str-SectionAdmin form table tr td.tdl { width: 120px; padding-left: 0; padding-right: 10px; } body.str-SectionAdmin form table tr td.tdl.tbd-Textarea .tox-tinymce { margin-top: 0; } body.str-SectionAdmin form table tr td.tdl.tbd-Textarea textarea { width: 100%; height: 80px; } body.str-SectionAdmin form table tr td.tdr { padding-right: 0; } body.str-SectionAdmin form table tr td.tdr input.frm-InputRadio { margin-left: 2px; margin-right: 10px; } body.str-SectionAdmin form table tr#tbd-ContentDesc td textarea, body.str-SectionAdmin form table tr#tbd-ContactDesc td textarea { height: 400px; } body.str-SectionAdmin form table tr#tbd-ContactThankyou td textarea, body.str-SectionAdmin form table tr#tbd-LinksDesc td textarea, body.str-SectionAdmin form table tr#tbd-TestimonialsDesc td textarea, body.str-SectionAdmin form table tr#tbd-VideosDesc td textarea, body.str-SectionAdmin form table tr#tbd-GalleryCaption td textarea, body.str-SectionAdmin form table tr#tbd-GallerycategoryMeta td textarea { height: 150px; } body.str-SectionAdmin form table tr#tbd-SiteKeywords td textarea, body.str-SectionAdmin form table tr#tbd-SiteDescription td textarea, body.str-SectionAdmin form table tr#tbd-PagesHeaderKeywords td textarea, body.str-SectionAdmin form table tr#tbd-PagesHeaderDescription td textarea, body.str-SectionAdmin form table tr#tbd-SiteSEOFooter td textarea { width: 50%; } /* Bulk Upload */ .str-DropZone { -webkit-transition: border-color 0.2s linear; -moz-transition: border-color 0.2s linear; -o-transition: border-color 0.2s linear; transition: border-color 0.2s linear; background: #f1f7ef; border: 1px solid #daded8; margin: 10px auto; height: 300px; } .str-DropZone:hover { border-color: #bac4b4; } #dndthumbbox { clear: both; text-align: center; border-radius: 1px; margin: auto; padding: 10px; overflow: auto; } #dndthumbbox h2, #dndthumbbox p, #dndthumbbox #str-AdminEntrantsContainer { text-align: center; } .dndthumbwrap { float: left; position: relative; text-align: center; height: 240px; } .dndthumbwrapsingle { float: none; } .dndthumb { margin-bottom: 10px; padding: 10px; line-height: 150px; height: 150px; width: 150px; margin-left: auto; margin-right: auto; text-align: center; } .dndthumb img { margin-top: expression((150 - this.height) / 2); } html > body .dndthumb img { margin-top: 0; vertical-align: middle; } .margin-dndremove { margin: 0; } #dndqueue { border-radius: 1px; margin-top: 20px; margin-bottom: 20px; overflow: auto; margin-left: auto; margin-right: auto; padding: 10px 3px 5px 3px; } .uploadifive-button, .uploadify-button { -webkit-background-clip: padding-box; border-radius: 4px; font-size: 16px; font-weight: bold; padding: 3px 20px; margin-bottom: 5px; } .uploadify-button { margin: 0; padding: 0; } .uploadify { position: relative; margin-bottom: 1em; } .upSelect { margin: 10px auto; } .uploadifive-queue-item, .uploadify-queue-item { border-bottom: 1px dotted #D5D5D5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 12px; font-family: Arial, Helvetica, Sans-serif; margin-top: 0px; margin-bottom: 5px; padding: 15px; } .uploadifive-queue-item .close { background: url("../png/uploadifive-cancel.png") 0 0 no-repeat; display: block; } .uploadify-queue-item .cancel a { background: url("../png/uploadifive-cancel.png") 0 0 no-repeat; } .uploadifive-queue-item .close, .uploadify-queue-item .cancel a { float: right; height: 16px; text-indent: -9999px; width: 16px; } .uploadifive-queue-item .progress, .uploadify-progress { border: 1px solid #D0D0D0; height: 3px; margin-top: 5px; width: 100%; } .uploadifive-queue-item .progress-bar, .uploadify-progress-bar { background-color: #0072BC; height: 3px; width: 0; } /* Reidrect admin */ div.str-RedirAdminIndent { padding-left: 25px; margin-top: 1.4em; } /* Gallery Admin Drag and Drop */ #str-Masonry { clear: left; /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-top: 15px; margin-top: 0.9375rem; } .str-PanelBox { width: auto; padding: 0; margin-right: 10px; } .str-PanelBoxInner { background: #e7e7e7; border: 1px solid #ddd; padding: 5px; padding-right: 33px; } .str-PanelBoxInner a img { width: 100px; height: 100px; object-fit: cover; } .str-PanelBoxInner iframe { margin-bottom: 5px; } #str-DragError { color: red; display: none; } .str-PackerySave { position: fixed; top: auto; bottom: auto; right: 0px; /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the margin property has been declared within the mixin statement * then set the margin property accordingly using shorthand. */ margin: 15px 15px 0 0px; margin: 0.9375rem 0.9375rem 0 0/16rem; display: none; } #str-PackerySaved { z-index: 999; } #str-PackerySavedInner { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 8px; padding: 0.5rem; } #str-PackerySaver { z-index: 1000; } #str-PackerySaverInner { margin: 0; } .str-PanelMover { position: absolute; top: 5px; right: 5px; } .str-PanelMover:hover { cursor: move; } /* Splash admin */ div.str-GalleryAdminCont { float: left; margin: 0 10px 10px 0; } div.str-GalleryAdminCont div.str-GalleryAdminThumb img { display: block; margin-bottom: 3px; } div.str-GalleryAdminCont div.str-GalleryAdminText { text-align: center; } /* Gallery admin */ #str-GallAdminDropdown { margin-bottom: 0.8em; } #str-GallAdminDropdown form { margin: 0; } div#str-GallAdminDropdown select { margin-right: 3px; } div#str-GallAdminContainer { overflow: hidden; } div.str-GallAdminItem { float: left; padding: 0 10px 0 0; } div.str-GallAdminItem div { text-align: center; margin: 0; } div.str-GallAdminItem div.str-GallAdminThumb { margin-bottom: 1px; } div.str-GallAdminItem div.str-GallAdminText { margin-bottom: 12px; } div.str-GallAdminItem img { display: block; } /* Links page styles */ div.str-LinksCont { overflow: hidden; margin-bottom: 1.2em; } div.str-LinksCont h2 { margin-top: 0; } /* Testimonials page styles */ div.str-TestimonialsCont { overflow: hidden; margin-bottom: 1.2em; } div.str-TestimonialsCont h2 { margin-top: 0; } div.str-TestimonialsCont blockquote { margin: 0; } div.str-TestimonialsCont blockquote p, div.str-TestimonialsCont blockquote #str-AdminEntrantsContainer { font-style: normal; } /* Videos page styles */ div.str-VideosCont { overflow: hidden; margin-bottom: 1.2em; } div.str-VideosCont h2 { margin-top: 0; } .fancybox-title-ainet-wrap { position: relative; float: right; margin-top: 15px; width: 100%; z-index: 1003; text-align: center; background: transparent; font-weight: bold; font-size: 110%; } /* Contact page styles */ p.str-ContactIcon, .str-ContactIcon#str-AdminEntrantsContainer { margin-top: 1.3em; } p.str-ContactIcon img, .str-ContactIcon#str-AdminEntrantsContainer img { margin-right: 9px; margin-bottom: -2px; } p.str-ContactMobile img, .str-ContactMobile#str-AdminEntrantsContainer img { margin-right: 10px; } p.str-ContactMobile img, .str-ContactMobile#str-AdminEntrantsContainer img { margin-bottom: -5px; margin-right: 12px; margin-left: 3px; } p.str-ContactIcon + p.str-ContactIcon, .str-ContactIcon#str-AdminEntrantsContainer + p.str-ContactIcon, p.str-ContactIcon + .str-ContactIcon#str-AdminEntrantsContainer, .str-ContactIcon#str-AdminEntrantsContainer + .str-ContactIcon#str-AdminEntrantsContainer { margin-top: 1.5em; } /* Contact Form */ #str-ContactForm textarea, #str-ContactForm input { background: #fff; border: 1px solid #aaa; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; margin: 5px 0px 10px; outline: none; padding: 5px; } #str-ContactForm input { display: block; width: 50%; } #str-ContactForm textarea { width: 100%; } /* Content JavaScript scroller styles */ #str-ContentNav { visibility: hidden; } /* WYSIWYG content pages */ body.str-PagetypeContent p > img[style="float: right;"], body.str-PagetypeContent #str-AdminEntrantsContainer > img[style="float: right;"] { padding: 5px 0 10px 10px; } body.str-PagetypeContent p > img[style="float: left;"], body.str-PagetypeContent #str-AdminEntrantsContainer > img[style="float: left;"] { padding: 5px 10px 0 10px; } body.str-PagetypeContent .str-ContentsEmbedVideo, body.str-SectionAdmin .str-ContentsEmbedVideo { position: relative; margin: 2.1em 0 2.1em 0; padding-top: 56.25%; height: 0; } body.str-PagetypeContent .str-ContentsEmbedVideo iframe, body.str-PagetypeContent .str-ContentsEmbedVideo object, body.str-PagetypeContent .str-ContentsEmbedVideo embed, body.str-SectionAdmin .str-ContentsEmbedVideo iframe, body.str-SectionAdmin .str-ContentsEmbedVideo object, body.str-SectionAdmin .str-ContentsEmbedVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Login page */ #logonform, #registerform, #setpasswordform, #frm-CompetitionForm, #str-AccountEmailPrefs, #str-CompUpload { width: 100%; max-width: 350px; margin: 40px auto; } #logonform input, #registerform input, #setpasswordform input, #frm-CompetitionForm input, #str-AccountEmailPrefs input, #str-CompUpload input { box-sizing: border-box; margin: 5px 0; width: 100%; max-width: 350px; } #logonform input[type=text], #logonform input[type="password"], #registerform input[type=text], #registerform input[type="password"], #setpasswordform input[type=text], #setpasswordform input[type="password"], #frm-CompetitionForm input[type=text], #frm-CompetitionForm input[type="password"], #str-AccountEmailPrefs input[type=text], #str-AccountEmailPrefs input[type="password"], #str-CompUpload input[type=text], #str-CompUpload input[type="password"] { margin-bottom: 15px; } #logonform h1, #registerform h1, #setpasswordform h1, #frm-CompetitionForm h1, #str-AccountEmailPrefs h1, #str-CompUpload h1 { margin-bottom: 50px; } #logonform #str-LogonSubmit, #registerform #str-LogonSubmit, #setpasswordform #str-LogonSubmit, #frm-CompetitionForm #str-LogonSubmit, #str-AccountEmailPrefs #str-LogonSubmit, #str-CompUpload #str-LogonSubmit { margin-bottom: 25px !important; } #registerform input[type=submit], #registerform input[type=button] { width: 100%; max-width: 100%; } #str-CompUpload { text-align: center; } #frm-CompetitionForm #str-CompetitionForm, #frm-CompetitionImage #str-CompetitionForm, #frm-CompetitionVideo #str-CompetitionForm { text-align: center; } #frm-CompetitionForm select, #frm-CompetitionImage select, #frm-CompetitionVideo select { margin-top: 5px; } #frm-CompetitionForm select, #frm-CompetitionForm textarea, #frm-CompetitionImage select, #frm-CompetitionImage textarea, #frm-CompetitionVideo select, #frm-CompetitionVideo textarea { margin-bottom: 15px; } #frm-CompetitionForm .tbd-FormButtons #tbsubmit, #frm-CompetitionImage .tbd-FormButtons #tbsubmit, #frm-CompetitionVideo .tbd-FormButtons #tbsubmit { margin-bottom: 25px; } #registerform input[type=text], #registerform input[type="password"] { margin-bottom: 0; } .dashButtonWrap { width: 100%; } .dashButtonWrap .dashButton { display: inline-block; text-align: center; } .dashButtonWrap .dashButton a, .dashButtonWrap .dashButton a:active, .dashButtonWrap .dashButton a:link, .dashButtonWrap .dashButton a:visited, .dashButtonWrap .dashButton a:focus, .dashButtonWrap .dashButton span { display: inline-block; width: 200px; border: 1px solid #000; background-color: #347384; /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 28px 18px; padding: 1.75rem 1.125rem; /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the margin property has been declared within the mixin statement * then set the margin property accordingly using shorthand. */ margin: 40px 30px 40px 0; margin: 2.5rem 1.875rem 2.5rem 0; margin: 40px 30px 40px 0; color: #fff; font-size: 14px; font-weight: 400; text-decoration: none; } @media screen and (max-width: 823px) { .dashButtonWrap .dashButton a, .dashButtonWrap .dashButton a:active, .dashButtonWrap .dashButton a:link, .dashButtonWrap .dashButton a:visited, .dashButtonWrap .dashButton a:focus, .dashButtonWrap .dashButton span { width: 300px; /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-bottom: 0px; margin-bottom: 0rem; } } @media screen and (max-width: 35.5em) { .dashButtonWrap .dashButton a, .dashButtonWrap .dashButton a:active, .dashButtonWrap .dashButton a:link, .dashButtonWrap .dashButton a:visited, .dashButtonWrap .dashButton a:focus, .dashButtonWrap .dashButton span { width: calc( 100% - 38px); /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the margin property has been declared within the mixin statement * then set the margin property accordingly using shorthand. */ margin: 10px 0 0; margin: 0.625rem 0 0; } } @media screen and (max-width: 823px) { .dashButtonWrap .dashButton { display: block; } } .dashButtonWrap .dashButton span { background-color: #afced7; cursor: default; } .dashButtonWrap .dashButton a:hover, .dashButtonWrap .dashButton a:active:hover, .dashButtonWrap .dashButton a:link:hover, .dashButtonWrap .dashButton a:visited:hover, .dashButtonWrap .dashButton a:focus:hover { color: #fff; text-decoration: underline; } .compSelectCat { display: inline-block; width: 32%; text-align: center; } @media screen and (max-width: 820px) { .compSelectCat { width: 49%; } } @media screen and (max-width: 560px) { .compSelectCat { width: calc(100% - 160px); padding: 0 80px; } } @media screen and (max-width: 500px) { .compSelectCat { width: calc(100% - 80px); padding: 0 40px; } } @media screen and (max-width: 390px) { .compSelectCat { width: 100%; padding: 0; } } .compSelectCatBox, .compSelectCatBox:active, .compSelectCatBox:link, .compSelectCatBox:visited, .compSelectCatBox:focus { display: flex; width: calc(100% - 120px); height: 150px; margin: 40px 40px 10px 40px; padding: 20px; align-items: center; justify-content: center; border: 3px solid #347384; border-radius: 10px; text-decoration: none; } .compSelectCatBox.compSelectCatPopul, .compSelectCatBox:active.compSelectCatPopul, .compSelectCatBox:link.compSelectCatPopul, .compSelectCatBox:visited.compSelectCatPopul, .compSelectCatBox:focus.compSelectCatPopul { background-color: #347384; color: #fff; } .compSelectCatBox:hover, .compSelectCatBox:active:hover, .compSelectCatBox:link:hover, .compSelectCatBox:visited:hover, .compSelectCatBox:focus:hover { border: 3px solid #009343; color: #58595b; text-decoration: none; } .compSelectCatBox.compSelectCatPopul:hover, .compSelectCatBox.compSelectCatPopul:active:hover, .compSelectCatBox.compSelectCatPopul:link:hover, .compSelectCatBox.compSelectCatPopul:visited:hover, .compSelectCatBox.compSelectCatPopul:focus:hover { background-color: #009343; color: #fff; } .compSelectCatText { font-size: 14px; } .str-CompNumUploaded { margin: 60px 0 40px; } #str-MyEntry { text-align: center; } #str-MyEntry .str-EntryContainer { width: 100%; max-width: 500px; margin-top: 20px; } /* Admin credits orders page */ .str-ZebraTable { clear: both; width: 100%; margin-top: 20px; border: 1px solid #ccc; border-radius: 3px; } .str-ZebraTable th { background: #e6e6e6; background-color: #f2f2f2; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #e3e3e3)); background-image: -webkit-linear-gradient(top, #f2f2f2, #e3e3e3); background-image: -moz-linear-gradient(top, #f2f2f2, #e3e3e3); background-image: -ms-linear-gradient(top, #f2f2f2, #e3e3e3); background-image: -o-linear-gradient(top, #f2f2f2, #e3e3e3); background-image: linear-gradient(top, #f2f2f2, #e3e3e3); border-bottom: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 0 0 #ffffff; box-shadow: inset 0 1px 0 0 #f2f2f2; text-shadow: 0 -1px 1px #f2f2f2; height: 40px; } .str-ZebraTable th + th { border-left: 1px solid #ddd; } .str-ZebraTable td, .str-ZebraTable tr { padding: 10px 20px; height: 30px; } .str-ZebraTable td + td { border-left: 1px solid #e6e6e6; } .str-ZebraTable tr:nth-of-type(odd) { background: #f4f4f4; } .str-ZebraCenter { text-align: center; } @media screen and (max-width: 830px) { .str-ZebraTable td, .str-ZebraTable tr { padding: 10px 10px; } } @media screen and (max-width: 700px) { .str-ZebraTable td, .str-ZebraTable tr { padding: 10px 5px; } } @media screen and (max-width: 600px) { .str-ZebraTable td, .str-ZebraTable tr { font-size: 14px; } } .subMainLinks a { display: inline-block; margin: 0 30px 10px 0; } .str-Orders .str-Day, .str-Orders .str-Month { display: inline-block; width: 60px; } .str-Orders .str-Year { display: inline-block; width: 70px; } .str-Orders input[type="radio"], .crop-rad-opts input[type="radio"] { clear: both; display: inline-block; float: left; margin-top: 7px; } .str-Orders input[type="radio"] + label, .crop-rad-opts input[type="radio"] + label { font-size: 14px; margin-top: 5px; display: inline-block; float: left; } .str-Orders.str-ZebraTable { margin-top: 40px; font-size: 14px; } .str-CreditsProcess { display: none; } .payPalProcessing .str-ModalBack { position: fixed; top: 0; left: 0; bottom: 0; right: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.16); filter: blur(3px); z-index: 100; } .payPalProcessing .str-CreditsProcess { display: block; position: fixed; top: 50%; left: 50%; padding: 30px; background-color: #eee; transform: translate(-50%, -50%); z-index: 200; color: #075b10; font-size: 28px; text-align: center; border-radius: 30px; } .payPalProcessing .str-CreditsProcess span { font-size: 14px; line-height: 20px; display: inline-block; } .str-Waiter { font-size: 10px; margin: 40px auto 19px; text-indent: -9999em; width: 11em; height: 11em; border-radius: 50%; background: #ffffff; background: -moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%); background: -webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%); background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%); background: -ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%); background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%); position: relative; -webkit-animation: waitload3 1.4s infinite linear; animation: waitload3 1.4s infinite linear; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .str-Waiter:before { width: 50%; height: 50%; background: #ffffff; border-radius: 100% 0 0 0; position: absolute; top: 0; left: 0; content: ''; } .str-Waiter:after { background: #8BC53E; width: 75%; height: 75%; border-radius: 50%; content: ''; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } @-webkit-keyframes waitload3 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes waitload3 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } body.str-PagetypeLogin #tbirdform-errors { text-align: center; } #str-SubscribeMe, #str-TermsRead { font-size: 14px; margin: 20px 0; } #str-SubscribeMe input, #str-TermsRead input { width: auto !important; } #pop-Image, #pop-Close { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 20px; padding: 1.25rem; } #pop-Image { /* * If the first value is defined as an interger then create padding * using shorthand. */ padding-bottom: 0px; padding-bottom: 0rem; } #pop-Image img { vertical-align: bottom; } #pop-Close { text-align: center; /* * If the first value is defined as an interger then create padding * using shorthand. */ padding-top: 4px; padding-top: 0.25rem; } /* Cookie Consent */ .cc-window, .cc-revoke, .cc-btn { background-color: rgba(0, 0, 0, 0.8); color: #ffffff; font-size: 14px !important; } .cc-revoke { display: none !important; } .cc-compliance { margin-left: 20px; } .cc-link { color: #eee !important; font-weight: normal !important; text-decoration: none !important; } .cc-link:hover, .cc-link:active { color: #fff; } .cc-dismiss { background-color: #000000; color: #ffffff; } .cc-dismiss:hover { background-color: #444444; color: #ffffff; } .cc-btn { border-radius: 2px !important; border-width: 1px !important; text-decoration: none; font-weight: normal !important; background: #333333; border-color: #3f3f3f; transition: background 0.2s, border 0.2s; } .cc-btn:hover { text-decoration: none !important; } .cc-allow { background: #444444; color: #ffffff; border-color: #555555; } .cc-allow:hover { background: #666666; color: #ffffff; border-color: #777777; } html, body { height: 100%; } body { background-color: #fff; color: #58595b; height: 100%; font-size: 18px; font-size: 1.125rem; line-height: 20.007px; line-height: 1.2504375rem; font-weight: 300; width: 100%; } body strong { font-weight: 400; } /* Typography & Links */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: "Roboto Condensed", Impact, "Franklin Gothic Bold", sans-serif; } h1, .h1 { font-size: 22px; font-size: 1.375rem; line-height: 27.984px; line-height: 1.749rem; color: #347384; } body.str-PagetypeGallery h1 span, body.str-PagetypeGallery .h1 span { color: #009343; } h2, .h2 { font-size: 20px; font-size: 1.25rem; line-height: 27.984px; line-height: 1.749rem; color: #009343; } h3, .h3 { font-size: 19px; font-size: 1.1875rem; line-height: 27.984px; line-height: 1.749rem; color: #8bc53e; } h4, .h4 { font-size: 18px; font-size: 1.125rem; line-height: 20.007px; line-height: 1.2504375rem; color: #8bc53e; } h5, .h5, h6, .h6 { color: inherit; font-size: inherit; line-height: inherit; font-weight: 300; } a, a:active, a:link, a:visited { color: #58595b; transition: background 75ms linear, color 75ms linear, border 75ms linear; } a:hover, a.current, a:active:hover, a:active.current, a:link:hover, a:link.current, a:visited:hover, a:visited.current { color: #009343; } #str-Footer a:hover, #str-Footer a.current, #str-Footer a:active:hover, #str-Footer a:active.current, #str-Footer a:link:hover, #str-Footer a:link.current, #str-Footer a:visited:hover, #str-Footer a:visited.current { color: #347384; } #str-Social a:hover, #str-VoteSocial a:hover, #str-Social a.current, #str-VoteSocial a.current, #str-Social a:active:hover, #str-VoteSocial a:active:hover, #str-Social a:active.current, #str-VoteSocial a:active.current, #str-Social a:link:hover, #str-VoteSocial a:link:hover, #str-Social a:link.current, #str-VoteSocial a:link.current, #str-Social a:visited:hover, #str-VoteSocial a:visited:hover, #str-Social a:visited.current, #str-VoteSocial a:visited.current { color: #009343; } #str-Footer a, #str-Footer a:active, #str-Footer a:link, #str-Footer a:visited { color: #58595b; } #str-Social a, #str-VoteSocial a, #str-Social a:active, #str-VoteSocial a:active, #str-Social a:link, #str-VoteSocial a:link, #str-Social a:visited, #str-VoteSocial a:visited { color: #347384; } body.str-PagetypeLogin h1, body.str-PagetypeLogin .h1 { text-align: center; } p, #str-AdminEntrantsContainer { font-size: inherit; line-height: 1.5em; } @media screen and (max-width: 35.5em) { blockquote p, blockquote #str-AdminEntrantsContainer { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 0px 10px; padding: 0rem 0.625rem; } } #str-Footer p, #str-Footer #str-AdminEntrantsContainer { color: #58595b; font-size: 12px; font-size: 0.75rem; line-height: 15.3px; line-height: 0.95625rem; } hr { height: 1px; color: #DDDDDD; background-color: #DDDDDD; } .highlight { color: red; } /* UX */ input, select, textarea, div.button, #dndqueue, #dndqueue p, #dndqueue #str-AdminEntrantsContainer, #dndqueue div.uploadifive-queue-item div, div#dndthumbbox, #dndthumbbox h2, #dndthumbbox p, #dndthumbbox #str-AdminEntrantsContainer { background-color: #e7e7e7; border: 1px solid #ddd; color: #02202a; font-size: 14px; font-size: 0.875rem; line-height: 19.992px; line-height: 1.2495rem; /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 10px; padding: 0.625rem; } input.str-DynamicLabelActive, select.str-DynamicLabelActive, textarea.str-DynamicLabelActive, div.button.str-DynamicLabelActive, #dndqueue.str-DynamicLabelActive, #dndqueue p.str-DynamicLabelActive, #dndqueue .str-DynamicLabelActive#str-AdminEntrantsContainer, #dndqueue div.uploadifive-queue-item div.str-DynamicLabelActive, div#dndthumbbox.str-DynamicLabelActive, #dndthumbbox h2.str-DynamicLabelActive, #dndthumbbox p.str-DynamicLabelActive, #dndthumbbox .str-DynamicLabelActive#str-AdminEntrantsContainer { color: #afafaf; } #str-Signup input, #str-Signup select, #str-Signup textarea, #str-Signup div.button, #str-Signup #dndqueue, #str-Signup #dndqueue p, #str-Signup #dndqueue #str-AdminEntrantsContainer, #str-Signup #dndqueue div.uploadifive-queue-item div, #str-Signup div#dndthumbbox, #str-Signup #dndthumbbox h2, #str-Signup #dndthumbbox p, #str-Signup #dndthumbbox #str-AdminEntrantsContainer { background: #d5edb6; color: #347384; font-family: "Roboto Condensed", Impact, "Franklin Gothic Bold", sans-serif; font-size: 15px; font-size: 0.9375rem; line-height: 19.992px; line-height: 1.2495rem; border-color: #d5edb6; border-radius: 3px; /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 3px; padding: 0.1875rem; } #dndthumbbox h2 { font-size: 16px; font-size: 1rem; line-height: 19.992px; line-height: 1.2495rem; color: #009343; } #dndqueue p, #dndqueue #str-AdminEntrantsContainer, #dndqueue div.uploadifive-queue-item div { text-align: center; } #dndqueue div.uploadifive-queue-item div.progress { background-color: #9c9e9f; } #dndqueue div.uploadifive-queue-item div.progress-bar { background-color: #53627d; margin: 0; padding: 0; } #dndqueue p, #dndqueue #str-AdminEntrantsContainer, #dndqueue div.uploadifive-queue-item div, #dndthumbbox h2, #dndthumbbox p, #dndthumbbox #str-AdminEntrantsContainer { border: none; } button, input.button, input[type="button"], input[type="submit"], input[type="reset"], #dndqueue div.uploadifive-button, #dndqueue div.progress, #dndthumbs button { background: #53627d; border: 1px solid #53627d; border-radius: 2px; color: #feffff; font-size: 14px; font-size: 0.875rem; line-height: 19.992px; line-height: 1.2495rem; font-weight: normal; transition: all 0.3s ease-in-out; } button + button, button + input.button, button + input[type="button"], button + input[type="submit"], button + input[type="reset"], button + #dndqueue div.uploadifive-button, button + #dndqueue div.progress, button + #dndthumbs button, input.button + button, input.button + input.button, input.button + input[type="button"], input.button + input[type="submit"], input.button + input[type="reset"], input.button + #dndqueue div.uploadifive-button, input.button + #dndqueue div.progress, input.button + #dndthumbs button, input[type="button"] + button, input[type="button"] + input.button, input[type="button"] + input[type="button"], input[type="button"] + input[type="submit"], input[type="button"] + input[type="reset"], input[type="button"] + #dndqueue div.uploadifive-button, input[type="button"] + #dndqueue div.progress, input[type="button"] + #dndthumbs button, input[type="submit"] + button, input[type="submit"] + input.button, input[type="submit"] + input[type="button"], input[type="submit"] + input[type="submit"], input[type="submit"] + input[type="reset"], input[type="submit"] + #dndqueue div.uploadifive-button, input[type="submit"] + #dndqueue div.progress, input[type="submit"] + #dndthumbs button, input[type="reset"] + button, input[type="reset"] + input.button, input[type="reset"] + input[type="button"], input[type="reset"] + input[type="submit"], input[type="reset"] + input[type="reset"], input[type="reset"] + #dndqueue div.uploadifive-button, input[type="reset"] + #dndqueue div.progress, input[type="reset"] + #dndthumbs button, #dndqueue div.uploadifive-button + button, #dndqueue div.uploadifive-button + input.button, #dndqueue div.uploadifive-button + input[type="button"], #dndqueue div.uploadifive-button + input[type="submit"], #dndqueue div.uploadifive-button + input[type="reset"], #dndqueue div.uploadifive-button + #dndqueue div.uploadifive-button, #dndqueue div.uploadifive-button + #dndqueue div.progress, #dndqueue div.uploadifive-button + #dndthumbs button, #dndqueue div.progress + button, #dndqueue div.progress + input.button, #dndqueue div.progress + input[type="button"], #dndqueue div.progress + input[type="submit"], #dndqueue div.progress + input[type="reset"], #dndqueue div.progress + #dndqueue div.uploadifive-button, #dndqueue div.progress + #dndqueue div.progress, #dndqueue div.progress + #dndthumbs button, #dndthumbs button + button, #dndthumbs button + input.button, #dndthumbs button + input[type="button"], #dndthumbs button + input[type="submit"], #dndthumbs button + input[type="reset"], #dndthumbs button + #dndqueue div.uploadifive-button, #dndthumbs button + #dndqueue div.progress, #dndthumbs button + #dndthumbs button { /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-left: 5px; margin-left: 0.3125rem; } button:not(.pswp__button):hover, input.button:not(.pswp__button):hover, input[type="button"]:not(.pswp__button):hover, input[type="submit"]:not(.pswp__button):hover, input[type="reset"]:not(.pswp__button):hover, #dndqueue div.uploadifive-button:not(.pswp__button):hover, #dndqueue div.progress:not(.pswp__button):hover, #dndthumbs button:not(.pswp__button):hover { background: #49566e; } #str-Signup button, #str-Signup input.button, #str-Signup input[type="button"], #str-Signup input[type="submit"], #str-Signup input[type="reset"], #str-Signup #dndqueue div.uploadifive-button, #str-Signup #dndqueue div.progress, #str-Signup #dndthumbs button { background: #9ed358; color: #347384; font-weight: bold; border-color: #9ed358; border-radius: 3px; /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 3px 6px; padding: 0.1875rem 0.375rem; } #str-Signup button:hover, #str-Signup input.button:hover, #str-Signup input[type="button"]:hover, #str-Signup input[type="submit"]:hover, #str-Signup input[type="reset"]:hover, #str-Signup #dndqueue div.uploadifive-button:hover, #str-Signup #dndqueue div.progress:hover, #str-Signup #dndthumbs button:hover { background: #92ce44; } button { display: inline-block; font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif; margin-top: 30px; padding: 15px 40px; font-size: 16px; font-size: 1rem; line-height: 19.992px; line-height: 1.2495rem; } #dndqueue div#uploadifive-upimage1 input { cursor: pointer; } #str-MobileHeader { display: none; text-align: center; } @media screen and (max-width: 35.5em) { #str-MobileHeader { display: block; } } #str-MobileHeader a { color: #347384; display: inline-block; font-size: 24px; font-size: 1.5rem; line-height: 31.434px; line-height: 1.964625rem; text-decoration: none; } #str-MobileHeader a:hover { color: #009343; } /* Page Structure */ #str-Header { border-top: 8px solid #fff; position: relative; z-index: 1; } #str-Header #str-HeaderTop { position: absolute; top: 0; width: 100%; } @media screen and (max-width: 35.5em) { #str-Header #str-HeaderTop { position: static; } } .str-Wrapper { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 0px 10px; padding: 0rem 0.625rem; margin: auto; max-width: 1200px; } .str-Wrapper:after { clear: both; content: ''; display: block; height: 0; overflow: hidden; visibility: hidden; } body.str-PagetypeGalleryChooser #str-Content > .str-Wrapper { padding: 0; } #str-HeaderTop .str-Wrapper, #str-SubMenuBar .str-Wrapper { max-width: 1180px; padding: 0; } #str-PageSubHeader .str-Wrapper { display: table; table-layout: fixed; width: 100%; } .str-Wrapper #str-Deadline, .str-Wrapper #str-Social, .str-Wrapper #str-Signup { text-align: right; } @media screen and (max-width: 35.5em) { .str-Wrapper #str-Deadline, .str-Wrapper #str-Social, .str-Wrapper #str-Signup { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 10px 0px 10px; padding: 0.625rem 0rem 0.625rem; text-align: center; } } .str-Row { margin: auto; max-width: 1200px; } .str-Row:after { clear: both; content: ''; display: block; height: 0; } /* Header */ #str-HeaderTop #str-PCA, #str-HeaderTop #str-OneSpecies { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 15px 0px 0px; padding: 0.9375rem 0rem 0rem; position: absolute; top: 0; left: 0; width: auto; z-index: 1; } @media screen and (max-width: 35.5em) { #str-HeaderTop #str-PCA, #str-HeaderTop #str-OneSpecies { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 10px 0px 0px; padding: 0.625rem 0rem 0rem; position: static; transform: none; } } #str-HeaderTop #str-PCA a, #str-HeaderTop #str-OneSpecies a { display: block; } #str-HeaderTop #str-PCA a img, #str-HeaderTop #str-OneSpecies a img { display: block; max-height: 100%; width: auto; /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the margin property has been declared within the mixin statement * then set the margin property accordingly using shorthand. */ margin: 0 auto; margin: 0 auto; } #str-HeaderTop #str-PCA a img { height: auto; max-width: 100%; } #str-HeaderTop #str-PCA #str-PCATagline { font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif; text-align: center; font-size: 18px; font-size: 1.125rem; line-height: 20.007px; line-height: 1.2504375rem; /* * If the first value is defined as an interger then create padding * using shorthand. */ padding-top: 10px; padding-top: 0.625rem; font-style: normal; font-weight: bold; text-transform: uppercase; } @media screen and (max-width: 35.5em) { #str-HeaderTop #str-PCA #str-PCATagline { position: static; /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-top: 5px; margin-top: 0.3125rem; } } #str-HeaderTop #str-PCA #str-PCATagline a { text-decoration: none; color: #347384; } #str-HeaderTop #str-PCA #str-PCATagline a:hover { text-decoration: underline; } #str-HeaderTop #str-OneSpecies { height: 135px; } #str-HeaderTop #str-OneSpecies a { height: 100%; } #str-Logo { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 15px 0px 0px; padding: 0.9375rem 0rem 0rem; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: auto; max-width: 100%; z-index: 1; } @media screen and (max-width: 35.5em) { #str-Logo { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 10px 0px 0px; padding: 0.625rem 0rem 0rem; position: static; transform: none; max-height: auto; } } #str-Logo a { display: block; } #str-Logo a img { display: block; height: auto; max-width: 100%; max-height: 120px; /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the margin property has been declared within the mixin statement * then set the margin property accordingly using shorthand. */ margin: 0 auto; margin: 0 auto; } @media screen and (max-width: 35.5em) { #str-Logo a img { max-height: auto; } } #str-Logo #str-LogoTagline { font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif; text-align: center; font-size: 22px; font-size: 1.375rem; line-height: 27.984px; line-height: 1.749rem; color: #347384; font-style: italic; } @media screen and (max-width: 35.5em) { #str-Logo #str-LogoTagline { position: static; /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-top: 5px; margin-top: 0.3125rem; } } #str-Social { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 10px 0px 5px; padding: 0.625rem 0rem 0.3125rem; width: auto; position: absolute; top: 0; right: 0; z-index: 1; font-size: 16px; font-size: 1rem; line-height: 19.992px; line-height: 1.2495rem; } @media screen and (max-width: 35.5em) { #str-Social { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 10px 0px 10px; padding: 0.625rem 0rem 0.625rem; position: static; } } #str-Social a { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 3px; padding: 0.1875rem; /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-left: 13px; margin-left: 0.8125rem; } #str-Deadline { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 15px 0px 5px; padding: 0.9375rem 0rem 0.3125rem; width: auto; color: #347384; font-weight: bold; position: absolute; top: 86px; right: 0; z-index: 1; font-size: 16px; font-size: 1rem; line-height: 19.992px; line-height: 1.2495rem; } #str-Deadline a { color: #347384; text-decoration: none; } #str-Deadline a:hover { text-decoration: underline; } @media screen and (max-width: 35.5em) { #str-Deadline { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 10px 0px 10px; padding: 0.625rem 0rem 0.625rem; position: static; } } #str-Signup { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 15px 0px 0px; padding: 0.9375rem 0rem 0rem; width: auto; position: absolute; top: 35px; right: 0; z-index: 1; } @media screen and (max-width: 35.5em) { #str-Signup { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 10px 0px 10px; padding: 0.625rem 0rem 0.625rem; position: static; } } #str-Signup div, #str-Signup h2 { font-size: 18px; font-size: 1.125rem; line-height: 20.007px; line-height: 1.2504375rem; display: inline-block; color: #8bc53e; } @media screen and (max-width: 35.5em) { #str-Signup div, #str-Signup h2 { display: block; text-align: center; } } .str-HomeTopMiddle { position: absolute; left: 35%; } @media screen and (max-width: 35.5em) { .str-HomeTopMiddle { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 10px 0px 10px; padding: 0.625rem 0rem 0.625rem; position: static; display: none; } } .str-HomeTopMiddle .str-HomeTopMiddleInner { position: relative; width: auto; height: 90px; } @media screen and (max-width: 35.5em) { .str-HomeTopMiddle .str-HomeTopMiddleInner { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 10px 0px 10px; padding: 0.625rem 0rem 0.625rem; position: static; text-align: center; height: auto; } } .str-HomeTopMiddle img { height: 100%; width: auto; } .str-HomeTopMiddle#str-BookMonkey { top: 35px; } .str-HomeTopMiddle#str-OrangeEnterNow { left: 39%; top: 60px; } @media screen and (max-width: 35.5em) { .str-HomeTopMiddle#str-OrangeEnterNow { display: block; } } .str-HomeTopMiddle#str-OrangeEnterNow a { background: #e5742b; color: #ffffff; text-decoration: none; font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif; font-weight: bold; font-size: 20px; font-size: 1.25rem; line-height: 27.984px; line-height: 1.749rem; border-color: #e5742b; border-radius: 5px; /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 9px 15px; padding: 0.5625rem 0.9375rem; } .str-HomeTopMiddle#str-OrangeEnterNow a:hover { background: #dc671b; } .str-HomeTopMiddle#str-PeoplesChoice { left: 60%; top: 5px; } @media screen and (max-width: 35.5em) { .str-HomeTopMiddle#str-PeoplesChoice { display: block; } } .str-HomeTopMiddle#str-PeoplesChoice .str-HomeTopMiddleInner { height: 140px; } #str-MenuBar { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 10px 0px 0px; padding: 0.625rem 0rem 0rem; /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the margin property has been declared within the mixin statement * then set the margin property accordingly using shorthand. */ margin: 180px auto 24px; margin: 11.25rem auto 1.5rem; border-bottom: 1px solid #818181; position: relative; text-align: left; background: #fff; } #str-MenuBar .str-Wrapper { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; } @media screen and (max-width: 35.5em) { #str-MenuBar .str-Wrapper { display: block; } } @media screen and (max-width: 35.5em) { #str-MenuBar { display: none; /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-top: 0px; margin-top: 0rem; padding: 0; } #str-MenuBar .str-Wrapper { padding: 0; } } @media screen and (max-width: 35.5em) { #str-MenuBar.show { display: block; } } #str-MobileHeader { display: none; } @media screen and (max-width: 35.5em) { #str-MobileHeader { display: block; } } #str-PageHeader { /*@include background-image(linear-gradient($colorHeaderBGTop, $colorHeaderBGBottom));*/ max-height: 320px; overflow: hidden; } body.str-SectionSplash #str-PageHeader { max-height: none; } #str-PageSubHeader { background: #8893a6; /* * If the first value is defined as an interger then create padding * using shorthand. */ padding-top: 8px; padding-top: 0.5rem; } body.str-SectionSplash #str-PageSubHeader { background: #afafaf; /* * If the first value is defined as an interger then create padding * using shorthand. */ padding-bottom: 8px; padding-bottom: 0.5rem; } #str-SubMenuBar { text-align: center; /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-top: 26px; margin-top: 1.625rem; z-index: -1; } #str-SubMenuBar .str-Wrapper { border-bottom: 1px solid #98d14d; } @media screen and (max-width: 35.5em) { #str-SubMenuBar .str-Wrapper { border-bottom: none; } } @media screen and (max-width: 35.5em) { #str-SubMenuBar { background: #fff; display: none; /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-top: 0px; margin-top: 0rem; border-bottom: 1px solid #818181; } } @media screen and (max-width: 35.5em) { #str-SubMenuBar.show { display: block; } } /* Content */ #str-Title { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* * If the first value is defined as an interger then create padding * using shorthand. */ padding-bottom: 20px; padding-bottom: 1.25rem; /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-bottom: 60px; margin-bottom: 3.75rem; border-bottom: 1px solid #347384; } @media screen and (max-width: 35.5em) { #str-Title { /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-bottom: 20px; margin-bottom: 1.25rem; } } #str-Content { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 30px 0px; padding: 1.875rem 0rem; } @media screen and (max-width: 35.5em) { #str-Content { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 10px 0px; padding: 0.625rem 0rem; } } #str-ContentImage { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* * If the first value is defined as an interger then create padding * using shorthand. */ padding-left: 10px; padding-left: 0.625rem; float: left; width: 25%; } @media screen and (max-width: 35.5em) { #str-ContentImage { width: 100%; } } #str-ContentImage img { display: block; margin: auto; max-width: 285px; } #str-WYSIWYGContainer { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* * If the first value is defined as an interger then create padding * using shorthand. */ padding-right: 10px; padding-right: 0.625rem; } @media screen and (max-width: 35.5em) { #str-WYSIWYGContainer { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the margin property has been declared within the mixin statement * then set the margin property accordingly using shorthand. */ margin: 0 0 20px; margin: 0 0 1.25rem; /* * If the first value is defined as an interger then create padding * using shorthand. */ padding-right: 0px; padding-right: 0rem; width: 100%; } } #str-WYSIWYGContainer img { max-width: 100%; height: auto; } #str-WYSIWYGContainer p img[style*="float: left"], #str-WYSIWYGContainer #str-AdminEntrantsContainer img[style*="float: left"] { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the margin property has been declared within the mixin statement * then set the margin property accordingly using shorthand. */ margin: 0 20px 10px 0; margin: 0 1.25rem 0.625rem 0; } @media screen and (max-width: 48em) { #str-WYSIWYGContainer p img[style*="float: left"], #str-WYSIWYGContainer #str-AdminEntrantsContainer img[style*="float: left"] { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the margin property has been declared within the mixin statement * then set the margin property accordingly using shorthand. */ margin: 0 0 10px; margin: 0 0 0.625rem; padding: 0; float: none !important; width: 100%; } } #str-WYSIWYGContainer p img[style*="float: right"], #str-WYSIWYGContainer #str-AdminEntrantsContainer img[style*="float: right"] { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the margin property has been declared within the mixin statement * then set the margin property accordingly using shorthand. */ margin: 0 0 10px 20px; margin: 0 0 0.625rem 1.25rem; } @media screen and (max-width: 48em) { #str-WYSIWYGContainer p img[style*="float: right"], #str-WYSIWYGContainer #str-AdminEntrantsContainer img[style*="float: right"] { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the margin property has been declared within the mixin statement * then set the margin property accordingly using shorthand. */ margin: 0 0 10px; margin: 0 0 0.625rem; padding: 0; float: none !important; width: 100%; } } #str-VoteSocial p:first-child, #str-VoteSocial #str-AdminEntrantsContainer:first-child { /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-top: 15px; margin-top: 0.9375rem; } #str-VoteSocial a.str-SocialLink { font-size: 40px; font-size: 2.5rem; line-height: 54px; line-height: 3.375rem; /* * If the first value is defined as an interger then create padding * using shorthand. */ padding-right: 15px; padding-right: 0.9375rem; } /* Footer */ #str-Footer { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 15px 0px 5px; padding: 0.9375rem 0rem 0.3125rem; background: #d5edb6; /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-bottom: 1px; margin-bottom: 0.0625rem; } @media screen and (max-width: 48em) { #str-Footer div.c2 { float: none; padding: 0; /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the margin property has been declared within the mixin statement * then set the margin property accordingly using shorthand. */ margin: 0 0 15px; margin: 0 0 0.9375rem; } #str-Footer p, #str-Footer #str-AdminEntrantsContainer { text-align: center; } } /* Gallery */ body.str-PagetypeGallery .pswp__caption__center { color: #fff; } body.str-PagetypeGallery .pswp__caption__center a { color: #fff; } body.str-PagetypeGallery .pswp__caption__center a:hover { color: #009343; } body.str-PagetypeGallery .pswp__ui { height: 100%; } /*.str-PhotoswipeGallery { figure { display: inline-block; @include element-margin(0, 10, 6, 0); @media screen and (max-width: $devicePhoneLandscape) { @include element-margin(0, 5, 1, 0); } a { display: block; img { height: 230px; @media screen and (max-width: $deviceTabletPortrait) { height: 180px; } @media screen and (max-width: $devicePhoneLandscape) { height: 130px; } @media screen and (max-width: $devicePhonePortrait) { height: 100px; } } } figcaption { display: none; } } }*/ .str-FlexImages { overflow: hidden; } .str-FlexImages .str-FlexItem { float: left; margin: 5px; box-sizing: content-box; overflow: hidden; position: relative; } .str-FlexImages .str-FlexItem img { display: block; width: auto; height: 100%; } .str-FlexImages figcaption { display: none; } body.str-Pageid00620041 .str-FlexImages figcaption { display: block; position: absolute; bottom: 0; width: 100%; text-align: center; background: #FFF9; padding: 5px; color: black; pointer-events: none; } /* Menu */ .str-MenuItem, .str-MenuItemInline { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; font-size: 18px; font-size: 1.125rem; line-height: 20.007px; line-height: 1.2504375rem; font-family: "Roboto Condensed", Impact, "Franklin Gothic Bold", sans-serif; font-weight: 300; text-transform: uppercase; /* Reverse the natural z-index of the menu items so that * the sub-menu overlays any wrapped top-level menu items */ } #str-MenuBar .str-MenuItem:nth-child(1), #str-MenuBar .str-MenuItemInline:nth-child(1) { z-index: 19; } #str-MenuBar .str-MenuItem:nth-child(2), #str-MenuBar .str-MenuItemInline:nth-child(2) { z-index: 18; } #str-MenuBar .str-MenuItem:nth-child(3), #str-MenuBar .str-MenuItemInline:nth-child(3) { z-index: 17; } #str-MenuBar .str-MenuItem:nth-child(4), #str-MenuBar .str-MenuItemInline:nth-child(4) { z-index: 16; } #str-MenuBar .str-MenuItem:nth-child(5), #str-MenuBar .str-MenuItemInline:nth-child(5) { z-index: 15; } #str-MenuBar .str-MenuItem:nth-child(6), #str-MenuBar .str-MenuItemInline:nth-child(6) { z-index: 14; } #str-MenuBar .str-MenuItem:nth-child(7), #str-MenuBar .str-MenuItemInline:nth-child(7) { z-index: 13; } #str-MenuBar .str-MenuItem:nth-child(8), #str-MenuBar .str-MenuItemInline:nth-child(8) { z-index: 12; } #str-MenuBar .str-MenuItem:nth-child(9), #str-MenuBar .str-MenuItemInline:nth-child(9) { z-index: 11; } #str-MenuBar .str-MenuItem:nth-child(10), #str-MenuBar .str-MenuItemInline:nth-child(10) { z-index: 10; } #str-MenuBar .str-MenuItem:nth-child(11), #str-MenuBar .str-MenuItemInline:nth-child(11) { z-index: 9; } #str-MenuBar .str-MenuItem:nth-child(12), #str-MenuBar .str-MenuItemInline:nth-child(12) { z-index: 8; } #str-MenuBar .str-MenuItem:nth-child(13), #str-MenuBar .str-MenuItemInline:nth-child(13) { z-index: 7; } #str-MenuBar .str-MenuItem:nth-child(14), #str-MenuBar .str-MenuItemInline:nth-child(14) { z-index: 6; } #str-MenuBar .str-MenuItem:nth-child(15), #str-MenuBar .str-MenuItemInline:nth-child(15) { z-index: 5; } #str-MenuBar .str-MenuItem:nth-child(16), #str-MenuBar .str-MenuItemInline:nth-child(16) { z-index: 4; } #str-MenuBar .str-MenuItem:nth-child(17), #str-MenuBar .str-MenuItemInline:nth-child(17) { z-index: 3; } #str-MenuBar .str-MenuItem:nth-child(18), #str-MenuBar .str-MenuItemInline:nth-child(18) { z-index: 2; } #str-MenuBar .str-MenuItem:nth-child(19), #str-MenuBar .str-MenuItemInline:nth-child(19) { z-index: 1; } #str-MenuBar .str-MenuItem:nth-child(20), #str-MenuBar .str-MenuItemInline:nth-child(20) { z-index: 0; } #str-GalleryMenuBar .str-MenuItem:hover span, #str-GalleryMenuBar .str-MenuItemInline:hover span { text-decoration: underline; } #str-GalleryMenuBar .str-MenuItem, #str-GalleryMenuBar .str-MenuItemInline { display: block; float: left; margin: 0; /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 10px; padding: 0.625rem; width: 33.3333%; } @media screen and (max-width: 35.5em) { #str-GalleryMenuBar .str-MenuItem, #str-GalleryMenuBar .str-MenuItemInline { margin: 0; width: 100%; } } #str-SubMenuBar .str-MenuItem, #str-SubMenuBar .str-MenuItemInline { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the margin property has been declared within the mixin statement * then set the margin property accordingly using shorthand. */ margin: 0 8px 0; margin: 0 0.5rem 0; } @media screen and (max-width: 35.5em) { #str-SubMenuBar .str-MenuItem, #str-SubMenuBar .str-MenuItemInline { margin: 0; } } @media screen and (max-width: 35.5em) { .str-MenuItem, .str-MenuItemInline { display: block; margin: 0; width: 100%; /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 4px 8px 6px; padding: 0.25rem 0.5rem 0.375rem; border-bottom: 1px solid #fff; text-align: center; } } .str-MenuItem.str-MenuLast, .str-MenuItemInline.str-MenuLast { margin-right: 0; border-bottom: none; } #str-SubMenuBar .str-MenuItem.str-MenuLast, #str-SubMenuBar .str-MenuItemInline.str-MenuLast { /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-right: 8px; margin-right: 0.5rem; } @media screen and (max-width: 35.5em) { #str-SubMenuBar .str-MenuItem.str-MenuLast, #str-SubMenuBar .str-MenuItemInline.str-MenuLast { margin: 0; } } .str-MenuItem.str-MenuFirst, .str-MenuItemInline.str-MenuFirst { margin-left: 0; } #str-GalleryPageHeader #str-SubMenuBar .str-MenuItem.str-MenuFirst, #str-GalleryPageHeader #str-SubMenuBar .str-MenuItemInline.str-MenuFirst { /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-left: 8px; margin-left: 0.5rem; } @media screen and (max-width: 35.5em) { #str-GalleryPageHeader #str-SubMenuBar .str-MenuItem.str-MenuFirst, #str-GalleryPageHeader #str-SubMenuBar .str-MenuItemInline.str-MenuFirst { margin-left: 0; } } #str-GalleryPageHeader .str-MenuItem.str-MenuLast, #str-GalleryPageHeader .str-MenuItemInline.str-MenuLast { margin-right: 0; } .str-MenuItem .str-MenuSubBlock, .str-MenuItemInline .str-MenuSubBlock { background: white; visibility: hidden; opacity: 0; display: none; min-width: 5rem; position: absolute; transition: all 0.5s ease; left: 0; box-shadow: 5px 5px 20px 2px #818181; z-index: 99; } @media screen and (max-width: 35.5em) { .str-MenuItem .str-MenuSubBlock, .str-MenuItemInline .str-MenuSubBlock { box-shadow: none; position: static; width: auto; } } .str-MenuItem .str-MenuSubBlock .str-MenuItem, .str-MenuItemInline .str-MenuSubBlock .str-MenuItem { white-space: nowrap; display: block; } #str-MenuBar .str-MenuItem .str-MenuSubBlock .str-MenuItem a, #str-MenuBar .str-MenuItemInline .str-MenuSubBlock .str-MenuItem a { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 15px 15px 10px; padding: 0.9375rem 0.9375rem 0.625rem; display: block; } @media screen and (max-width: 35.5em) { #str-MenuBar .str-MenuItem .str-MenuSubBlock .str-MenuItem a, #str-MenuBar .str-MenuItemInline .str-MenuSubBlock .str-MenuItem a { color: #009343; } } .str-MenuItem:hover > .str-MenuSubBlock, .str-MenuItem:focus-within > .str-MenuSubBlock, .str-MenuItem .str-MenuSubBlock:hover, .str-MenuItem .str-MenuSubBlock:focus-within, .str-MenuItemInline:hover > .str-MenuSubBlock, .str-MenuItemInline:focus-within > .str-MenuSubBlock, .str-MenuItemInline .str-MenuSubBlock:hover, .str-MenuItemInline .str-MenuSubBlock:focus-within { visibility: visible; opacity: 1; display: block; } .str-MenuItem a, .str-MenuItemInline a { color: #000; position: relative; text-decoration: none; display: block; } #str-MenuBar .str-MenuItem a, #str-MenuBar .str-MenuItemInline a { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 0px 5px 15px; padding: 0rem 0.3125rem 0.9375rem; } @media screen and (max-width: 35.5em) { .str-MenuItem a, .str-MenuItemInline a { display: block; } } #str-GalleryMenuBar .str-MenuItem a, #str-GalleryMenuBar .str-MenuItemInline a { color: #fff; display: block; width: 100%; } #str-SubMenuBar .str-MenuItem a, #str-SubMenuBar .str-MenuItemInline a { color: #347384; display: inline-block; /* * If the first value is defined as an interger then create padding * using shorthand. */ padding-bottom: 15px; padding-bottom: 0.9375rem; border-bottom-style: solid; border-bottom-width: 4px; border-bottom-color: transparent; } @media screen and (max-width: 35.5em) { #str-SubMenuBar .str-MenuItem a, #str-SubMenuBar .str-MenuItemInline a { border-bottom: none; padding: 0; } } .str-MenuItem a:hover, .str-MenuItemInline a:hover { color: #98d14d; text-decoration: none; } #str-GalleryMenuBar .str-MenuItem a:hover, #str-GalleryMenuBar .str-MenuItemInline a:hover { color: #fff; } #str-SubMenuBar .str-MenuItem a:hover, #str-SubMenuBar .str-MenuItemInline a:hover { color: #98d14d; border-bottom-color: #98d14d; } .str-MenuItem a.current, .str-MenuItemInline a.current { color: #98d14d; } #str-SubMenuBar .str-MenuItem a.current, #str-SubMenuBar .str-MenuItemInline a.current { color: #98d14d; } .str-MenuItem a.current:hover, .str-MenuItemInline a.current:hover { color: #98d14d; } #str-SubMenuBar .str-MenuItem a.current:hover, #str-SubMenuBar .str-MenuItemInline a.current:hover { color: #98d14d; } #str-GalleryMenuBar .str-MenuItem img, #str-GalleryMenuBar .str-MenuItemInline img { display: block; height: auto; width: 100%; } #str-GalleryMenuBar .str-MenuItem span, #str-GalleryMenuBar .str-MenuItemInline span { background: rgba(0, 0, 0, 0.25); bottom: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; left: 0; /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 10px; padding: 0.625rem; position: absolute; width: 100%; } /* Splash */ #str-SplashCarousel { margin: auto; max-width: 1180px; position: relative; width: 100%; } #str-SplashCarousel #GallPreviewDivBottom, #str-SplashCarousel .str-GallPreviewTextOverlay { left: 0; position: absolute; top: 0; width: 100%; } #str-SplashCarousel img { display: block; height: auto; width: 100%; } #str-SplashCarousel .str-GallPreviewTextOverlay { position: absolute; box-sizing: border-box; height: 100%; padding-top: 20%; background: none; text-align: center; color: #fff; font-family: 300; } #str-SplashCarousel .str-GallPreviewTextOverlay .str-GallPreviewText1, #str-SplashCarousel .str-GallPreviewTextOverlay .str-GallPreviewText2 { font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif; text-shadow: 0 0 5px black; } #str-SplashCarousel .str-GallPreviewTextOverlay .str-GallPreviewText1 { font-weight: 300; font-size: 40px; font-size: 2.5rem; line-height: 54px; line-height: 3.375rem; } #str-SplashCarousel .str-GallPreviewTextOverlay .str-GallPreviewText2 { margin: 30px; font-weight: 300; font-size: 60px; font-size: 3.75rem; } #str-SplashCarousel .str-GallPreviewTextOverlay button { width: auto; margin: 20px auto 0; padding: 12px 55px 15px; font-size: 26px; font-size: 1.625rem; line-height: 31.434px; line-height: 1.964625rem; text-transform: uppercase; background: #53627d88; } #str-SplashCarousel .str-GallPreviewTextOverlay button:hover { background: #49566e; } @media screen and (max-width: 600px) { #str-SplashCarousel .str-GallPreviewTextOverlay { padding-top: 80%; } } @media screen and (max-width: 1080px) { #str-SplashCarousel .str-GallPreviewTextOverlay .str-GallPreviewText1 { font-size: 36px; font-size: 2.25rem; line-height: 42.012px; line-height: 2.62575rem; } #str-SplashCarousel .str-GallPreviewTextOverlay .str-GallPreviewText2 { margin: 7px; font-size: 48px; font-size: 3rem; line-height: 54px; line-height: 3.375rem; } #str-SplashCarousel .str-GallPreviewTextOverlay button { padding: 8px 40px 10px; font-size: 22px; font-size: 1.375rem; line-height: 27.984px; line-height: 1.749rem; } } @media screen and (max-width: 730px) { #str-SplashCarousel .str-GallPreviewTextOverlay .str-GallPreviewText1 { font-size: 28px; font-size: 1.75rem; line-height: 42.012px; line-height: 2.62575rem; } #str-SplashCarousel .str-GallPreviewTextOverlay .str-GallPreviewText2 { margin: 0; font-size: 32px; font-size: 2rem; line-height: 42.012px; line-height: 2.62575rem; } #str-SplashCarousel .str-GallPreviewTextOverlay button { padding: 6px 30px 8px; font-size: 20px; font-size: 1.25rem; line-height: 27.984px; line-height: 1.749rem; } } /* Contact Page */ #str-ContactForm label br, #str-ContactForm label span.highlight { display: none; } #str-ContactForm label.str-Captcha img { float: left; margin-bottom: 5px; } #str-ContactForm label.str-Captcha span.highlight { display: inline-block; float: left; font-size: 12px; font-size: 0.75rem; line-height: 15.3px; line-height: 0.95625rem; /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-left: 10px; margin-left: 0.625rem; width: 180px; } #str-ContactForm label.str-Captcha input { float: left; } #str-ContactForm input, #str-ContactForm textarea { font-weight: 300; border-radius: 0; padding: 10px; width: 100%; } form#frm-ContactForm textarea { height: 203px; } #str-ContactForm button { width: 100%; border: none; border-radius: 0; padding: 10px; text-shadow: none; box-shadow: none; } #str-ContactForm button:hover { border: none; border-radius: 0; padding: 10px; text-shadow: none; box-shadow: none; } @media screen and (max-width: 48em) { #str-ContactForm .c2 { padding: 0; } } /* TBird */ #tbform td { /* * If the first value is defined as an interger then create padding * using shorthand. */ padding-bottom: 10px; padding-bottom: 0.625rem; } #tbform #tbd-PagesHide td:last-child { /* * If the first value is defined as an interger then create padding * using shorthand. */ padding-left: 5px; padding-left: 0.3125rem; } #tbform #tbd-PagesHide .frm-InputRadio { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the margin property has been declared within the mixin statement * then set the margin property accordingly using shorthand. */ margin: 4px 10px 0 4px; margin: 0.25rem 0.625rem 0 0.25rem; vertical-align: top; } #dndthumbbox { background: transparent; border: 1px solid rgba(255, 255, 255, 0.15); margin-top: 20px; margin-bottom: 40px; } .dndthumbwrap button { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 5px 10px; padding: 0.3125rem 0.625rem; } #str-AIFootBanner { /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-top: 30px; margin-top: 1.875rem; } #str-AIFootBanner img { display: block; max-width: 40%; height: auto; margin: auto; } @media screen and (max-width: 35.5em) { #str-AIFootBanner img { max-width: 100%; } } /* Links */ .str-LinksCont:after { clear: both; content: ''; display: block; height: 0; overflow: hidden; visibility: hidden; } .str-LinksCont + .str-LinksCont { /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-top: 20px; margin-top: 1.25rem; } .str-LinksCont .str-LinksImage { float: left; width: 150px; } @media screen and (max-width: 35.5em) { .str-LinksCont .str-LinksImage { width: 60px; } } .str-LinksCont .str-LinksImage a { display: block; } .str-LinksCont .str-LinksImage img { display: block; height: auto; max-width: 100%; } .str-LinksCont .str-ThumbnailContent { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; /* * If the first value is defined as an interger then create padding * using shorthand. */ padding-left: 20px; padding-left: 1.25rem; width: calc(100% - 150px); } @media screen and (max-width: 35.5em) { .str-LinksCont .str-ThumbnailContent { width: calc(100% - 60px); } } /* Testimonials */ .str-TestimonialsCont:after { clear: both; content: ''; display: block; height: 0; overflow: hidden; visibility: hidden; } .str-TestimonialsCont + .str-TestimonialsCont { /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-top: 20px; margin-top: 1.25rem; } .str-TestimonialsCont .str-TestimonialsImage { float: left; width: 150px; } @media screen and (max-width: 35.5em) { .str-TestimonialsCont .str-TestimonialsImage { width: 60px; } } .str-TestimonialsCont .str-TestimonialsImage img { display: block; height: auto; max-width: 100%; } .str-TestimonialsCont .str-ThumbnailContent { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; /* * If the first value is defined as an interger then create padding * using shorthand. */ padding-left: 20px; padding-left: 1.25rem; width: calc(100% - 150px); } @media screen and (max-width: 35.5em) { .str-TestimonialsCont .str-ThumbnailContent { width: calc(100% - 60px); } } /* Videos */ .str-VideosCont:after { clear: both; content: ''; display: block; height: 0; overflow: hidden; visibility: hidden; } .str-VideosCont + .str-VideosCont { /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-top: 20px; margin-top: 1.25rem; } .str-VideosCont .str-VideosImage { float: left; width: 150px; } @media screen and (max-width: 35.5em) { .str-VideosCont .str-VideosImage { width: 60px; } } .str-VideosCont .str-VideosImage + .str-ThumbnailContent { /* * If the first value is defined as an interger then create padding * using shorthand. */ padding-left: 20px; padding-left: 1.25rem; width: calc(100% - 150px); } @media screen and (max-width: 35.5em) { .str-VideosCont .str-VideosImage + .str-ThumbnailContent { width: calc(100% - 60px); } } .str-VideosCont .str-VideosImage a { display: block; } .str-VideosCont .str-VideosImage img { display: block; height: auto; max-width: 100%; } .str-VideosCont .str-ThumbnailContent { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; /* * If the first value is defined as an interger then create padding * using shorthand. */ padding-left: 170px; padding-left: 10.625rem; } @media screen and (max-width: 35.5em) { .str-VideosCont .str-ThumbnailContent { /* * If the first value is defined as an interger then create padding * using shorthand. */ padding-left: 80px; padding-left: 5rem; } } /* Home page */ body.str-Pageid00000001 h1 { text-align: center; color: #009343; } body.str-Pageid00000001 #str-Title h1 { font-size: 24px; font-size: 1.5rem; line-height: 31.434px; line-height: 1.964625rem; } body.str-Pageid00000001 #str-HomeLogos { text-align: center; /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-top: 100px; margin-top: 6.25rem; } body.str-Pageid00000001 #str-HomeLogos img { vertical-align: middle; /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the margin property has been declared within the mixin statement * then set the margin property accordingly using shorthand. */ margin: 0 12px 25px 12px; margin: 0 0.75rem 1.5625rem 0.75rem; } body.str-Pageid00000001 #str-HomeLogos #str-SponsorAmazing img { width: 26%; height: auto; } @media screen and (max-width: 64em) { body.str-Pageid00000001 #str-HomeLogos #str-SponsorAmazing img { width: 50%; } } @media screen and (max-width: 35.5em) { body.str-Pageid00000001 #str-HomeLogos #str-SponsorAmazing img { width: calc( 70% - 24px); } } body.str-Pageid00000001 #str-HomeLogos #str-SponsorThinkTank img { width: 11%; height: auto; } @media screen and (max-width: 64em) { body.str-Pageid00000001 #str-HomeLogos #str-SponsorThinkTank img { width: 35%; } } @media screen and (max-width: 35.5em) { body.str-Pageid00000001 #str-HomeLogos #str-SponsorThinkTank img { width: calc( 40% - 24px); } } body.str-Pageid00000001 #str-HomeLogos #str-SponsorSpectrum img { width: 15%; height: auto; } @media screen and (max-width: 64em) { body.str-Pageid00000001 #str-HomeLogos #str-SponsorSpectrum img { width: 35%; } } @media screen and (max-width: 35.5em) { body.str-Pageid00000001 #str-HomeLogos #str-SponsorSpectrum img { width: calc( 40% - 24px); } } body.str-Pageid00000001 #str-HomeLogos #str-SponsorSerian img { width: 20%; height: auto; } @media screen and (max-width: 64em) { body.str-Pageid00000001 #str-HomeLogos #str-SponsorSerian img { width: 30%; } } @media screen and (max-width: 35.5em) { body.str-Pageid00000001 #str-HomeLogos #str-SponsorSerian img { width: calc( 60% - 24px); } } body.str-Pageid00000001 #str-HomeLogos #str-SponsorNikon img, body.str-Pageid00000001 #str-HomeLogos #str-SponsorSterna img, body.str-Pageid00000001 #str-HomeLogos #str-SponsorAffinity img { width: 10%; height: auto; } @media screen and (max-width: 64em) { body.str-Pageid00000001 #str-HomeLogos #str-SponsorNikon img, body.str-Pageid00000001 #str-HomeLogos #str-SponsorSterna img, body.str-Pageid00000001 #str-HomeLogos #str-SponsorAffinity img { width: 20%; } } @media screen and (max-width: 35.5em) { body.str-Pageid00000001 #str-HomeLogos #str-SponsorNikon img, body.str-Pageid00000001 #str-HomeLogos #str-SponsorSterna img, body.str-Pageid00000001 #str-HomeLogos #str-SponsorAffinity img { width: calc( 40% - 24px); } } body.str-Pageid00000001 #str-HomeTopbar { background: #fff; } body.str-Pageid00000001 #str-HomeTopbar #str-HomeTopbarInner { max-width: 1180px; height: auto; margin: auto; } body.str-Pageid00000001 #str-HomeTopbar #str-HomeTopbarInner img { vertical-align: bottom; width: 100%; } body.str-Pageid00000001 #str-HomeContentAdvert { width: 282px; margin-right: 0; } @media screen and (max-width: 35.5em) { body.str-Pageid00000001 #str-HomeContentAdvert { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 15px; padding: 0.9375rem; } } body.str-Pageid00000001 #str-HomeContentAdvert .str-HomeContentAdvertImage img { max-width: 100%; height: auto; } body.str-Pageid00000001 #str-HomeContentAdvert p, body.str-Pageid00000001 #str-HomeContentAdvert #str-AdminEntrantsContainer { text-align: center; /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-bottom: 5px; margin-bottom: 0.3125rem; } body.str-Pageid00000001 #str-WYSIWYGContainer h2, body.str-Pageid00000001 #str-WYSIWYGContainer p, body.str-Pageid00000001 #str-WYSIWYGContainer #str-AdminEntrantsContainer { text-align: center; } body.str-Pageid00000001 #str-HomeClosed { /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-bottom: 50px; margin-bottom: 3.125rem; } body.str-Pageid00000001 #str-HomeClosed p, body.str-Pageid00000001 #str-HomeClosed #str-AdminEntrantsContainer { text-align: center; } body.str-Pageid00000001 #str-HomeClosed p:first-of-type, body.str-Pageid00000001 #str-HomeClosed #str-AdminEntrantsContainer:first-of-type { font-weight: bold; color: #009343; } body.str-Pageid00000001 #str-HomeClickMonkey.hover { cursor: pointer; } body.str-Pageid00000001 #str-HomeClickMonkey img { width: 100%; height: auto; display: block; } body.str-Pageid00000001 #str-HomePanel { border-bottom: 1px solid #347384; /* * If the first value is defined as an interger then create padding * using shorthand. */ padding-bottom: 25px; padding-bottom: 1.5625rem; /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-bottom: 50px; margin-bottom: 3.125rem; } body.str-Pageid00000001 #str-HomePanel .cc { /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-bottom: 15px; margin-bottom: 0.9375rem; } body.str-Pageid00000001 #str-HomePanel .cc > div { background: #347384; height: 100%; } @media screen and (max-width: 35.5em) { body.str-Pageid00000001 #str-HomePanel .cc > div { /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-bottom: 20px; margin-bottom: 1.25rem; } } body.str-Pageid00000001 #str-HomePanel .cc:nth-child(1) > div { height: 270px; } @media screen and (max-width: 35.5em) { body.str-Pageid00000001 #str-HomePanel .cc:nth-child(1) > div { height: auto; } } body.str-Pageid00000001 #str-HomePanel .cc:nth-child(1) > div:first-child { border-right: 20px solid #fff; } @media screen and (max-width: 35.5em) { body.str-Pageid00000001 #str-HomePanel .cc:nth-child(1) > div:first-child { border-right: none; } } body.str-Pageid00000001 #str-HomePanel .cc:nth-child(1) > div:last-child { border-left: 20px solid #fff; } @media screen and (max-width: 35.5em) { body.str-Pageid00000001 #str-HomePanel .cc:nth-child(1) > div:last-child { border-right: none; } } body.str-Pageid00000001 #str-HomePanel .cc:nth-child(2) > div { height: 240px; } @media screen and (max-width: 35.5em) { body.str-Pageid00000001 #str-HomePanel .cc:nth-child(2) > div { height: auto; } } body.str-Pageid00000001 #str-HomePanel .cc:nth-child(2) > div:first-child { border-right: 20px solid #fff; } @media screen and (max-width: 35.5em) { body.str-Pageid00000001 #str-HomePanel .cc:nth-child(2) > div:first-child { border-right: none; } } body.str-Pageid00000001 #str-HomePanel .cc:nth-child(2) > div:last-child { background: #fff; border: 2px solid #8a8787; } body.str-Pageid00000001 #str-HomePanel h2, body.str-Pageid00000001 #str-HomePanel p, body.str-Pageid00000001 #str-HomePanel #str-AdminEntrantsContainer { font-family: "Roboto Condensed", Impact, "Franklin Gothic Bold", sans-serif; color: white; text-align: center; font-weight: 700; transition: color 75ms ease-out; } body.str-Pageid00000001 #str-HomePanel > div > div.hover { cursor: pointer; } body.str-Pageid00000001 #str-HomePanel > div > div.hover h2, body.str-Pageid00000001 #str-HomePanel > div > div.hover p, body.str-Pageid00000001 #str-HomePanel > div > div.hover #str-AdminEntrantsContainer { color: #98d14d; } body.str-Pageid00000001 #str-HomePanel > div > div.hover#str-HomePanelFingerNews h2, body.str-Pageid00000001 #str-HomePanel > div > div.hover#str-HomePanelFingerNews p, body.str-Pageid00000001 #str-HomePanel > div > div.hover#str-HomePanelFingerNews #str-AdminEntrantsContainer { color: #e65226; } body.str-Pageid00000001 #str-HomePanel #str-HomePanelEnter { background: none; } body.str-Pageid00000001 #str-HomePanel #str-HomePanelEnter::before { background-image: url("../jpg/panel-enter-now-background.jpg"); background-size: cover; content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: -2; } body.str-Pageid00000001 #str-HomePanel #str-HomePanelEnter::after { background: #347384; content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: -1; opacity: 0.8; } body.str-Pageid00000001 #str-HomePanel #str-HomePanelEnter div { display: flex; justify-content: center; flex-direction: column; height: 100%; } body.str-Pageid00000001 #str-HomePanel #str-HomePanelEnter div h2 { font-size: 48px; font-size: 3rem; line-height: 54px; line-height: 3.375rem; } body.str-Pageid00000001 #str-HomePanel #str-HomePanelEnter div h2.smaller { font-size: 28px; font-size: 1.75rem; line-height: 42.012px; line-height: 2.62575rem; } body.str-Pageid00000001 #str-HomePanel #str-HomePanelConservation { background: none; } body.str-Pageid00000001 #str-HomePanel #str-HomePanelConservation div { display: flex; justify-content: center; flex-direction: column; height: 100%; } body.str-Pageid00000001 #str-HomePanel #str-HomePanelConservation.c33::before, body.str-Pageid00000001 #str-HomePanel #frm-VoteNow #tbd-VotingMailingList #str-HomePanelConservation.tdr::before, #frm-VoteNow #tbd-VotingMailingList body.str-Pageid00000001 #str-HomePanel #str-HomePanelConservation.tdr::before { background-image: url("../jpg/conservation-dont-flush-boys.jpg"); background-size: cover; content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: -2; } body.str-Pageid00000001 #str-HomePanel #str-HomePanelConservation.str-HomePanelBookshop.c33::before, body.str-Pageid00000001 #str-HomePanel #frm-VoteNow #tbd-VotingMailingList .str-HomePanelBookshop.tdr::before, #frm-VoteNow #tbd-VotingMailingList body.str-Pageid00000001 #str-HomePanel .str-HomePanelBookshop.tdr::before { background-image: url("../jpg/panel-buy-winners-prints.jpg"); } body.str-Pageid00000001 #str-HomePanel #str-HomePanelConservation.c33::after, body.str-Pageid00000001 #str-HomePanel #frm-VoteNow #tbd-VotingMailingList #str-HomePanelConservation.tdr::after, #frm-VoteNow #tbd-VotingMailingList body.str-Pageid00000001 #str-HomePanel #str-HomePanelConservation.tdr::after { background: #347384; content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: -1; opacity: 0.8; } body.str-Pageid00000001 #str-HomePanel #str-HomePanelConservation > div.c2 { height: 100%; } @media screen and (max-width: 48em) { body.str-Pageid00000001 #str-HomePanel #str-HomePanelConservation > div.c2 { width: 50%; } } @media screen and (max-width: 35.5em) { body.str-Pageid00000001 #str-HomePanel #str-HomePanelConservation > div.c2 { width: 100%; height: auto; } } body.str-Pageid00000001 #str-HomePanel #str-HomePanelConservation > div:first-child { display: flex; justify-content: center; flex-direction: column; } body.str-Pageid00000001 #str-HomePanel #str-HomePanelConservation > div:first-child h2 { font-size: 28px; font-size: 1.75rem; line-height: 42.012px; line-height: 2.62575rem; } @media screen and (max-width: 48em) { body.str-Pageid00000001 #str-HomePanel #str-HomePanelConservation > div:first-child h2 { font-size: 24px; font-size: 1.5rem; line-height: 31.434px; line-height: 1.964625rem; } } @media screen and (max-width: 35.5em) { body.str-Pageid00000001 #str-HomePanel #str-HomePanelConservation > div:first-child h2 { font-size: 28px; font-size: 1.75rem; line-height: 42.012px; line-height: 2.62575rem; } } body.str-Pageid00000001 #str-HomePanel #str-HomePanelConservation > div:first-child p, body.str-Pageid00000001 #str-HomePanel #str-HomePanelConservation > div:first-child #str-AdminEntrantsContainer { font-size: 18px; font-size: 1.125rem; line-height: 20.007px; line-height: 1.2504375rem; } body.str-Pageid00000001 #str-HomePanel #str-HomePanelConservation > div:last-child { display: flex; justify-content: center; flex-direction: column; } body.str-Pageid00000001 #str-HomePanel #str-HomePanelConservation > div:last-child img { max-height: 100%; width: auto; max-width: 100%; } @media screen and (max-width: 35.5em) { body.str-Pageid00000001 #str-HomePanel #str-HomePanelConservation > div:last-child img { width: 100%; height: auto; } } body.str-Pageid00000001 #str-HomePanel #str-HomePanelExhibit { background: none; } body.str-Pageid00000001 #str-HomePanel #str-HomePanelExhibit::before { background-image: url("../jpg/hannahs_web_2.jpg"); background-size: cover; content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: -2; } body.str-Pageid00000001 #str-HomePanel #str-HomePanelExhibit::after { background: #347384; content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: -1; opacity: 0.8; } body.str-Pageid00000001 #str-HomePanel #str-HomePanelExhibit div { display: flex; justify-content: center; flex-direction: column; height: 100%; } body.str-Pageid00000001 #str-HomePanel #str-HomePanelExhibit div h2 { font-size: 28px; font-size: 1.75rem; line-height: 42.012px; line-height: 2.62575rem; } @media screen and (max-width: 48em) { body.str-Pageid00000001 #str-HomePanel #str-HomePanelExhibit div h2 { font-size: 22px; font-size: 1.375rem; line-height: 27.984px; line-height: 1.749rem; } } @media screen and (max-width: 35.5em) { body.str-Pageid00000001 #str-HomePanel #str-HomePanelExhibit div h2 { font-size: 28px; font-size: 1.75rem; line-height: 42.012px; line-height: 2.62575rem; } } body.str-Pageid00000001 #str-HomePanel #str-HomePanelSafari { border-left: 20px solid #fff; } body.str-Pageid00000001 #str-HomePanel #str-HomePanelSafari > div:last-child img { max-height: 100%; width: auto; max-width: 100%; } @media screen and (max-width: 35.5em) { body.str-Pageid00000001 #str-HomePanel #str-HomePanelSafari > div:last-child img { width: 100%; height: auto; } } @media screen and (max-width: 35.5em) { body.str-Pageid00000001 #str-HomePanel #str-HomePanelSafari { border-left: none; } } body.str-Pageid00000001 #str-HomePanel #str-HomePanelBooks > div { height: 100%; } @media screen and (max-width: 35.5em) { body.str-Pageid00000001 #str-HomePanel #str-HomePanelBooks > div { height: auto; } } body.str-Pageid00000001 #str-HomePanel #str-HomePanelBooks > div:first-child { display: flex; justify-content: center; flex-direction: column; } body.str-Pageid00000001 #str-HomePanel #str-HomePanelBooks > div:first-child h2 { font-size: 28px; font-size: 1.75rem; line-height: 42.012px; line-height: 2.62575rem; } @media screen and (max-width: 48em) { body.str-Pageid00000001 #str-HomePanel #str-HomePanelBooks > div:first-child h2 { font-size: 22px; font-size: 1.375rem; line-height: 27.984px; line-height: 1.749rem; } } @media screen and (max-width: 35.5em) { body.str-Pageid00000001 #str-HomePanel #str-HomePanelBooks > div:first-child h2 { font-size: 28px; font-size: 1.75rem; line-height: 42.012px; line-height: 2.62575rem; } } body.str-Pageid00000001 #str-HomePanel #str-HomePanelBooks > div:last-child { text-align: right; } body.str-Pageid00000001 #str-HomePanel #str-HomePanelBooks > div:last-child > div { /* * If the first value is defined as an interger then create padding * using shorthand. */ padding-right: 10px; padding-right: 0.625rem; display: flex; justify-content: center; flex-direction: column; height: 100%; } @media screen and (max-width: 48em) { body.str-Pageid00000001 #str-HomePanel #str-HomePanelBooks > div:last-child > div { width: 33.3333333333%; clear: none; } } @media screen and (max-width: 35.5em) { body.str-Pageid00000001 #str-HomePanel #str-HomePanelBooks > div:last-child > div { height: auto; width: 100%; /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-bottom: 15px; margin-bottom: 0.9375rem; padding-right: 0; } } body.str-Pageid00000001 #str-HomePanel #str-HomePanelBooks > div:last-child > div:last-child { margin-bottom: 0; } body.str-Pageid00000001 #str-HomePanel #str-HomePanelBooks > div:last-child img { display: block; max-height: 100%; width: auto; max-width: 100%; } @media screen and (max-width: 35.5em) { body.str-Pageid00000001 #str-HomePanel #str-HomePanelBooks > div:last-child img { width: 100%; height: auto; } } body.str-Pageid00000001 #str-HomePanel #str-HomePanelPeoplesChoice > div:first-child { height: 100%; display: flex; justify-content: center; flex-direction: column; } body.str-Pageid00000001 #str-HomePanel #str-HomePanelPeoplesChoice > div:first-child img { max-width: 100%; height: auto; } body.str-Pageid00000001 #str-HomePanelBottom .cc { /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-top: 15px; margin-top: 0.9375rem; } body.str-Pageid00000001 #str-HomePanelBottom .cc > div { background: #347384; height: 100%; } @media screen and (max-width: 35.5em) { body.str-Pageid00000001 #str-HomePanelBottom .cc > div { /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-bottom: 20px; margin-bottom: 1.25rem; } } body.str-Pageid00000001 #str-HomePanelBottom h2, body.str-Pageid00000001 #str-HomePanelBottom p, body.str-Pageid00000001 #str-HomePanelBottom #str-AdminEntrantsContainer { font-family: "Roboto Condensed", Impact, "Franklin Gothic Bold", sans-serif; color: white; text-align: center; font-weight: 700; transition: color 75ms ease-out; } body.str-Pageid00000001 #str-HomePanelBottom > div > div.hover { cursor: pointer; } body.str-Pageid00000001 #str-HomePanelBottom > div > div.hover h2, body.str-Pageid00000001 #str-HomePanelBottom > div > div.hover p, body.str-Pageid00000001 #str-HomePanelBottom > div > div.hover #str-AdminEntrantsContainer { color: #98d14d; } body.str-Pageid00000001 #str-HomePanelBottom > div > div.hover#str-HomePanelFingerNews h2, body.str-Pageid00000001 #str-HomePanelBottom > div > div.hover#str-HomePanelFingerNews p, body.str-Pageid00000001 #str-HomePanelBottom > div > div.hover#str-HomePanelFingerNews #str-AdminEntrantsContainer { color: #009343; } body.str-Pageid00000001 #str-HomePanelBottom #str-HomePanelFingerNews { background: #8bc53e; color: #fff; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; } body.str-Pageid00000001 #str-HomePanelBottom #str-HomePanelFingerNews > div { color: inherit; } body.str-Pageid00000001 #str-HomePanelBottom #str-HomePanelFingerNews > div#str-HomePanelFingerNewsImage { /* * If the first value is defined as an interger then create padding * using shorthand. */ padding-right: 15px; padding-right: 0.9375rem; } body.str-Pageid00000001 #str-HomePanelBottom #str-HomePanelFingerNews > div h2 { font-size: 28px; font-size: 1.75rem; line-height: 42.012px; line-height: 2.62575rem; } @media screen and (max-width: 48em) { body.str-Pageid00000001 #str-HomePanelBottom #str-HomePanelFingerNews > div h2 { font-size: 22px; font-size: 1.375rem; line-height: 27.984px; line-height: 1.749rem; } } @media screen and (max-width: 35.5em) { body.str-Pageid00000001 #str-HomePanelBottom #str-HomePanelFingerNews > div h2 { font-size: 28px; font-size: 1.75rem; line-height: 42.012px; line-height: 2.62575rem; } } body.str-Pageid00000001 #str-HomePanelBottom #str-HomePanelFingerNews > div img { display: block; height: 65px; width: auto; } body.str-Pageid00000001 #str-HomeSections { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the margin property has been declared within the mixin statement * then set the margin property accordingly using shorthand. */ margin: 50px auto; margin: 3.125rem auto; /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 36px 0px; padding: 2.25rem 0rem; background: #347384; overflow: hidden; width: auto; text-align: center; font-size: 0; } body.str-Pageid00000001 #str-HomeSections .str-HomeSectionsItem { position: relative; background-color: #cdd1d3; display: inline-block; vertical-align: bottom; text-align: left; height: 205px; max-height: 205px; width: calc(25% - 15px); max-width: 280px; /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-right: 20px; margin-right: 1.25rem; } body.str-Pageid00000001 #str-HomeSections .str-HomeSectionsItem:nth-child(4n+0) { margin-right: 0; } @media screen and (max-width: 35.5em) { body.str-Pageid00000001 #str-HomeSections .str-HomeSectionsItem { float: none; /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the margin property has been declared within the mixin statement * then set the margin property accordingly using shorthand. */ margin: 0 auto 20px auto; margin: 0 auto 1.25rem auto; width: 100%; } body.str-Pageid00000001 #str-HomeSections .str-HomeSectionsItem:nth-child(4n+0) { margin-right: auto; } } body.str-Pageid00000001 #str-HomeSections .str-HomeSectionsItem .str-HomeSectionsBackground { position: absolute; bottom: 0; width: 100%; height: 100%; } body.str-Pageid00000001 #str-HomeSections .str-HomeSectionsItem .str-HomeSectionsBackground img { width: 100%; height: auto; max-height: 100%; display: block; } body.str-Pageid00000001 #str-HomeSections .str-HomeSectionsItem .str-HomeSectionsOverlay { position: absolute; top: 14px; left: 15px; width: 250px; height: 35px; opacity: 0.45; background-color: #347384; } body.str-Pageid00000001 #str-HomeSections .str-HomeSectionsItem:nth-child(4n+1) .str-HomeSectionsOverlay { background-color: #347384; } body.str-Pageid00000001 #str-HomeSections .str-HomeSectionsItem:nth-child(4n+2) .str-HomeSectionsOverlay { background-color: #347384; } body.str-Pageid00000001 #str-HomeSections .str-HomeSectionsItem:nth-child(4n+3) .str-HomeSectionsOverlay { background-color: #347384; } body.str-Pageid00000001 #str-HomeSections .str-HomeSectionsItem:nth-child(4n) .str-HomeSectionsOverlay { background-color: #347384; } body.str-Pageid00000001 #str-HomeSections .str-HomeSectionsItem .str-HomeSectionsLink { position: absolute; width: 100%; height: 100%; } body.str-Pageid00000001 #str-HomeSections .str-HomeSectionsItem .str-HomeSectionsLink a { display: block; text-align: center; width: calc(100% - 30px); height: calc(100% - 20px); padding: 20px 15px 0 15px; text-decoration: none; font-family: "Roboto Condensed", Impact, "Franklin Gothic Bold", sans-serif; font-weight: bold; font-size: 28px; color: #fff; } body.str-Pageid00000001 #str-HomeSections .str-HomeSectionsItem .str-HomeSectionsLink a:hover { color: #d5edb6; } @media screen and (max-width: 48em) { body.str-Pageid00000001 #str-HomeSections .str-HomeSectionsItem .str-HomeSectionsLink a { font-size: 18px; } } @media screen and (max-width: 35.5em) { body.str-Pageid00000001 #str-HomeSections .str-HomeSectionsItem .str-HomeSectionsLink a { font-size: 28px; } } body.str-Pageid00000001 #str-HomeSections .str-HomeSectionsItem .str-HomeSectionsLink a.str-HomeSectionsLinkSmall { font-size: 18px; } body.str-Pageid00000001 #str-HomeSections .str-HomeSectionsItem.str-HomeSectionsAdvert .str-HomeSectionsLink { background: none; } body.str-Pageid00000001 #str-HomeSections .str-HomeSectionsItem.str-HomeSectionsAdvert .str-HomeSectionsLink a:after { background: none; } body.str-Pageid00000001 #str-HomeSections .str-HomeSectionsItem.str-HomeSectionsPCA { background-color: #ffffff; } body.str-Pageid00000001 #str-HomeSections .str-HomeSectionsItem.str-HomeSectionsPCA .str-HomeSectionsBackground img { width: 80%; height: auto; max-height: 100%; display: block; margin: 60px auto auto; } /* Judges page */ body.str-Pageid00000005 #str-WYSIWYGContainer hr, body.str-Pageid00000015 #str-WYSIWYGContainer hr, body.str-Pageid00000044 #str-WYSIWYGContainer hr { clear: both; } body.str-Pageid00000005 #str-WYSIWYGContainer div.str-JudgesMugshot, body.str-Pageid00000015 #str-WYSIWYGContainer div.str-JudgesMugshot, body.str-Pageid00000044 #str-WYSIWYGContainer div.str-JudgesMugshot { width: 33.3333333333%; max-width: 300px; float: left; /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-top: 15px; margin-top: 0.9375rem; /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-right: 20px; margin-right: 1.25rem; /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-bottom: 10px; margin-bottom: 0.625rem; } @media screen and (max-width: 35.5em) { body.str-Pageid00000005 #str-WYSIWYGContainer div.str-JudgesMugshot, body.str-Pageid00000015 #str-WYSIWYGContainer div.str-JudgesMugshot, body.str-Pageid00000044 #str-WYSIWYGContainer div.str-JudgesMugshot { width: 100%; max-width: 100%; float: none; margin: 0; } } body.str-Pageid00000005 #str-WYSIWYGContainer div.str-JudgesMugshot img, body.str-Pageid00000015 #str-WYSIWYGContainer div.str-JudgesMugshot img, body.str-Pageid00000044 #str-WYSIWYGContainer div.str-JudgesMugshot img { width: 100%; } body.str-Pageid00000005 #str-WYSIWYGContainer h2, body.str-Pageid00000005 #str-WYSIWYGContainer h3, body.str-Pageid00000015 #str-WYSIWYGContainer h2, body.str-Pageid00000015 #str-WYSIWYGContainer h3, body.str-Pageid00000044 #str-WYSIWYGContainer h2, body.str-Pageid00000044 #str-WYSIWYGContainer h3 { /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-top: 10px; margin-top: 0.625rem; } body.str-Pageid00000005 #str-WYSIWYGContainer h2, body.str-Pageid00000005 #str-WYSIWYGContainer h3, body.str-Pageid00000005 #str-WYSIWYGContainer h4, body.str-Pageid00000005 #str-WYSIWYGContainer p, body.str-Pageid00000005 #str-WYSIWYGContainer #str-AdminEntrantsContainer, body.str-Pageid00000015 #str-WYSIWYGContainer h2, body.str-Pageid00000015 #str-WYSIWYGContainer h3, body.str-Pageid00000015 #str-WYSIWYGContainer h4, body.str-Pageid00000015 #str-WYSIWYGContainer p, body.str-Pageid00000015 #str-WYSIWYGContainer #str-AdminEntrantsContainer, body.str-Pageid00000044 #str-WYSIWYGContainer h2, body.str-Pageid00000044 #str-WYSIWYGContainer h3, body.str-Pageid00000044 #str-WYSIWYGContainer h4, body.str-Pageid00000044 #str-WYSIWYGContainer p, body.str-Pageid00000044 #str-WYSIWYGContainer #str-AdminEntrantsContainer { width: calc(66.6666666667% - 20px); margin-left: auto; } @media screen and (max-width: 35.5em) { body.str-Pageid00000005 #str-WYSIWYGContainer h2, body.str-Pageid00000005 #str-WYSIWYGContainer h3, body.str-Pageid00000005 #str-WYSIWYGContainer h4, body.str-Pageid00000005 #str-WYSIWYGContainer p, body.str-Pageid00000005 #str-WYSIWYGContainer #str-AdminEntrantsContainer, body.str-Pageid00000015 #str-WYSIWYGContainer h2, body.str-Pageid00000015 #str-WYSIWYGContainer h3, body.str-Pageid00000015 #str-WYSIWYGContainer h4, body.str-Pageid00000015 #str-WYSIWYGContainer p, body.str-Pageid00000015 #str-WYSIWYGContainer #str-AdminEntrantsContainer, body.str-Pageid00000044 #str-WYSIWYGContainer h2, body.str-Pageid00000044 #str-WYSIWYGContainer h3, body.str-Pageid00000044 #str-WYSIWYGContainer h4, body.str-Pageid00000044 #str-WYSIWYGContainer p, body.str-Pageid00000044 #str-WYSIWYGContainer #str-AdminEntrantsContainer { width: 100%; } } body.str-Pageid00000005 #str-WYSIWYGContainer div.str-FullWidth h2, body.str-Pageid00000005 #str-WYSIWYGContainer div.str-FullWidth h3, body.str-Pageid00000005 #str-WYSIWYGContainer div.str-FullWidth h4, body.str-Pageid00000005 #str-WYSIWYGContainer div.str-FullWidth p, body.str-Pageid00000005 #str-WYSIWYGContainer div.str-FullWidth #str-AdminEntrantsContainer, body.str-Pageid00000015 #str-WYSIWYGContainer div.str-FullWidth h2, body.str-Pageid00000015 #str-WYSIWYGContainer div.str-FullWidth h3, body.str-Pageid00000015 #str-WYSIWYGContainer div.str-FullWidth h4, body.str-Pageid00000015 #str-WYSIWYGContainer div.str-FullWidth p, body.str-Pageid00000015 #str-WYSIWYGContainer div.str-FullWidth #str-AdminEntrantsContainer, body.str-Pageid00000044 #str-WYSIWYGContainer div.str-FullWidth h2, body.str-Pageid00000044 #str-WYSIWYGContainer div.str-FullWidth h3, body.str-Pageid00000044 #str-WYSIWYGContainer div.str-FullWidth h4, body.str-Pageid00000044 #str-WYSIWYGContainer div.str-FullWidth p, body.str-Pageid00000044 #str-WYSIWYGContainer div.str-FullWidth #str-AdminEntrantsContainer { width: 100%; } body.str-Pageid00000005 #str-WYSIWYGContainer p:first-child, body.str-Pageid00000005 #str-WYSIWYGContainer #str-AdminEntrantsContainer:first-child, body.str-Pageid00000015 #str-WYSIWYGContainer p:first-child, body.str-Pageid00000015 #str-WYSIWYGContainer #str-AdminEntrantsContainer:first-child, body.str-Pageid00000044 #str-WYSIWYGContainer p:first-child, body.str-Pageid00000044 #str-WYSIWYGContainer #str-AdminEntrantsContainer:first-child { width: 100%; } /* Categories Page */ body.str-Pageid00000013 #str-WYSIWYGContainer h2 { clear: both; } /* Winners Pages * The page ID is specified in: scss/dishes/_style.scss; jslib/ainet/interface.js; include/struct/meta.inc.php */ body.str-Pageid00000025 #str-WYSIWYGContainer, body.str-Pageid00000029 #str-WYSIWYGContainer, body.str-Pageid00000037 #str-WYSIWYGContainer, body.str-Pageid00000048 #str-WYSIWYGContainer, body.str-Pageid00000053 #str-WYSIWYGContainer, body.str-Pageid00000055 #str-WYSIWYGContainer, body.str-Pageid00000059 #str-WYSIWYGContainer, body.str-Pageid00000060 #str-WYSIWYGContainer, body.str-Pageid00000064 #str-WYSIWYGContainer, body.str-Pageid00000068 #str-WYSIWYGContainer { /** * The flex version of this layout. We need to do it in such a way that * the old layout continues to work. */ } body.str-Pageid00000025 #str-WYSIWYGContainer h2, body.str-Pageid00000029 #str-WYSIWYGContainer h2, body.str-Pageid00000037 #str-WYSIWYGContainer h2, body.str-Pageid00000048 #str-WYSIWYGContainer h2, body.str-Pageid00000053 #str-WYSIWYGContainer h2, body.str-Pageid00000055 #str-WYSIWYGContainer h2, body.str-Pageid00000059 #str-WYSIWYGContainer h2, body.str-Pageid00000060 #str-WYSIWYGContainer h2, body.str-Pageid00000064 #str-WYSIWYGContainer h2, body.str-Pageid00000068 #str-WYSIWYGContainer h2 { font-size: 130%; border-bottom: 1px solid #cfd4d5; } body.str-Pageid00000025 #str-WYSIWYGContainer h3, body.str-Pageid00000029 #str-WYSIWYGContainer h3, body.str-Pageid00000037 #str-WYSIWYGContainer h3, body.str-Pageid00000048 #str-WYSIWYGContainer h3, body.str-Pageid00000053 #str-WYSIWYGContainer h3, body.str-Pageid00000055 #str-WYSIWYGContainer h3, body.str-Pageid00000059 #str-WYSIWYGContainer h3, body.str-Pageid00000060 #str-WYSIWYGContainer h3, body.str-Pageid00000064 #str-WYSIWYGContainer h3, body.str-Pageid00000068 #str-WYSIWYGContainer h3 { font-size: 130%; color: #009343; } body.str-Pageid00000025 #str-WYSIWYGContainer div.str-WinnersAward, body.str-Pageid00000025 #str-WYSIWYGContainer div.str-WinnersImage, body.str-Pageid00000029 #str-WYSIWYGContainer div.str-WinnersAward, body.str-Pageid00000029 #str-WYSIWYGContainer div.str-WinnersImage, body.str-Pageid00000037 #str-WYSIWYGContainer div.str-WinnersAward, body.str-Pageid00000037 #str-WYSIWYGContainer div.str-WinnersImage, body.str-Pageid00000048 #str-WYSIWYGContainer div.str-WinnersAward, body.str-Pageid00000048 #str-WYSIWYGContainer div.str-WinnersImage, body.str-Pageid00000053 #str-WYSIWYGContainer div.str-WinnersAward, body.str-Pageid00000053 #str-WYSIWYGContainer div.str-WinnersImage, body.str-Pageid00000055 #str-WYSIWYGContainer div.str-WinnersAward, body.str-Pageid00000055 #str-WYSIWYGContainer div.str-WinnersImage, body.str-Pageid00000059 #str-WYSIWYGContainer div.str-WinnersAward, body.str-Pageid00000059 #str-WYSIWYGContainer div.str-WinnersImage, body.str-Pageid00000060 #str-WYSIWYGContainer div.str-WinnersAward, body.str-Pageid00000060 #str-WYSIWYGContainer div.str-WinnersImage, body.str-Pageid00000064 #str-WYSIWYGContainer div.str-WinnersAward, body.str-Pageid00000064 #str-WYSIWYGContainer div.str-WinnersImage, body.str-Pageid00000068 #str-WYSIWYGContainer div.str-WinnersAward, body.str-Pageid00000068 #str-WYSIWYGContainer div.str-WinnersImage { text-align: center; padding-bottom: calc( 50% - 30px); min-height: 0; height: auto; } @media screen and (max-width: 48em) { body.str-Pageid00000025 #str-WYSIWYGContainer div.str-WinnersAward, body.str-Pageid00000025 #str-WYSIWYGContainer div.str-WinnersImage, body.str-Pageid00000029 #str-WYSIWYGContainer div.str-WinnersAward, body.str-Pageid00000029 #str-WYSIWYGContainer div.str-WinnersImage, body.str-Pageid00000037 #str-WYSIWYGContainer div.str-WinnersAward, body.str-Pageid00000037 #str-WYSIWYGContainer div.str-WinnersImage, body.str-Pageid00000048 #str-WYSIWYGContainer div.str-WinnersAward, body.str-Pageid00000048 #str-WYSIWYGContainer div.str-WinnersImage, body.str-Pageid00000053 #str-WYSIWYGContainer div.str-WinnersAward, body.str-Pageid00000053 #str-WYSIWYGContainer div.str-WinnersImage, body.str-Pageid00000055 #str-WYSIWYGContainer div.str-WinnersAward, body.str-Pageid00000055 #str-WYSIWYGContainer div.str-WinnersImage, body.str-Pageid00000059 #str-WYSIWYGContainer div.str-WinnersAward, body.str-Pageid00000059 #str-WYSIWYGContainer div.str-WinnersImage, body.str-Pageid00000060 #str-WYSIWYGContainer div.str-WinnersAward, body.str-Pageid00000060 #str-WYSIWYGContainer div.str-WinnersImage, body.str-Pageid00000064 #str-WYSIWYGContainer div.str-WinnersAward, body.str-Pageid00000064 #str-WYSIWYGContainer div.str-WinnersImage, body.str-Pageid00000068 #str-WYSIWYGContainer div.str-WinnersAward, body.str-Pageid00000068 #str-WYSIWYGContainer div.str-WinnersImage { padding-bottom: inherit; } } body.str-Pageid00000025 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner, body.str-Pageid00000025 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner, body.str-Pageid00000029 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner, body.str-Pageid00000029 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner, body.str-Pageid00000037 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner, body.str-Pageid00000037 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner, body.str-Pageid00000048 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner, body.str-Pageid00000048 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner, body.str-Pageid00000053 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner, body.str-Pageid00000053 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner, body.str-Pageid00000055 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner, body.str-Pageid00000055 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner, body.str-Pageid00000059 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner, body.str-Pageid00000059 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner, body.str-Pageid00000060 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner, body.str-Pageid00000060 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner, body.str-Pageid00000064 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner, body.str-Pageid00000064 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner, body.str-Pageid00000068 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner, body.str-Pageid00000068 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner { position: absolute; width: calc( 100% - 30px); height: calc( 100% - 15px); } @media screen and (max-width: 48em) { body.str-Pageid00000025 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner, body.str-Pageid00000025 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner, body.str-Pageid00000029 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner, body.str-Pageid00000029 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner, body.str-Pageid00000037 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner, body.str-Pageid00000037 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner, body.str-Pageid00000048 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner, body.str-Pageid00000048 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner, body.str-Pageid00000053 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner, body.str-Pageid00000053 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner, body.str-Pageid00000055 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner, body.str-Pageid00000055 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner, body.str-Pageid00000059 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner, body.str-Pageid00000059 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner, body.str-Pageid00000060 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner, body.str-Pageid00000060 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner, body.str-Pageid00000064 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner, body.str-Pageid00000064 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner, body.str-Pageid00000068 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner, body.str-Pageid00000068 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner { position: static; width: auto; height: auto; } } body.str-Pageid00000025 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner img, body.str-Pageid00000025 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner img, body.str-Pageid00000029 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner img, body.str-Pageid00000029 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner img, body.str-Pageid00000037 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner img, body.str-Pageid00000037 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner img, body.str-Pageid00000048 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner img, body.str-Pageid00000048 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner img, body.str-Pageid00000053 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner img, body.str-Pageid00000053 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner img, body.str-Pageid00000055 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner img, body.str-Pageid00000055 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner img, body.str-Pageid00000059 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner img, body.str-Pageid00000059 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner img, body.str-Pageid00000060 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner img, body.str-Pageid00000060 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner img, body.str-Pageid00000064 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner img, body.str-Pageid00000064 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner img, body.str-Pageid00000068 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner img, body.str-Pageid00000068 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner img { max-width: 100%; max-height: 100%; width: auto; } body.str-Pageid00000025 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000025 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000029 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000029 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000037 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000037 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000048 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000048 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000053 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000053 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000055 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000055 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000059 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000059 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000060 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000060 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000064 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000064 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000068 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000068 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner div.str-WinnersVideo { width: 100%; height: 100%; } body.str-Pageid00000025 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner .str-WinnersContent, body.str-Pageid00000029 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner .str-WinnersContent, body.str-Pageid00000037 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner .str-WinnersContent, body.str-Pageid00000048 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner .str-WinnersContent, body.str-Pageid00000053 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner .str-WinnersContent, body.str-Pageid00000055 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner .str-WinnersContent, body.str-Pageid00000059 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner .str-WinnersContent, body.str-Pageid00000060 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner .str-WinnersContent, body.str-Pageid00000064 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner .str-WinnersContent, body.str-Pageid00000068 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner .str-WinnersContent { position: absolute; left: 10%; top: 50%; width: 90%; transform: translate(-10%, -50%); } @media screen and (max-width: 48em) { body.str-Pageid00000025 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner .str-WinnersContent, body.str-Pageid00000029 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner .str-WinnersContent, body.str-Pageid00000037 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner .str-WinnersContent, body.str-Pageid00000048 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner .str-WinnersContent, body.str-Pageid00000053 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner .str-WinnersContent, body.str-Pageid00000055 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner .str-WinnersContent, body.str-Pageid00000059 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner .str-WinnersContent, body.str-Pageid00000060 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner .str-WinnersContent, body.str-Pageid00000064 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner .str-WinnersContent, body.str-Pageid00000068 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersInner .str-WinnersContent { position: static; transform: none; } } body.str-Pageid00000025 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersAwardImage, body.str-Pageid00000029 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersAwardImage, body.str-Pageid00000037 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersAwardImage, body.str-Pageid00000048 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersAwardImage, body.str-Pageid00000053 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersAwardImage, body.str-Pageid00000055 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersAwardImage, body.str-Pageid00000059 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersAwardImage, body.str-Pageid00000060 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersAwardImage, body.str-Pageid00000064 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersAwardImage, body.str-Pageid00000068 #str-WYSIWYGContainer div.str-WinnersAward .str-WinnersAwardImage { /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-bottom: 20px; margin-bottom: 1.25rem; } body.str-Pageid00000025 #str-WYSIWYGContainer div.str-WinnersAward p, body.str-Pageid00000025 #str-WYSIWYGContainer div.str-WinnersAward #str-AdminEntrantsContainer, body.str-Pageid00000029 #str-WYSIWYGContainer div.str-WinnersAward p, body.str-Pageid00000029 #str-WYSIWYGContainer div.str-WinnersAward #str-AdminEntrantsContainer, body.str-Pageid00000037 #str-WYSIWYGContainer div.str-WinnersAward p, body.str-Pageid00000037 #str-WYSIWYGContainer div.str-WinnersAward #str-AdminEntrantsContainer, body.str-Pageid00000048 #str-WYSIWYGContainer div.str-WinnersAward p, body.str-Pageid00000048 #str-WYSIWYGContainer div.str-WinnersAward #str-AdminEntrantsContainer, body.str-Pageid00000053 #str-WYSIWYGContainer div.str-WinnersAward p, body.str-Pageid00000053 #str-WYSIWYGContainer div.str-WinnersAward #str-AdminEntrantsContainer, body.str-Pageid00000055 #str-WYSIWYGContainer div.str-WinnersAward p, body.str-Pageid00000055 #str-WYSIWYGContainer div.str-WinnersAward #str-AdminEntrantsContainer, body.str-Pageid00000059 #str-WYSIWYGContainer div.str-WinnersAward p, body.str-Pageid00000059 #str-WYSIWYGContainer div.str-WinnersAward #str-AdminEntrantsContainer, body.str-Pageid00000060 #str-WYSIWYGContainer div.str-WinnersAward p, body.str-Pageid00000060 #str-WYSIWYGContainer div.str-WinnersAward #str-AdminEntrantsContainer, body.str-Pageid00000064 #str-WYSIWYGContainer div.str-WinnersAward p, body.str-Pageid00000064 #str-WYSIWYGContainer div.str-WinnersAward #str-AdminEntrantsContainer, body.str-Pageid00000068 #str-WYSIWYGContainer div.str-WinnersAward p, body.str-Pageid00000068 #str-WYSIWYGContainer div.str-WinnersAward #str-AdminEntrantsContainer { font-size: 90%; line-height: 2em; } body.str-Pageid00000025 #str-WYSIWYGContainer div.str-WinnersAward p strong, body.str-Pageid00000025 #str-WYSIWYGContainer div.str-WinnersAward #str-AdminEntrantsContainer strong, body.str-Pageid00000029 #str-WYSIWYGContainer div.str-WinnersAward p strong, body.str-Pageid00000029 #str-WYSIWYGContainer div.str-WinnersAward #str-AdminEntrantsContainer strong, body.str-Pageid00000037 #str-WYSIWYGContainer div.str-WinnersAward p strong, body.str-Pageid00000037 #str-WYSIWYGContainer div.str-WinnersAward #str-AdminEntrantsContainer strong, body.str-Pageid00000048 #str-WYSIWYGContainer div.str-WinnersAward p strong, body.str-Pageid00000048 #str-WYSIWYGContainer div.str-WinnersAward #str-AdminEntrantsContainer strong, body.str-Pageid00000053 #str-WYSIWYGContainer div.str-WinnersAward p strong, body.str-Pageid00000053 #str-WYSIWYGContainer div.str-WinnersAward #str-AdminEntrantsContainer strong, body.str-Pageid00000055 #str-WYSIWYGContainer div.str-WinnersAward p strong, body.str-Pageid00000055 #str-WYSIWYGContainer div.str-WinnersAward #str-AdminEntrantsContainer strong, body.str-Pageid00000059 #str-WYSIWYGContainer div.str-WinnersAward p strong, body.str-Pageid00000059 #str-WYSIWYGContainer div.str-WinnersAward #str-AdminEntrantsContainer strong, body.str-Pageid00000060 #str-WYSIWYGContainer div.str-WinnersAward p strong, body.str-Pageid00000060 #str-WYSIWYGContainer div.str-WinnersAward #str-AdminEntrantsContainer strong, body.str-Pageid00000064 #str-WYSIWYGContainer div.str-WinnersAward p strong, body.str-Pageid00000064 #str-WYSIWYGContainer div.str-WinnersAward #str-AdminEntrantsContainer strong, body.str-Pageid00000068 #str-WYSIWYGContainer div.str-WinnersAward p strong, body.str-Pageid00000068 #str-WYSIWYGContainer div.str-WinnersAward #str-AdminEntrantsContainer strong { color: #8bc53e; } body.str-Pageid00000025 #str-WYSIWYGContainer div.str-WinnersAward p strong, body.str-Pageid00000025 #str-WYSIWYGContainer div.str-WinnersAward #str-AdminEntrantsContainer strong, body.str-Pageid00000025 #str-WYSIWYGContainer div.str-WinnersAward p em, body.str-Pageid00000025 #str-WYSIWYGContainer div.str-WinnersAward #str-AdminEntrantsContainer em, body.str-Pageid00000029 #str-WYSIWYGContainer div.str-WinnersAward p strong, body.str-Pageid00000029 #str-WYSIWYGContainer div.str-WinnersAward #str-AdminEntrantsContainer strong, body.str-Pageid00000029 #str-WYSIWYGContainer div.str-WinnersAward p em, body.str-Pageid00000029 #str-WYSIWYGContainer div.str-WinnersAward #str-AdminEntrantsContainer em, body.str-Pageid00000037 #str-WYSIWYGContainer div.str-WinnersAward p strong, body.str-Pageid00000037 #str-WYSIWYGContainer div.str-WinnersAward #str-AdminEntrantsContainer strong, body.str-Pageid00000037 #str-WYSIWYGContainer div.str-WinnersAward p em, body.str-Pageid00000037 #str-WYSIWYGContainer div.str-WinnersAward #str-AdminEntrantsContainer em, body.str-Pageid00000048 #str-WYSIWYGContainer div.str-WinnersAward p strong, body.str-Pageid00000048 #str-WYSIWYGContainer div.str-WinnersAward #str-AdminEntrantsContainer strong, body.str-Pageid00000048 #str-WYSIWYGContainer div.str-WinnersAward p em, body.str-Pageid00000048 #str-WYSIWYGContainer div.str-WinnersAward #str-AdminEntrantsContainer em, body.str-Pageid00000053 #str-WYSIWYGContainer div.str-WinnersAward p strong, body.str-Pageid00000053 #str-WYSIWYGContainer div.str-WinnersAward #str-AdminEntrantsContainer strong, body.str-Pageid00000053 #str-WYSIWYGContainer div.str-WinnersAward p em, body.str-Pageid00000053 #str-WYSIWYGContainer div.str-WinnersAward #str-AdminEntrantsContainer em, body.str-Pageid00000055 #str-WYSIWYGContainer div.str-WinnersAward p strong, body.str-Pageid00000055 #str-WYSIWYGContainer div.str-WinnersAward #str-AdminEntrantsContainer strong, body.str-Pageid00000055 #str-WYSIWYGContainer div.str-WinnersAward p em, body.str-Pageid00000055 #str-WYSIWYGContainer div.str-WinnersAward #str-AdminEntrantsContainer em, body.str-Pageid00000059 #str-WYSIWYGContainer div.str-WinnersAward p strong, body.str-Pageid00000059 #str-WYSIWYGContainer div.str-WinnersAward #str-AdminEntrantsContainer strong, body.str-Pageid00000059 #str-WYSIWYGContainer div.str-WinnersAward p em, body.str-Pageid00000059 #str-WYSIWYGContainer div.str-WinnersAward #str-AdminEntrantsContainer em, body.str-Pageid00000060 #str-WYSIWYGContainer div.str-WinnersAward p strong, body.str-Pageid00000060 #str-WYSIWYGContainer div.str-WinnersAward #str-AdminEntrantsContainer strong, body.str-Pageid00000060 #str-WYSIWYGContainer div.str-WinnersAward p em, body.str-Pageid00000060 #str-WYSIWYGContainer div.str-WinnersAward #str-AdminEntrantsContainer em, body.str-Pageid00000064 #str-WYSIWYGContainer div.str-WinnersAward p strong, body.str-Pageid00000064 #str-WYSIWYGContainer div.str-WinnersAward #str-AdminEntrantsContainer strong, body.str-Pageid00000064 #str-WYSIWYGContainer div.str-WinnersAward p em, body.str-Pageid00000064 #str-WYSIWYGContainer div.str-WinnersAward #str-AdminEntrantsContainer em, body.str-Pageid00000068 #str-WYSIWYGContainer div.str-WinnersAward p strong, body.str-Pageid00000068 #str-WYSIWYGContainer div.str-WinnersAward #str-AdminEntrantsContainer strong, body.str-Pageid00000068 #str-WYSIWYGContainer div.str-WinnersAward p em, body.str-Pageid00000068 #str-WYSIWYGContainer div.str-WinnersAward #str-AdminEntrantsContainer em { font-size: 130%; } body.str-Pageid00000025 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner img, body.str-Pageid00000025 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000029 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner img, body.str-Pageid00000029 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000037 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner img, body.str-Pageid00000037 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000048 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner img, body.str-Pageid00000048 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000053 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner img, body.str-Pageid00000053 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000055 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner img, body.str-Pageid00000055 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000059 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner img, body.str-Pageid00000059 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000060 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner img, body.str-Pageid00000060 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000064 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner img, body.str-Pageid00000064 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000068 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner img, body.str-Pageid00000068 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner div.str-WinnersVideo { /* Next bit is to work-around Chrome overflowing the image because of the "display: table" container */ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } @media screen and (max-width: 48em) { body.str-Pageid00000025 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner img, body.str-Pageid00000025 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000029 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner img, body.str-Pageid00000029 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000037 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner img, body.str-Pageid00000037 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000048 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner img, body.str-Pageid00000048 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000053 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner img, body.str-Pageid00000053 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000055 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner img, body.str-Pageid00000055 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000059 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner img, body.str-Pageid00000059 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000060 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner img, body.str-Pageid00000060 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000064 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner img, body.str-Pageid00000064 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000068 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner img, body.str-Pageid00000068 #str-WYSIWYGContainer div.str-WinnersImage .str-WinnersInner div.str-WinnersVideo { position: static; transform: none; } } @media screen and (max-width: 48em) { body.str-Pageid00000025 #str-WYSIWYGContainer div.str-WinnersImage, body.str-Pageid00000029 #str-WYSIWYGContainer div.str-WinnersImage, body.str-Pageid00000037 #str-WYSIWYGContainer div.str-WinnersImage, body.str-Pageid00000048 #str-WYSIWYGContainer div.str-WinnersImage, body.str-Pageid00000053 #str-WYSIWYGContainer div.str-WinnersImage, body.str-Pageid00000055 #str-WYSIWYGContainer div.str-WinnersImage, body.str-Pageid00000059 #str-WYSIWYGContainer div.str-WinnersImage, body.str-Pageid00000060 #str-WYSIWYGContainer div.str-WinnersImage, body.str-Pageid00000064 #str-WYSIWYGContainer div.str-WinnersImage, body.str-Pageid00000068 #str-WYSIWYGContainer div.str-WinnersImage { /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-bottom: 30px; margin-bottom: 1.875rem; } } body.str-Pageid00000025 #str-WYSIWYGContainer div.str-WinnersRow, body.str-Pageid00000029 #str-WYSIWYGContainer div.str-WinnersRow, body.str-Pageid00000037 #str-WYSIWYGContainer div.str-WinnersRow, body.str-Pageid00000048 #str-WYSIWYGContainer div.str-WinnersRow, body.str-Pageid00000053 #str-WYSIWYGContainer div.str-WinnersRow, body.str-Pageid00000055 #str-WYSIWYGContainer div.str-WinnersRow, body.str-Pageid00000059 #str-WYSIWYGContainer div.str-WinnersRow, body.str-Pageid00000060 #str-WYSIWYGContainer div.str-WinnersRow, body.str-Pageid00000064 #str-WYSIWYGContainer div.str-WinnersRow, body.str-Pageid00000068 #str-WYSIWYGContainer div.str-WinnersRow { width: 100%; /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 30px 0px; padding: 1.875rem 0rem; display: grid; grid-auto-columns: minmax(0, 1fr); grid-auto-flow: column; gap: 30px; } @media screen and (max-width: 48em) { body.str-Pageid00000025 #str-WYSIWYGContainer div.str-WinnersRow, body.str-Pageid00000029 #str-WYSIWYGContainer div.str-WinnersRow, body.str-Pageid00000037 #str-WYSIWYGContainer div.str-WinnersRow, body.str-Pageid00000048 #str-WYSIWYGContainer div.str-WinnersRow, body.str-Pageid00000053 #str-WYSIWYGContainer div.str-WinnersRow, body.str-Pageid00000055 #str-WYSIWYGContainer div.str-WinnersRow, body.str-Pageid00000059 #str-WYSIWYGContainer div.str-WinnersRow, body.str-Pageid00000060 #str-WYSIWYGContainer div.str-WinnersRow, body.str-Pageid00000064 #str-WYSIWYGContainer div.str-WinnersRow, body.str-Pageid00000068 #str-WYSIWYGContainer div.str-WinnersRow { grid-auto-flow: row; } } body.str-Pageid00000025 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward, body.str-Pageid00000025 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage, body.str-Pageid00000029 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward, body.str-Pageid00000029 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage, body.str-Pageid00000037 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward, body.str-Pageid00000037 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage, body.str-Pageid00000048 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward, body.str-Pageid00000048 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage, body.str-Pageid00000053 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward, body.str-Pageid00000053 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage, body.str-Pageid00000055 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward, body.str-Pageid00000055 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage, body.str-Pageid00000059 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward, body.str-Pageid00000059 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage, body.str-Pageid00000060 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward, body.str-Pageid00000060 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage, body.str-Pageid00000064 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward, body.str-Pageid00000064 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage, body.str-Pageid00000068 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward, body.str-Pageid00000068 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage { float: none; width: 100%; padding: 0; } body.str-Pageid00000025 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner, body.str-Pageid00000025 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner, body.str-Pageid00000029 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner, body.str-Pageid00000029 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner, body.str-Pageid00000037 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner, body.str-Pageid00000037 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner, body.str-Pageid00000048 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner, body.str-Pageid00000048 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner, body.str-Pageid00000053 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner, body.str-Pageid00000053 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner, body.str-Pageid00000055 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner, body.str-Pageid00000055 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner, body.str-Pageid00000059 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner, body.str-Pageid00000059 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner, body.str-Pageid00000060 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner, body.str-Pageid00000060 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner, body.str-Pageid00000064 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner, body.str-Pageid00000064 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner, body.str-Pageid00000068 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner, body.str-Pageid00000068 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner { position: static; } body.str-Pageid00000025 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner .str-WinnersContent, body.str-Pageid00000025 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner img, body.str-Pageid00000025 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000025 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner .str-WinnersContent, body.str-Pageid00000025 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner img, body.str-Pageid00000025 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000029 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner .str-WinnersContent, body.str-Pageid00000029 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner img, body.str-Pageid00000029 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000029 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner .str-WinnersContent, body.str-Pageid00000029 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner img, body.str-Pageid00000029 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000037 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner .str-WinnersContent, body.str-Pageid00000037 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner img, body.str-Pageid00000037 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000037 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner .str-WinnersContent, body.str-Pageid00000037 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner img, body.str-Pageid00000037 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000048 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner .str-WinnersContent, body.str-Pageid00000048 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner img, body.str-Pageid00000048 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000048 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner .str-WinnersContent, body.str-Pageid00000048 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner img, body.str-Pageid00000048 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000053 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner .str-WinnersContent, body.str-Pageid00000053 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner img, body.str-Pageid00000053 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000053 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner .str-WinnersContent, body.str-Pageid00000053 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner img, body.str-Pageid00000053 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000055 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner .str-WinnersContent, body.str-Pageid00000055 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner img, body.str-Pageid00000055 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000055 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner .str-WinnersContent, body.str-Pageid00000055 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner img, body.str-Pageid00000055 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000059 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner .str-WinnersContent, body.str-Pageid00000059 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner img, body.str-Pageid00000059 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000059 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner .str-WinnersContent, body.str-Pageid00000059 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner img, body.str-Pageid00000059 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000060 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner .str-WinnersContent, body.str-Pageid00000060 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner img, body.str-Pageid00000060 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000060 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner .str-WinnersContent, body.str-Pageid00000060 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner img, body.str-Pageid00000060 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000064 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner .str-WinnersContent, body.str-Pageid00000064 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner img, body.str-Pageid00000064 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000064 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner .str-WinnersContent, body.str-Pageid00000064 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner img, body.str-Pageid00000064 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000068 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner .str-WinnersContent, body.str-Pageid00000068 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner img, body.str-Pageid00000068 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner div.str-WinnersVideo, body.str-Pageid00000068 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner .str-WinnersContent, body.str-Pageid00000068 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner img, body.str-Pageid00000068 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner div.str-WinnersVideo { position: static; transform: none; } body.str-Pageid00000025 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner .str-WinnersContent .str-WinnersAwardImage img, body.str-Pageid00000025 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner .str-WinnersContent .str-WinnersAwardImage img, body.str-Pageid00000029 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner .str-WinnersContent .str-WinnersAwardImage img, body.str-Pageid00000029 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner .str-WinnersContent .str-WinnersAwardImage img, body.str-Pageid00000037 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner .str-WinnersContent .str-WinnersAwardImage img, body.str-Pageid00000037 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner .str-WinnersContent .str-WinnersAwardImage img, body.str-Pageid00000048 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner .str-WinnersContent .str-WinnersAwardImage img, body.str-Pageid00000048 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner .str-WinnersContent .str-WinnersAwardImage img, body.str-Pageid00000053 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner .str-WinnersContent .str-WinnersAwardImage img, body.str-Pageid00000053 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner .str-WinnersContent .str-WinnersAwardImage img, body.str-Pageid00000055 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner .str-WinnersContent .str-WinnersAwardImage img, body.str-Pageid00000055 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner .str-WinnersContent .str-WinnersAwardImage img, body.str-Pageid00000059 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner .str-WinnersContent .str-WinnersAwardImage img, body.str-Pageid00000059 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner .str-WinnersContent .str-WinnersAwardImage img, body.str-Pageid00000060 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner .str-WinnersContent .str-WinnersAwardImage img, body.str-Pageid00000060 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner .str-WinnersContent .str-WinnersAwardImage img, body.str-Pageid00000064 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner .str-WinnersContent .str-WinnersAwardImage img, body.str-Pageid00000064 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner .str-WinnersContent .str-WinnersAwardImage img, body.str-Pageid00000068 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersAward .str-WinnersInner .str-WinnersContent .str-WinnersAwardImage img, body.str-Pageid00000068 #str-WYSIWYGContainer div.str-WinnersRow div.str-WinnersImage .str-WinnersInner .str-WinnersContent .str-WinnersAwardImage img { max-width: 250px; max-height: 150px; object-fit: contain; } /* Entry pages */ @media screen and (max-width: 48em) { #str-CompDashHeader { float: none; margin-left: 0; } } #str-CompDashDaysLeft { color: #58595b; text-align: right; } @media screen and (max-width: 48em) { #str-CompDashDaysLeft { text-align: left; } } #tbirdform-errors { /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-bottom: 15px; margin-bottom: 0.9375rem; } #frm-CompetitionForm label br, #frm-CompetitionForm label span, #frm-RestartForm label span, #frm-ResendForm label span, #frm-CompetitionImage label span, #frm-CompetitionVideo label span, #mc-embedded-subscribe-form label span, #mc-topbar-subscribe-form label span { display: none; } #frm-CompetitionForm label.str-Captcha img { float: left; margin-bottom: 5px; } #frm-CompetitionForm label.str-Captcha span.highlight { display: inline-block; float: left; font-size: 12px; font-size: 0.75rem; line-height: 15.3px; line-height: 0.95625rem; /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-left: 10px; margin-left: 0.625rem; width: 180px; } #frm-CompetitionForm label.str-Captcha input { float: left; } #frm-CompetitionForm input, #frm-CompetitionForm select, #frm-CompetitionForm textarea, #frm-RestartForm input, #frm-ResendForm input, #frm-CompetitionImage input, #frm-CompetitionImage textarea, #frm-CompetitionImage select, #frm-CompetitionVideo input, #frm-CompetitionVideo textarea, #frm-CompetitionVideo select, #str-Content #mc-embedded-subscribe-form input, #frm-VoteNow input { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 300; border-radius: 0; /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 10px; padding: 0.625rem; /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-bottom: 5px; margin-bottom: 0.3125rem; width: 100%; } #frm-CompetitionForm textarea, #frm-CompetitionImage textarea, #frm-CompetitionVideo textarea { font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif; } #frm-RestartForm input#ClientToken, #frm-ResendForm input#ClientEmail { width: calc(67% - 5px); } #frm-RestartForm input#regbutt, #frm-ResendForm input#resbutt { width: 33%; } #frm-CompetitionImage input#tbsubmit, #frm-CompetitionVideo input#tbsubmit { width: calc(66% - 5px); } #frm-CompetitionImage input#tbcancel, #frm-CompetitionVideo input#tbcancel { width: 33%; } #frm-CompetitionForm option, #frm-CompetitionImage option, #frm-CompetitionVideo option { color: #02202a; } #frm-CompetitionForm option[value="0"], #frm-CompetitionImage option[value="0"], #frm-CompetitionVideo option[value="0"] { color: #afafaf; } form#frm-ContactForm textarea, form#frm-CompetitionImage textarea, form#frm-CompetitionVideo textarea { height: 203px; } form#frm-CompetitionForm textarea { height: 102px; } #frm-CompetitionForm #frm-ClientSurname, #frm-CompetitionForm #CountryID, #frm-CompetitionForm #frm-ClientTel1, #frm-CompetitionForm #frm-ClientEmail, #frm-CompetitionImage #CompcatsID, #frm-CompetitionImage #frm-ClientimagesShotLocation, #frm-CompetitionImage #upimage1, #frm-CompetitionImage #frm-ClientimagesShotLocation, #frm-CompetitionVideo #upimage1, #frm-CompetitionVideo #frm-ClientvideosShotLocation { /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-bottom: 15px; margin-bottom: 0.9375rem; } #frm-CompetitionImage #tbd-ClientimagesTitle, #frm-CompetitionImage #tbd-ClientimagesDescription, #frm-CompetitionVideo #tbd-ClientvideosTitle, #frm-CompetitionVideo #tbd-ClientvideosDescription, #frm-CompetitionForm #tbd-ClientSocials { /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-bottom: 15px; margin-bottom: 0.9375rem; } #frm-CompetitionImage #tbd-ClientimagesTitle div, #frm-CompetitionImage #tbd-ClientimagesDescription div, #frm-CompetitionVideo #tbd-ClientvideosTitle div, #frm-CompetitionVideo #tbd-ClientvideosDescription div, #frm-CompetitionForm #tbd-ClientSocials div { font-size: 85%; font-style: italic; /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the margin property has been declared within the mixin statement * then set the margin property accordingly using shorthand. */ margin: 0 auto 15px; margin: 0 auto 0.9375rem; } #frm-CompetitionForm button { width: 100%; border: none; border-radius: 0; padding: 10px; margin: 0; text-shadow: none; box-shadow: none; } #frm-CompetitionForm button:hover { border: none; border-radius: 0; padding: 10px; text-shadow: none; box-shadow: none; } #str-VoteNow #str-VotedImage img { height: auto; width: 100%; } #frm-VoteNow #tbd-VotingEmail .tdl { display: none; } #frm-VoteNow #tbd-VotingEmail .tdr { margin-right: 0; } @media screen and (max-width: 35.5em) { #frm-VoteNow #tbd-VotingMailingList .tdl { width: 66.6666666667%; } } #frm-VoteNow #tbd-VotingMailingList .tdr { text-align: right; } @media screen and (max-width: 35.5em) { #frm-VoteNow #tbd-VotingMailingList .tdr { width: 33.3333333333%; } } #frm-VoteNow #tbd-VotingMailingList .tdl, #frm-VoteNow #tbd-VotingMailingList .tdr { margin: 0; } #frm-VoteNow #tbd-CaptchaField .tdl { display: none; } #frm-VoteNow #tbd-CaptchaField .tdr .g-recaptcha > div { margin: 0; } #frm-VoteNow .tbd-FormButtons { /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-top: 15px; margin-top: 0.9375rem; } #frm-VoteNow .tbd-FormButtons input.button { /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-bottom: 15px; margin-bottom: 0.9375rem; } #frm-VoteNow .tbd-FormButtons input.button#tbcancel { background: #a5b0c4; } #frm-VoteNow .tbd-FormButtons input.button#tbcancel:hover { background: #96a3b9; } @media screen and (max-width: 48em) { #frm-CompetitionForm .c3, #frm-RestartForm .c3, #frm-ResendForm .c3, #frm-CompetitionForm .c3, #frm-CompetitionImage .c3, #frm-CompetitionVideo .c3, #mc-embedded-subscribe-form .c3, #frm-VoteNow .c3 { padding: 0; } } #frm-CompetitionForm .frm-InputRadio, #frm-RestartForm .frm-InputRadio, #frm-ResendForm .frm-InputRadio, #frm-CompetitionForm .frm-InputRadio, #frm-CompetitionImage .frm-InputRadio, #frm-CompetitionVideo .frm-InputRadio, #mc-embedded-subscribe-form .frm-InputRadio, #frm-VoteNow .frm-InputRadio { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the margin property has been declared within the mixin statement * then set the margin property accordingly using shorthand. */ margin: 4px 10px 0 4px; margin: 0.25rem 0.625rem 0 0.25rem; width: auto; vertical-align: top; } #frm-CompetitionForm button, #frm-CompetitionForm input.button, #frm-RestartForm button, #frm-RestartForm input.button, #frm-ResendForm button, #frm-ResendForm input.button, #frm-CompetitionForm button, #frm-CompetitionForm input.button, #frm-CompetitionImage button, #frm-CompetitionImage input.button, #frm-CompetitionVideo button, #frm-CompetitionVideo input.button, #mc-embedded-subscribe-form button, #mc-embedded-subscribe-form input.button, #frm-VoteNow button, #frm-VoteNow input.button { width: 100%; border: none; border-radius: 0; margin: 0; text-shadow: none; box-shadow: none; } #frm-CompetitionForm button:hover, #frm-CompetitionForm input.button:hover, #frm-RestartForm button:hover, #frm-RestartForm input.button:hover, #frm-ResendForm button:hover, #frm-ResendForm input.button:hover, #frm-CompetitionForm button:hover, #frm-CompetitionForm input.button:hover, #frm-CompetitionImage button:hover, #frm-CompetitionImage input.button:hover, #frm-CompetitionVideo button:hover, #frm-CompetitionVideo input.button:hover, #mc-embedded-subscribe-form button:hover, #mc-embedded-subscribe-form input.button:hover, #frm-VoteNow button:hover, #frm-VoteNow input.button:hover { border: none; border-radius: 0; text-shadow: none; box-shadow: none; } #str-CompetitionBulk .uploadifive-queue-item .progress { max-width: calc(100% - 20px); } .str-CompCatsContainter { overflow: hidden; } .str-CompCatsContainter p.fr, .str-CompCatsContainter .fr#str-AdminEntrantsContainer { /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-top: 20px; margin-top: 1.25rem; } @media screen and (max-width: 48em) { .str-CompCatsContainter p.fr, .str-CompCatsContainter .fr#str-AdminEntrantsContainer { float: none; } } .str-EntryContainer .str-EntryImageText { /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-left: 215px; margin-left: 13.4375rem; /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-top: 0px; margin-top: 0rem; } @media screen and (max-width: 48em) { .str-EntryContainer .str-EntryImageText { margin-left: 0; } } .str-EntryContainer em { color: #9c9e9f; font-style: normal; } @media screen and (max-width: 48em) { .str-EntryContainer p.fl, .str-EntryContainer .fl#str-AdminEntrantsContainer, .str-EntryContainer p#str-CompDashHeader { float: none; text-align: center; } } .str-EntryContainer p.fl img, .str-EntryContainer .fl#str-AdminEntrantsContainer img, .str-EntryContainer p#str-CompDashHeader img { /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-top: 4px; margin-top: 0.25rem; } @media screen and (max-width: 48em) { .str-EntryContainer p.fl img, .str-EntryContainer .fl#str-AdminEntrantsContainer img, .str-EntryContainer p#str-CompDashHeader img { max-width: 100%; } } @media screen and (max-width: 48em) { #tbd-MyEntry, #str-CompEntryButtons { /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-top: 15px; margin-top: 0.9375rem; } } @media screen and (max-width: 48em) { #tbd-MyEntry input[type="button"], #str-CompEntryButtons input[type="button"] { display: block; width: 100%; /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-left: 0px; margin-left: 0rem; } } #str-EntryFinaliseTaC .cc { /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-bottom: 15px; margin-bottom: 0.9375rem; } #str-EntryFinaliseTaC .c24 { padding-top: 3px; padding-left: 0; } #str-EntryFinaliseTaC p, #str-EntryFinaliseTaC #str-AdminEntrantsContainer { width: 95.8333%; float: right; } @media screen and (max-width: 48em) { #str-EntryFinaliseTaC p, #str-EntryFinaliseTaC #str-AdminEntrantsContainer { width: 87.5%; } } /* Admin pages for Entrant management */ #str-AdminEntrantsSearch div { /* * If the first value is defined as an interger then create padding * using shorthand. */ padding-left: 0px; padding-left: 0rem; } #str-AdminEntrantsSearch .c12 { /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the margin property has been declared within the mixin statement * then set the margin property accordingly using shorthand. */ margin: 15px 15px 15px 0; margin: 0.9375rem 0.9375rem 0.9375rem 0; /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 10px; padding: 0.625rem; } #str-AdminEntrantsSearch input { width: calc( 100% - 22px); } #str-AdminEntrantsSearch input.button { width: 100%; } #str-AdminEntrantsContainer { /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-top: 10px; margin-top: 0.625rem; } #str-AdminEntrantsContainer .str-AdminEntrantEach div { padding: 0; } #str-AdminEntriesContainer { text-align: center; } #str-AdminEntriesContainer div.str-AdminEntriesItem { /* * If the first value is defined as an interger then create padding * using shorthand. */ padding-top: 0px; padding-top: 0rem; /* * If the first value is defined as an interger then create padding * using shorthand. */ padding-left: 0px; padding-left: 0rem; } #str-AdminEntriesContainer div.str-AdminEntriesItem.c3 { height: 297px; } #str-AdminEntriesContainer div.str-AdminEntriesItem.c4ss { height: 227px; } #str-AdminEntriesContainer div.str-AdminEntriesItem .str-AdminEntriesItemBorder { border: 1px solid #58595b; /* * If the first value is defined as an interger then create padding * using shorthand. */ /* * First dynamically calculate the necessary margin elements for top, * right, bottom and left and then set these values in variables for * use later. */ /* * If the padding property has been declared within the mixin statement * then set the padding property accordingly using shorthand. */ padding: 5px; padding: 0.3125rem; } #str-AdminEntriesContainer div.str-AdminEntriesItem .str-AdminEntriesItemBorder.str-AdminEntriesYes { background-color: #80F280; } #str-AdminEntriesContainer div.str-AdminEntriesItem .str-AdminEntriesItemBorder.str-AdminEntriesNo { background-color: #F49F9F; } #str-AdminEntriesContainer div.str-AdminEntriesItem .str-AdminEntriesItemBorder.str-AdminEntriesUnset { background-color: inherit; } #str-AdminEntriesContainer div.str-AdminEntriesItem label { /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-left: 15px; margin-left: 0.9375rem; } #str-AdminEntriesContainer div.str-AdminEntriesItem label:first-child { /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-left: 0px; margin-left: 0rem; } #str-AdminEntriesContainer div.str-AdminEntriesItem img { display: block; margin: auto; max-width: 100%; } #str-AdminEntriesContainer div.str-AdminEntriesItem.c3 img { max-height: 245px; } #str-AdminEntriesContainer div.str-AdminEntriesItem.c4 img { max-height: 175px; } #str-AdminEntriesContainer div.nav { text-align: center; /* * If the first value is defined as an interger then create padding * using shorthand. */ margin-bottom: 10px; margin-bottom: 0.625rem; } #str-AdminEntriesContainer div.nav input { vertical-align: middle; } /* Voting gallery */ #str-GalleryVoting .str-ThumbVote { position: absolute; bottom: 0; left: 0; right: 0; height: 50px; text-align: center; border: 1px solid rgba(83, 98, 125, 0.5); } #str-GalleryVoting .str-ThumbVote a { position: absolute; left: 0; height: 100%; width: 100%; background-color: rgba(83, 98, 125, 0.5); font-size: 16px; color: #fff; text-decoration: none; transition: all 75ms ease-out; } #str-GalleryVoting .str-ThumbVote a:hover { font-size: 17px; background-color: #53627d; } #str-GalleryVoting .str-ThumbVote a span { display: flex; justify-content: center; flex-direction: column; height: 100%; padding: 0 10px; } #str-GalleryVoting .pswp__caption__center a { margin-top: 10px; padding: 10px 20px; display: inline-block; font-size: 16px; background-color: #3f4a5e; color: #fff; border: 1px solid #3f4a5e; text-decoration: none; transition: all 75ms ease-out; } #str-GalleryVoting .pswp__caption__center a:hover { font-size: 17px; background-color: #53627d; } #str-VotingTally table { border: 1px solid #333; border-collapse: collapse; } #str-VotingTally table td { border: 1px solid #333; padding: 10px 20px; } .str-Centralise { margin: 0 auto; } .tac { text-align: center; } /* Comp submenu */ .str-CompSubWrap { width: 100%; margin-top: -30px; text-align: center; } @media screen and (max-width: 35.5em) { .str-CompSubWrap { margin-top: 20px; } } .str-CompSubMenu { display: inline-block; margin-bottom: 30px; } .str-CompSubMenu a { margin: 0 .3125rem 0; } /* Blog-specific stuff */ #str-BlogContent { margin: 0 0 0 0; } #str-BlogContent .commentlist .avatar { top: 0; left: -40px; } #str-BlogFooter { clear: both; width: 100%; } #str-BlogContent .post, #str-BlogContent .page { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dotted #868686; } #str-BlogContent .post:last-child { border-bottom: none; } #str-BlogContent h2.entry-title { margin-bottom: 5px; } /*#str-BlogContent h2.entry-title a:link, #str-BlogContent h2.entry-title a:visited, #str-BlogContent h2.entry-title a:active { color: #C0C0C0; } #str-BlogContent h2.entry-title a:hover { color: #ffffff; }*/ #str-BlogContent div.entry-meta, #str-BlogContent div.entry-utility { font-size: 11px; } #str-BlogContent div.entry-meta { margin-bottom: 20px; } #str-BlogContent div.entry-content { overflow: hidden; } #str-BlogContent .wp-caption { max-width: 100%; } #str-BlogContent img { max-width: 100%; width: auto; height: auto; } #str-BlogContent .wp-caption img { margin-bottom: 3px; } #str-BlogContent .wp-caption p.wp-caption-text, #str-BlogContent .wp-caption .wp-caption-text#str-AdminEntrantsContainer { font-size: 11px; font-weight: bold; text-align: center; } #str-BlogContent .alignleft, #str-BlogContent img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; } #str-BlogContent .alignright, #str-BlogContent img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; } #str-BlogContent .aligncenter, #str-BlogContent img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } #str-BlogContent img.alignleft, #str-BlogContent img.alignright, #str-BlogContent img.aligncenter { margin-bottom: 12px; } #comments { clear: both; } #comments .navigation { padding: 0 0 18px 0; } h3#comments-title, h3#reply-title { margin-bottom: 0.4em; } h3#comments-title { padding: 1em 0; } .commentlist { list-style: none; margin: 0; } .commentlist li.comment { border-bottom: 1px dotted #868686; margin: 0 0 24px 0; padding: 0 0 0 56px; position: relative; } .commentlist li:last-child { border-bottom: none; margin-bottom: 0; } #comments .comment-body ul, #comments .comment-body ol { margin-bottom: 18px; } #comments .comment-body p:last-child, #comments .comment-body #str-AdminEntrantsContainer:last-child { margin-bottom: 6px; } #comments .comment-body blockquote p:last-child, #comments .comment-body blockquote #str-AdminEntrantsContainer:last-child { margin-bottom: 24px; } .commentlist ol { list-style: decimal; } .commentlist .avatar { position: absolute; top: 4px; left: 0; } .comment-author cite { font-style: normal; font-weight: bold; } .comment-author .says { font-style: italic; } .comment-meta { font-size: 11px; margin: 0 0 18px 0; } .reply { font-size: 12px; padding: 0 0 24px 0; } .commentlist .children { list-style: none; margin: 0; } .commentlist .children li { border: none; margin: 0; } .nopassword, .nocomments { display: none; } #comments .pingback { border-bottom: 1px dotted #868686; margin-bottom: 18px; padding-bottom: 18px; } .commentlist li.comment + li.pingback { margin-top: -6px; } #comments .pingback p, #comments .pingback #str-AdminEntrantsContainer { display: block; font-size: 12px; line-height: 18px; margin: 0; } #comments .pingback .url { font-size: 13px; font-style: italic; } #respond textarea { width: 98%; } p.form-allowed-tags, .form-allowed-tags#str-AdminEntrantsContainer { display: none; } .widget-area ul { list-style: none; margin-left: 0; } .widget-area ul ul { list-style: square; margin-left: 1.3em; } .widget_search #s { /* This keeps the search inputs in line */ margin: 0; float: left; width: 70%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px; border: none; display: inline-block; } @media screen and (max-width: 48em) { .widget_search #s { width: 50%; } } @media screen and (max-width: 35.5em) { .widget_search #s { width: 70%; } } .widget_search label { display: none; } .widget_search #searchsubmit { margin: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px; width: 30%; display: inline-block; border: none; } @media screen and (max-width: 48em) { .widget_search #searchsubmit { width: 50%; } } @media screen and (max-width: 35.5em) { .widget_search #searchsubmit { width: 30%; } } .widget-container { margin: 0 0 18px 0; } .widget-title { font-weight: bold; margin-bottom: 0.4em; } .widget-area a:link, .widget-area a:visited { text-decoration: none; } .widget-area a:active, .widget-area a:hover { text-decoration: underline; } .widget-area .entry-meta { font-size: 11px; } #wp_tag_cloud div { line-height: 1.6em; } #wp-calendar { width: 100%; } #wp-calendar caption { color: #222; font-size: 14px; font-weight: bold; padding-bottom: 4px; text-align: left; } #wp-calendar thead { font-size: 11px; } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; padding: 3px 0 2px; text-align: center; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { text-align: right; } .widget_rss a.rsswidget { color: #000; } .widget_rss a.rsswidget:hover { color: #ff4b33; } .widget_rss .widget-title img { width: 11px; height: 11px; } #str-Content .widget-area ul { margin-left: 0; padding: 0 0 0 0; } #str-Content .widget-area ul ul { border: none; margin-left: 1.3em; padding: 0; } /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Styles for basic PhotoSwipe functionality (sliding area, open/close transitions) */ /* pswp = photoswipe */ .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ -webkit-backface-visibility: hidden; outline: none; } .pswp * { -webkit-box-sizing: border-box; box-sizing: border-box; } .pswp img { max-width: none; } /* style is added when JS option showHideOpacity is set to true */ .pswp--animate_opacity { /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */ opacity: 0.001; will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--open { display: block; } .pswp--zoom-allowed .pswp__img { /* autoprefixer: off */ cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .pswp--zoomed-in .pswp__img { /* autoprefixer: off */ cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .pswp--dragging .pswp__img { /* autoprefixer: off */ cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* Background is added as a separate element. As animating opacity is much faster than animating rgba() background-color. */ .pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; -webkit-backface-visibility: hidden; will-change: opacity; } .pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } /* Prevent selection and tap highlights */ .pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; /* for open/close transition */ -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp__bg { will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none; } .pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; will-change: transform; } .pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; -webkit-transition: opacity 0.15s; transition: opacity 0.15s; } /* stretched thumbnail or div placeholder element (see below) style is added to avoid flickering in webkit/blink when layers overlap */ .pswp__img--placeholder { -webkit-backface-visibility: hidden; } /* div element that matches size of large image large image loads on top of it */ .pswp__img--placeholder--blank { background: #222; } .pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; } /* Error message appears when image is not loaded (JS option errorMsg controls markup) */ .pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC; } .pswp__error-msg a { color: #CCC; text-decoration: underline; } /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Contents: 1. Buttons 2. Share modal and links 3. Index indicator ("1 of X" counter) 4. Caption 5. Loading indicator 6. Additional styles (root element, top bar, idle state, hidden state, etc.) */ /* 1. Buttons */ /*