@charset "UTF-8"; /*Colors*/ /* Tan color: #ede3d8; Blue color: #0178CE; Lt Blue color: #acbfe2; */ /* CSS Document */ @import url("/static/webfonts/oswald_bold/stylesheet.css"); img, object, embed, video { max-width: 100%; } /* IE 6 does not support max-width so default to width 100% */ .ie6 img { width:100%; } img { border: none; outline: none; } hr { clear:both; } a:active { outline:none; } .share-facebook:link, .share-facebook:visited { color: #FFF !important; } .share-facebook:hover, .share-facebook:active { color: #000 !important; } .share-twitter:link, .share-twitter:visited { color: #FFF !important; } .share-twitter:hover, .share-twitter:active { color: #000 !important; } a:link, a:visited { color: #0178CE; text-decoration: none; } a:hover, a:active { color: #000000; text-decoration: underline; } /* Site Headers */ .lrgHdr, h1, .medHdr, h2, .smHdr, h3, .xsmHdr, h4, .xxsmHdr, h5, .xxxsmHdr, h6 { color: #000000; font-weight: normal; font-family: Impact, "oswald bold", Charcoal, sans-serif; line-height: normal; } .lrgHdr, h1 { font-size: 2em; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; line-height: 40px; } .medHdr, h2 { font-size: 1.8em; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; line-height: 28px; } .smHdr, h3 { font-size: 1.6em; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; line-height: 23px; } .xsmHdr, h4 { font-size: 1.4em; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } .xxsmHdr, h5 { font-size: 1.2em; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } .xxxsmHdr, h6 { font-size: 1.1em; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } /* Content text */ .largeText { font-size: 1.2em; } .bodyText { font-size: 1em; } .medText { font-size: 1.1em; } .smText { font-size: .9em; } /* Content Stuff */ body { /* Use .bodyGoods for background styles */ font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; margin: 0px; padding: 0px; } .container-fluid { margin-left: 0px !important; margin-right: 0px !important; padding-left: 0px !important; padding-right: 0px !important; } .container-fluid .row { margin-left: auto; margin-right: auto; } p { padding-top: 0px; margin-top: 0px; } .bodyGoods { background-color: #FFFFFF; } .copyright { font-size: 0.7em; padding-top: 20px; text-align: center; } .headerBox { background-color: #0179CD; color: #ffffff; } .headerBox .row { /* [disabled]margin-left: -15px; */ /* [disabled]margin-right: -15px; */ } .navbarBox { margin-top: -50px; font-family: Impact, "oswald bold", Charcoal, sans-serif; } .logoBox { text-align:center; } .logoBox img { width:100%; } .logoBoxM { z-index: 9999; } .searchBox { padding-bottom: 15px; padding-top: 15px; display: none; } .searchBox form { text-align: center; float:none; } #searchinput { width: 100%; } #sloganText { color: rgba(1,120,206,1.00); text-align: center; font-size: 1.4em; } .backtoschoolshoes { /*color: rgba(1,120,206,1.00);*/ color: charcoal; font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 1.4em; } .contentBox { background-color: #FFFFFF; /* [disabled]padding-bottom: 20px; */ /* [disabled]padding-top: 20px; */ } .donate-button { color: #FFFFFF !important; width: 100% !important; } .footerBox { color: #ffffff; line-height: 1.2em; padding-top: 20px; /* [disabled]padding-right: 10px; */ /* [disabled]padding-left: 10px; */ padding-bottom: 20px; background-color: rgba(1,121,205,1.00); } .footerBox a:link, .footerBox a:visited { font-weight: normal; color: #FFF; text-decoration: none; } .footerBox a:hover, .footerBox a:active { font-weight: normal; color: #000000; } .footerNav { font-family: Impact, "oswald bold", Charcoal, sans-serif; font-size: 1.1em; text-align: center; padding-top: 20px; } .footerNav li { padding-right: 8px; padding-left: 8px; /* [disabled]border-right: 1px solid #DDDDDD; */ display: inline-block; padding-top: 4px; } .footerNav li:last-of-type { border-right: none; } .footerNav ul { margin: 0px; padding: 0px; list-style-type: none; } .footerNav ul li ul { display: none; } .searchBttn { color: #ffffff; background-color: #DDDDDD; } .sociallinksBox { text-align: center; } .sociallinksBox img { margin-left: 3px; margin-right: 3px; margin-bottom: 8px; } /*For fa icons*/ .sociallinksBox a { display: inline-block; border-radius: 50%; margin-right: 20px; text-align: center; color: #FFFFFF; /* [disabled]width: 35px; */ /* [disabled]height: 35px; */ font-size: 1.6em; } .sociallinksBox a:link, .sociallinksBox a:visited { /* [disabled]background-color: #000000; */ } .sociallinksBox a:hover, .sociallinksBox a:active { /* [disabled]background-color: #CCCCCC; */ } /*For fa icons end*/ .mapBox { text-align: center; } .addressBox { padding-top: 20px; padding-bottom: 0px; text-align: center; } .addressBox p:last-of-type { padding-bottom: 0px; margin-bottom:0px; } #contentLeft { padding-bottom: 20px; } #sidebarBox { border-top: 1px solid #DDDDDD; padding-top: 20px; } .sidebarNav { } .sidebarNav ul { list-style-type: none; border-bottom: 1px solid #E9E9E9; margin-left: 0px; padding-left: 0px; } .sidebarNav li { border-top: 1px solid #E9E9E9; } .sidebarNav a { padding: 6px 10px; display:block; } .sidebarNav a:hover, .sidebarNav a:active { background-color: rgba(102,152,174,0.25); text-decoration:none; color:#333333; } .sidebarNav .active a { background-color: rgba(0,0,0,0.15); color: #FFFFFF; } .photoLeft { padding-bottom:10px; display:block; } .photoRight { padding-bottom:10px; display:block; } #contentLeft .photoLeft, #contentRight .photoLeft, #contentmiddle .photoLeft { } #contentLeft .photoRight, #contentRight .photoRight, #contentmiddle .photoRight { } #sidebarLeftBox, #sidebarLeftBoxIn { padding-bottom: 20px; padding-top: 20px; } #sidebarLeftBox { background-repeat: repeat-y; background-image: url(/static/mainimages/sidebarBg.png); background-size: 100% auto; } #sidebarLeftBox hr { border-top: 1px solid #DDEAF6; } #sidebarLeftBoxIn { background-color:#ede3d8; } #sidebarLeftBoxIn hr { border-top: 1px solid #F5F0EA; } #sidebarHdrBox { text-align: right; font-family: Impact, "oswald bold", Charcoal, sans-serif; font-size: 7em; line-height: 1em; color: rgba(255,255,255,0.89); } #sideContentBox { margin-top: -34px; } #sideContentBox hr:last-of-type { display:none; } #contentRight { padding-top: 20px; /* [disabled]padding-right: 20px; */ padding-bottom: 20px; /* [disabled]padding-left: 20px; */ } #leftsidebar { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #DDDDDD; } #contentmiddle { } #rightsidebar { border-top: 1px solid #DDDDDD; padding-top: 20px; margin-top: 20px; } .photoRowBox { text-align: center; margin-top: 20px; } .photoRowCaption { padding-top:10px; } .photoRowPhoto { } .photoRowPhoto img { } #photoGalleryBox { } #photoGalleryBox .photoRowBox { } #photoGalleryBox .photoRowPhoto img { } .donateBox { background-color: rgba(255,255,255,1.00); padding-top: 20px; padding-bottom: 20px; text-align: center; } .donateBox img { width:100%; } #rotationBox { z-index: 9999; display: none; } #rotationTextBox { } #rotationTextBoxIn { } #rotationTextBoxIn img { height: 150px; } #pagetitleBox { font-family: Impact, "oswald bold", Charcoal, sans-serif; color: rgba(0,0,0,1.00); text-align: center; /* [disabled]padding-right: 9%; */ padding-bottom: 20px; margin-top: -108px; font-size: 1.3em; } #rotationBox img, #rotationTextBox img, #rotationTextBoxIn img { width:100%; } #rotationBox .gallery { flex: 1; overflow:hidden; height:inherit; text-align: center; } #rotationBox .gallery img { height:100%; width:auto; } #rotationBox, #rotationTextBox, .logoBox, .donateBox, #rotationTextBoxIn { } #rotationBttnBox { text-align: center; margin-top: -34%; display: block; } .flex-caption { /* [disabled]padding: 15px; */ } .flex-control-nav { display: none; } .flex-caption img { } #flex-caption-right { margin-left:10px; } #flex-caption-left { margin-left:10px; } .flex-direction-nav { } .captionwidth {} .columnsSplitter { } .columnsSplitter p { /* class to restrict breaking on */ break-inside: avoid-column; -webkit-column-break-inside: avoid; page-break-inside: avoid; overflow: hidden; /* optional */ display:inline-block; /* optional */ } /*See more at: http://avexdesigns.com/responsive-youtube-embed/#sthash.az9oS8bv.dpuf */ .video-container { position: relative; /*padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;*/ } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .galleryheader { text-align:center; } .gallerynav { /* [disabled]padding-bottom: 40px; */ padding-top: 30px; font-size: 0.9em; } .galleryphoto { text-align: center; } .galleryphoto img { position:relative; margin-right:auto; margin-left:auto; max-height:100% !important; width:auto !important; } .galleryphoto button { } .gallerythumbs { display:none; } .gallerythumbs img { /*min-height: 180px;*/ } .gallerythumbs div { /*min-height: 180px;*/ margin-right:3px; margin-left:3px; } .gallerythumbs .slick-dots { } .gallerythumbs .slick-current { border:4px solid #1E1E1E; } @media (min-width: 415px) { .galleryphoto { } .galleryphoto img { } .galleryphoto button { display:none !important; } .gallerythumbs { display:block; padding-top: 0px; } #sloganText { font-size:1.2em; } } .form-content-box { padding-top: 20px; } .form-left-col { padding-top: 20px; } .form-right-col { padding-top: 20px; text-align: center; } .buttonRow { } .buttonBox { margin-bottom: 20px; } .buttonBox a:link, .buttonBox a:visited { color:#000; } .buttonBox a:hover, .buttonBox a:active { color: #FFF; text-decoration: none; } .buttonBox:first-of-type { } .buttonBox:last-of-type { } .buttonImage { } .buttonImage img { width:100%; } .buttonText { background-color: #acbfe2; font-family: Impact, "oswald bold", Charcoal, sans-serif; text-align: center; font-size: 1.6em; padding-top: 10px; padding-bottom: 10px; } @media (min-width: 768px) { body { } .container-fluid { } .container-fluid .row { margin-left: 0px; margin-right: 0px; } .hidden-xs { display: inline !important; } .bodyGoods { } .copyright { text-align: right; margin-top: -36px; padding-top: 0px; } .headerBox { background-color: rgba(255,255,255,1.00); } .navbarBox { background-color: rgba(1,121,205,1.00); margin-top: 0px; padding-top: 14px; padding-bottom: 14px; } .logoBox { } .logoBoxM { } .searchBox { display: block; } .managetopBox { margin-top: 15px; text-align: right; } #sloganText { text-align: left; font-size: 1.15em; padding-bottom: 10px; } .contentBox { padding-top: 10px; } .footerBox { padding-top: 25px; padding-right: 15px; padding-bottom: 25px; padding-left: 15px; } .footerNav { display: block; text-align: right; padding-top: 2px; } .sociallinksBox { text-align: left; } .sociallinksBox img { } .mapBox { float:left; margin-right:2%; } .addressBox { padding-top:0px; text-align: left; font-size: 1em; } #contentLeft { padding-bottom: 0px; } #sidebarBox { padding-top: 0px; border-top-style: none; border-left: 1px solid #DDDDDD; padding-left: 20px; } .sidebarNav { } .sidebarNav ul { } .sidebarNav li { } .photoLeft { padding-right: 20px; padding-bottom: 10px; float: left; } .photoRight { padding-bottom: 10px; padding-left: 20px; float: right; } #contentLeft .photoLeft, #contentRight .photoLeft, #contentmiddle .photoLeft { padding-right: 0px; padding-bottom: 10px; float: none; } #contentLeft .photoRight, #contentRight .photoRight, #contentmiddle .photoRight { padding-bottom: 10px; padding-left: 0px; float: none; } #leftsidebar { border-top-style: none; border-right: 1px solid #DDDDDD; border-bottom-style: none; padding-right: 20px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; } #contentmiddle { } #rightsidebar { padding-left: 20px; border-left: 1px solid #DDDDDD; margin-top: 0px; border-top-style: none; padding-top: 0px; } #sidebarLeftBox, #sidebarLeftBoxIn { padding-bottom: 20px; padding-top: 20px; padding-right: 20px; padding-left: 20px; } #sidebarLeftBox { } #sidebarLeftBoxIn { } #sidebarHdrBox { } #contentRight { padding-top: 0px; padding-left: 15px; padding-right: 0px; padding-bottom: 20px; } .donateBox { padding-top: 0px; padding-bottom: 0px; } #rotationBox { display: block; } #rotationTextBox { /* Don't use negative margins here- breaks rotation in firefox/chrome */ } #rotationTextBoxIn { padding: 0px; margin-top: 0%; margin-right: 0%; margin-bottom: 0%; margin-left: 0%; } #rotationTextBoxIn img { height: auto; } #pagetitleBox { margin-top: -70px; text-align: right; padding-right: 20px; font-size: 1.5em; } #rotationBttnBox { margin-top: -21%; display: block; } #rotationBox, #rotationTextBox, .logoBox, .donateBox, #rotationBttnBoxIn { padding-left: 0px; padding-right: 0px; margin-top: 0px; } .flex-caption { visibility: visible; /* [disabled]padding: 15px; */ font-size: 1.1em; top: 30%; text-align: center; width:100%; margin-left: auto; margin-right: auto; } .flex-control-nav { display: none; } .flex-control-nav li { } .flex-caption img { visibility:visible; width:auto !important; } #flex-caption-left { margin-left:20px; } #flex-caption-right { margin-left:500px; } .flex-direction-nav { } .captionwidth {} .flexCaptionBox { } .columnsSplitter { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 15px; /* Chrome, Safari, Opera */ -moz-column-gap: 15px; /* Firefox */ column-gap: 15px; } .columnsSplitter p { /* class to restrict breaking on */ break-inside: avoid-column; -webkit-column-break-inside: avoid; page-break-inside: avoid; overflow: hidden; /* optional */ display:inline-block; /* optional */ } .galleryheader { text-align:left; } .gallerynav { } .galleryphoto { } .galleryphoto img { } .gallerythumbs { } .form-content-box {} .form-left-col {} .form-right-col { text-align: left; padding-left: 50px; } .buttonRow { } .buttonBox { width: 32.3%; margin-right: 1.3%; float: left; } .buttonBox:first-of-type { } .buttonBox:last-of-type { margin-right: 0%; } .buttonImage { } .buttonText { font-size: 1.3em; } } @media (min-width: 992px) { body { } .container-fluid { } .container-fluid .row { } .bodyGoods { } .copyright { } .headerBox { } .navbarBox { } .logoBox { } .logoBoxM { } .searchBox { } #sloganText { font-size: 1.3em; } .contentBox { } .footerBox { font-size: 1em; } .footerNav { } .sociallinksBox { } .sociallinksBox img { } .addressBox { } #contentLeft { } #sidebarBox { } .sidebarNav { } .sidebarNav ul { } .sidebarNav li { } .photoLeft { padding-right: 20px; padding-bottom: 10px; float: left; } .photoRight { padding-bottom: 10px; padding-left: 20px; float: right; } #contentLeft .photoLeft, #contentRight .photoLeft, #contentmiddle .photoLeft { padding-right: 20px; padding-bottom: 10px; float: left; } #contentLeft .photoRight, #contentRight .photoRight, #contentmiddle .photoRight { padding-bottom: 10px; padding-left: 20px; float: right; } #leftsidebar { padding-right: 20px; border-right: 1px solid #DDDDDD; } #contentmiddle { } #rightsidebar { padding-left: 20px; border-left: 1px solid #DDDDDD; margin-top: 0px; border-top-style: none; padding-top: 0px; } #sidebarLeftBox, #sidebarLeftBoxIn { } #sidebarLeftBox { } #sidebarLeftBoxIn { } #sidebarHdrBox { } #contentRight { padding-top: 0px; } .donateBox { } #rotationBox { } #rotationTextBox { /* Don't use negative margins here- breaks rotation in firefox/chrome */ } #rotationTextBoxIn { } #pagetitleBox { margin-top: -70px; font-size: 2em; } #rotationBttnBox { margin-top: -23%; } #rotationBox, #rotationTextBox, .logoBox, .donateBox, #rotationBttnBoxIn { } .flex-caption { visibility: visible; padding: 0px; top: 30%; font-size: 1.2em; } .flex-control-nav { display: block; } .flex-control-nav li { display: none !important; } .flex-caption img { width:auto !important; } #flex-caption-left { margin-left:20px; } #flex-caption-right { margin-left:680px; } .flex-direction-nav { } .captionwidth { width: 1024px; margin-left: auto; margin-right: auto; float: none; clear: both; } .flexCaptionBox { border-radius: 15px; background-color: rgba(255,255,255,0.80); padding: 5%; width: 90%; font-size: 1em; } .columnsSplitter { -webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-column-count: 3; /* Firefox */ column-count: 3; -webkit-column-gap: 15px; /* Chrome, Safari, Opera */ -moz-column-gap: 15px; /* Firefox */ column-gap: 15px; } .columnsSplitter p { /* class to restrict breaking on */ break-inside: avoid-column; -webkit-column-break-inside: avoid; page-break-inside: avoid; overflow: hidden; /* optional */ display:inline-block; /* optional */ } .galleryheader { } .gallerynav { } .galleryphoto { } .galleryphoto img { } .gallerythumbs { } .form-content-box {} .form-left-col {} .form-right-col {} .buttonRow { } .buttonBox { width: 31.5%; margin-right: 2.7%; } .buttonBox:first-of-type { } .buttonBox:last-of-type { } .buttonImage { } .buttonText { } } @media (min-width: 1200px) { body { } .container-fluid { } .container-fluid .row { } .bodyGoods { } .copyright { } .headerBox { } .navbarBox { } .logoBox { } .logoBoxM { } .searchBox { } #sloganText { font-size: 1.45em; } .contentBox { } .footerBox { } .footerNav { } .sociallinksBox { } .sociallinksBox img { } .addressBox { } #contentLeft { } #sidebarBox { } .sidebarNav { } .sidebarNav ul { } .sidebarNav li { } .photoLeft { } .photoRight { } #contentLeft .photoLeft, #contentRight .photoLeft, #contentmiddle .photoLeft { } #contentLeft .photoRight, #contentRight .photoRight, #contentmiddle .photoRight { } #leftsidebar { } #contentmiddle { } #rightsidebar { } #sidebarLeftBox, #sidebarLeftBoxIn { } #sidebarLeftBox { } #sidebarLeftBoxIn { /* [disabled]margin-top:-35px; */ padding-top: 35px; } #sidebarHdrBox { } #contentRight { } .donateBox { } #rotationBox { } #rotationTextBox { /* Don't use negative margins here- breaks rotation in firefox/chrome */ } #rotationBttnBoxIn { } #pagetitleBox { font-size: 2.3em; } #rotationBox, #rotationTextBox, .logoBox, .donateBox { } .flex-caption { visibility: visible; padding: 0px; top: 31%; } .flex-control-nav { display: block; } .flex-control-nav li { display: none !important; } .flex-caption img { width:auto !important; } #flex-caption-left { margin-left:20px; } #flex-caption-right { margin-left:680px; } .flex-direction-nav { } .captionwidth { width: 1024px; margin-left: auto; margin-right: auto; float: none; clear: both; } .flexCaptionBox { } .columnsSplitter { -webkit-column-count: 4; /* Chrome, Safari, Opera */ -moz-column-count: 4; /* Firefox */ column-count: 4; -webkit-column-gap: 15px; /* Chrome, Safari, Opera */ -moz-column-gap: 15px; /* Firefox */ column-gap: 15px; } .columnsSplitter p { /* class to restrict breaking on */ break-inside: avoid-column; -webkit-column-break-inside: avoid; page-break-inside: avoid; overflow: hidden; /* optional */ display:inline-block; /* optional */ } .galleryheader { } .gallerynav { } .galleryphoto { } .galleryphoto img { } .gallerythumbs { } .form-content-box {} .form-left-col {} .form-right-col {} .buttonRow { } .buttonBox { } .buttonBox:first-of-type { } .buttonBox:last-of-type { } .buttonImage { } .buttonText { } } /* -- Removes the div height matching -- */ @media only screen and (min-width: 0px) and (max-width: 770px) { #sidebarBox, #rightsidebar, #leftsidebar, #sidebarLeftBox, #contentLeft, #contentRight, #rotationBox, #rotationTextBox, #rotationTextBoxIn { height: auto !important; max-height: 888678px; } .flex-caption { visibility:hidden; } } /*@media only screen and (min-width: 581px) and (max-width: 769px) { #rightsidebar { height: auto !important; max-height: 888678px; } .flex-caption { visibility:hidden; } } */ /*Bootstrap-ish CSS*/ .table { background-color:#ffffff; } /*Stacks table td for mobile sites and makes xs buttons bigger*/ @media (max-width: 768px) { .table td { display:block; } .table tr { display:block; } .table th { display:none; } .table .btn-xs { width:100%; font-size:1.3em; padding-top:8px; padding-bottom:8px; } } /*Form Stuff*/ .mezzanine-form .help-block { display: none; /* Hides help text */ font-size: 0.8em; } .control-label { display:block; } .charfield label, .emailfield label, .floatfield label { display:none; /* Hides the form lable */ } .form-group > input[type="text"], .form-group > input[type="password"], .form-group > input[type="datetime"], .form-group > input[type="datetime-local"], .form-group > input[type="date"], .form-group > input[type="month"], .form-group > input[type="time"], .form-group > input[type="week"], .form-group > input[type="number"], .form-group > input[type="email"], .form-group > input[type="url"], .form-group > input[type="search"], .form-group > input[type="tel"], .form-group > input[type="color"], .form-group > select, .form-group > textarea { width: 100%; max-width: 100%; background-color: #ffffff; } .form-actions { background-color: #FFFFFF; border-top: none; padding: 0px; margin-bottom: 15px; border-radius: 5px; } /* Trageted Form Styles (Use the embed page name for id) */ /* Button Stuff */ .btn-sitefont { font-family: "oswald bold", "Oswald Bold", Impact, "oswald bold", Charcoal, sans-serif; font-size: 1.2em; } .price { font-size:1.2em; } .old-price { } legend { color: #DDDDDD; } /* Custom Button Colors */ /* Duplicate this set of styles to add a new "bootstrap" button */ /*Master Button*/ .btn-sitecolor { color: #FFFFFF; background-color: #DDDDDD; border-color: #DDDDDD; } .btn-sitecolor:hover, .btn-sitecolor:focus, .btn-sitecolor:active, .btn-sitecolor.active, .open .dropdown-toggle.btn-sitecolor { color: #FFFFFF; background-color: #FFB565; border-color: #DDDDDD; } .btn-sitecolor:active, .btn-sitecolor.active, .open .dropdown-toggle.btn-sitecolor { background-image: none; } .btn-sitecolor.disabled, .btn-sitecolor[disabled], fieldset[disabled] .btn-sitecolor, .btn-sitecolor.disabled:hover, .btn-sitecolor[disabled]:hover, fieldset[disabled] .btn-sitecolor:hover, .btn-sitecolor.disabled:focus, .btn-sitecolor[disabled]:focus, fieldset[disabled] .btn-sitecolor:focus, .btn-sitecolor.disabled:active, .btn-sitecolor[disabled]:active, fieldset[disabled] .btn-sitecolor:active, .btn-sitecolor.disabled.active, .btn-sitecolor[disabled].active, fieldset[disabled] .btn-sitecolor.active { background-color: #FFCF9B; border-color: #FFE1C0; } .btn-sitecolor .badge { color: #ffffff; background-color: #333333; } /*Master Button End*/ .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.428571429; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .thumbnail > img, .thumbnail a > img { display: block; height: auto; max-width: 100%; margin-right: auto; margin-left: auto; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #C5C5C5; background-color: #ECECEC; text-decoration: none; } .thumbnail .caption { padding: 9px; color: #333333; }