/* * HTML5 Boilerplate * * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. */ /* ========================================================================== Base styles: opinionated defaults ========================================================================== */ html, button, input, select, textarea { color: #222; } html { background: url(/img/main-bg.jpg) no-repeat center center fixed; background-color: #e7e2cf; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-width: 1050px; } body { font-size: 1em; line-height: 1.4; font-family: 'Cabin', Verdana, sans-serif; min-width: 1050px; } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection rule sets have to be separate. * Customize the background color to match your design. */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } a { text-decoration: none; color:#82312d; } /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* * Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */ img { vertical-align: middle; border:0; } /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical; } /* ========================================================================== Chrome Frame prompt ========================================================================== */ .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* ========================================================================== Author's custom styles ========================================================================== */ /* ========================================================================== Helper classes ========================================================================== */ /* * Image replacement */ .ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 150%; } /* * Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* * Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* * Extends the .visuallyhidden class to allow the element to be focusable * when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* * Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } /* * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .clearfix { *zoom: 1; } /* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */ @media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ } @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ } /* ========================================================================== Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } #event_slider { display:none;} a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links for images, or javascript/internal links */ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } .fl-left { float:left; } /* ========================================================================== Main styles. ========================================================================== */ .fullBg { position: fixed; top: 0; left: 0; overflow: hidden; } .wrapper{ position:relative; } .wrapper-1000{ width:1000px; margin:0 auto; position:relative; } .main-container{ left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .logo{display:table;margin:0 auto;} .circled-list li{ display:inline; float:left; margin:0 5px; } .circled-list li a{ text-decoration: none; color: #ada677; font-size: 18px;border: 2px #ada677 solid;padding: 4px 5px;border-radius: 20px;font-weight: bold;} header{padding-top:5px;position:relative; background:rgba(0,0,0,0.0.8)} header nav ul{display:table;margin:30px auto 20px auto;} header nav ul a{text-decoration:none;} header nav ul li {display:inline;float:left;} header nav ul li.menu{padding:0 30px 0 20px; background:url(/img/nav-bullet-list.png) right center no-repeat; text-align:center;} header nav ul li.menu a{ color:#26436d;} header nav ul li:nth-child(2){padding-left:0;} header nav ul li.langs { position:absolute; right:0;} /* header nav ul li:nth-child(6){background:none;float:right;}*/ header nav ul li:first-child{ margin-right: 90px;padding: 0 0 0 6px;border-left:#26436d 1px solid;width:20px;line-height: 0.9;margin-top:-10px;float:left;}/*old color #d3c584*/ /*header nav ul li:last-child{ margin-left:10px;}*/ header nav ul li:first-child a{font-weight:normal;color:#26436d;font-size:11px;} /* changed color */ header nav ul li:first-child a:hover{color:#d3c584;} header nav ul li:last-child span a{ text-decoration: none; color:#26436d /*#d7ce95*/;font-size: 12px;border-radius: 20px;border: 1px #26436d solid;padding: 4px 5px;font-weight: normal;} header nav ul li:last-child span a:hover{ color:#d7ce95} .header-bottom-border{ height:9px; background:url(/img/header-bottom-border.png)repeat-x; position:relative; z-index:1; } .submenu-container{overflow: hidden;height: 138px;margin-top: -9px;position: relative;z-index: 2;} .submenu{overflow:hidden; width: 1009px;height: 138px;position: absolute;left: -2px;background: url(/img/submenu-bg.png) -3px top no-repeat;top: -122px;} .submenu .nav-arrow-container { position:relative;width: 1009px;height: 138px;} .submenu a.nav-arrow{ position:absolute;bottom:7px;left:493px;background:url(/img/submenu-nav-arrow.png); display:block;width:9px;height:6px; } .submenu a.nav-arrow.down{ background-position:left bottom;cursor: default;} .submenu a.nav-arrow.up{ background-position:left top;} .submenu ul{list-style-type:none;margin:16px 0 0 0;padding:0;width:177px;float:left;position:relative;z-index:1;} .submenu ul:first-child{margin-left:123px;} .submenu ul li {text-align:left;margin-top:5px;} .submenu ul li a{text-decoration:none;color:#112a52;font-size:13px;} .submenu ul li a:hover{text-decoration: underline;} .slider{ height:500px; margin-top:-137px; } .slider.mainpage .description{ display:block; } .slider .description{ height: 34px; overflow: hidden; background: #dbd19c; bottom: 0; position: absolute; width: 100%; /* display:none;*/ } .slider .description p{margin:0;padding:0;font-size:14px; color:#000;} .slider .description .left{float:left;margin-left:10px;margin-top:8px;} .slider .description .right{float:right;} .slider .description .right p{float:left;} .slider .description .right p{ margin-top:8px; } .slider .read-more{margin-left:5px;padding-top:5px;border-left:1px solid #fff;float:right;display:block;width:29px;height:35px;background:url(/img/read-more-note.jpg) left 3px no-repeat;} .slider .showcase-arrow-next{background: url("/img/slider-arrows.png") no-repeat scroll right top transparent;cursor: pointer;display: block;height: 33px;position: absolute;right: 10px;top: 300px;width: 34px;z-index: 2;} .slider .showcase-arrow-previous{ background: url("/img/slider-arrows.png") no-repeat scroll left top transparent; cursor: pointer; display: block; height: 33px;position: absolute;left: 10px;top: 300px;width: 34px;z-index: 2;} .verse{ text-align: center; width: 500px; margin: 50px auto 0; } .verse h1{font-size:18px;color:#8b302d;margin:0;padding:0;} .verse span.sub{color:#8b302d;font-size:14px;} .verse span {color:#6e6965;font-size:12px;padding:0 20px;} .verse p{width:655px;margin:0 auto; color:#6e6965;font-size:12px; margin-top:10px;} .more{height:45px;width:320px;margin:30px auto;background:url(/img/more.png) left bottom no-repeat;text-align:center;} .more a{text-decoration:none;font-size:11px;color:#8b302d; } .highlight-images{height:170px;} .highlight-images ul{list-style-type:none;display:table;margin:0 auto;} .highlight-images ul li:first-child{margin-left:0;} .highlight-images ul li { width:177px; display:inline; float:left; cursor: pointer;} .highlight-images ul li div{width:150px; height:150px; overflow:hidden; border-radius:75px; border:2px #ddd49d solid;} .highlight-images ul li div:hover, .highlight-images ul li div.active { margin:-5px 0 0 -5px; width:160px; height:160px; border:3px #ddd49d solid; border-radius:80px;} .highlight-images ul li div:hover img, .highlight-images ul li div img.active{ width:180px; height:160px; } .archives{ position:relative; width: 987px; height:666px; background:url(/img/archive-container.png?v=1)no-repeat; margin:20px auto;} .archives .latest-news{position: absolute;text-align: right;top: 10px;width: 280px;} .archives .latest-news h1{ color:#7a342a; font-size:17px;} .archives .latest-news p a{display:block;text-decoration:none;color:#63625e;font-size:12px; padding-bottom: 10px; border-bottom:#dad6a7 1px solid; } .archives .latest-news p a:hover{text-decoration:underline;} .archives .latest-news div:last-child p{border:none;} .archives .highlights{left: 325px;position: absolute;top: -10px;width: 338px;} .archives .highlights h1{ color:#7a342a; font-size:20px; text-align:center;} .archives .highlights ul{list-style-type:none;margin:0;padding:0;} .archives .highlights ul li{padding:10px 5px; border-bottom:2px #dad6a7 solid;text-align:center;} .archives .highlights ul li.active{border-bottom:3px #dad6a7 solid;} .archives .highlights ul li.active2{border-bottom:3px #dad6a7 solid;} .archives .highlights ul li a{text-decoration:none;text-align:center;font-size:14px;display:block;color:#63625e;} .archives .highlights ul li a.active{font-weight:bold;} .archives .highlights div{margin:20px 0;} .archives .highlights div img{margin-top:0px;} .archives .highlights div h2{color:#7a342a; font-size:17px;margin:15px 0 35px 0; } .archives .highlights div p{font-size:15px;color:#7a7d76;line-height:18px;padding:0;margin:0;} .archives .publications{position: absolute;text-align: left;top: 10px;width: 280px;right:-2px;} .archives .publications h1{ color:#7a342a; font-size:17px;} .archives .publications p a{display:block;text-decoration:none;color:#63625e;padding-bottom: 10px; border-bottom:#dad6a7 1px solid; } .archives .publications p a:hover{text-decoration:underline;} .archives .publications div:last-child p{border:none;} footer{border-top:2px solid #082c5c;} footer p{font-size:14px; color:#082c5c;} footer p a{text-decoration:none;color:#082c5c;} footer p a:hover{text-decoration:underline;} footer .left{float:left;} footer .right{float:right;} footer .right ul{list-style-type:none;margin:0;padding:5px 0 ;} footer .right ul li{display:inline;float:left;margin:0 5px;} footer .right ul li a{display:block; width:38px;height:38px;background:url(/img/social-icons.png);} footer .right ul li a.email{background-position:right top;} footer .right ul li a.email:hover{background-position:right bottom;} footer .right ul li a.fb{background-position:left top;} footer .right ul li a.fb:hover{background-position:left bottom;} footer .right ul li a.twitter{background-position:-49px top;} footer .right ul li a.twitter:hover{background-position:-49px bottom;} footer .right ul li a.youtube{background-position:-98px top;} footer .right ul li a.youtube:hover{background-position:-98px bottom;} /* ========================================================================== Landing Page Styles. ========================================================================== */ .landing-page{ width:495px; margin:25px auto 0 auto;padding-bottom:15px;} .landing-page .choose-language{margin:100px 0;} .landing-page .choose-language h2{text-align:center;font-weight: normal;font-size:16px;color:#241a71;} .landing-page .choose-language ul{list-style-type:none;display:table;margin:30px auto;padding-left:0;} .landing-page .message{text-align:center;font-size:18px;color:#241a71;} .bottom-border{border-bottom:8px #d4ca8c solid;height:4px;position:fixed;width:100%;bottom:0;left:0;z-index:2;} .al-kanisa-maryamiyya{position:fixed;bottom:0;right:50px;} .al-kanisa-maryamiyya p{float:left; text-align:right;margin-top:333px;color:#d4ca8c;font-size:12px;margin: 280px 15px 0 0;} .al-kanisa-maryamiyya p b{display:block;} .al-kanisa-maryamiyya img{float:right;} /* ========================================================================== Album ========================================================================== */ .album{margin:70px auto 0 auto;} .album ul{list-style-type:none;display:table;margin:0 auto;padding:0;} .album ul li { width:270px; margin-left:25px;margin-right:25px; display:inline; float:left; cursor: pointer; height:350px; margin-bottom:70px; } .album ul li div.img-container{ height:237px;} .album ul li div.img-content{width:230px; height:230px; overflow:hidden; border-radius:141px; border:4px #ddd49d solid; margin:0 auto;} .album ul li div.img-content:hover { width:235px; height:235px; border:4px #812e26 solid;border-radius:151px;} .album ul li div.img-content:hover img{ width:235px; height:235px; } .album ul li:hover h2{ font-weight:bold; } .album ul li h2 { padding-top:5px; width:235px; margin:0 auto; font-size:12; font-weight:normal; color:#882d2c; text-align:center; background:url(/img/gallery-h2-border.png) left top repeat-x;} .album.videocats ul li div.img-content{border-radius:0px!important;width:250px;height:180px;} .album.videocats ul li div.img-content:hover { border-radius:0px!important;} .album.videocats ul li div.img-content:hover img{ width:auto;height:auto;} .album.videocats ul li div.img-container{ height:179px;} /* ========================================================================== page ========================================================================== */ .page-header {margin:40px 0 10px 60px; } .page-header ul{display:block;margin:0;} .page-header li.menu{ margin:50px 0;padding:0 50px; background:url(/img/nav-bullet-list.png) right center no-repeat; text-align:center;line-height: static; } .page-header li.menu a{ color:#26436d; font-size: 1em; line-height: 1.4; border:none; font-weight:normal;} .page-header li.menu:first-child{ border:none; width:auto; } .page-header li.menu:last-child{ background:none; } .page-title{color:#0a2962; font-size:13px; display:table; margin: 0 auto 15px auto;} .page-content{ margin-top:-137px; } .gallery .slider{ height:850px; margin:80px auto; } .main-content { background:rgba(255,255,255,0.4); margin-bottom:100px; border-left:1px solid #d7d1a1; border-right:1px solid #d7d1a1;position:relative} .main-content h1.title { font-size:16px; display:table; padding:35px 7px 18px 7px; background:#82312d; color:#fff; margin:0 0 0 120px; letter-spacing:2px; border-radius:0 0 15px 15px; } .main-content h1.title ul, .main-content h1.title li { margin:0;padding:0; } .hightlights ul.content li{margin-bottom:5px;padding-bottom: 5px; } .hightlights ul.content, .archive ul.content{ margin:35px 0 35px 120px; list-style-type:none;padding:0; display:block;} .archive ul.content ul {list-style: none;} .hightlights ul.content li, .archive ul.content li{margin-bottom:15px;padding-bottom: 15px; border-bottom:#b6b5b1 1px solid;} .archive ul.content li ul { margin-top: 10px; margin-left:10px;} .archive ul.content li ul li { margin-bottom: 10px; } .archive ul.content li h2{font-size:14px; color:#82312d; margin:0; padding:0;} .archive ul.content li h2 img{padding-right:15px;} .archive ul.content li p{width:470px;padding:0 0 3px 0;margin:0 0 0 0; color:#64635f;line-height:27px; text-align:justify;} .archive ul a {color:inherit;text-decoration: none;} .archive ul.content li div { margin-left: 15px;} .archive2Col ul.content{ margin:35px 0 35px 120px; list-style-type:none;padding:0; display:block;} .archive2Col ul.content ul {list-style: none;} .archive2Col { margin-bottom:40px;} .archive2Col ul.content li{margin-bottom:0px;padding-bottom:20px; padding-top:20px; width:345px; float:left; margin-left: 10px; height:auto; border-bottom:#b6b5b1 1px solid;} /*.archive2Col ul.content li:nth-child(2n+1) {margin-left:0;clear:both}*/ .archive2Col ul.content li {margin-left:0;clear:both} .archive2Col ul.content li ul { margin-top: 10px; margin-left:10px;} .archive2Col ul.content li ul li { margin-bottom: 10px; } .archive2Col ul.content li h2{font-size:14px; color:#82312d; margin:0; padding:0;} .archive2Col ul.content li div { width:210px; margin-left: 15px;} .archive2Col ul.content li h2 img{padding-right:15px;} .archive2Col ul.content li p{width:auto;padding:0 0 3px 0;margin:0 0 0 0px; color:#64635f;line-height:1.3em; text-align:justify; max-height:75px;} .archive2Col ul a {color:inherit;text-decoration: none;} .archiveDrop ul.content{ margin:35px 0 35px 120px; list-style-type:none;padding:0; display:block;} .archiveDrop ul.content ul {list-style: none;} .archiveDrop { margin-bottom:80px;} .archiveDrop ul.content li{margin-bottom:20px;padding-bottom:0px; } .archiveDrop ul.content li ul { margin-top: 10px; margin-left:10px;} .archiveDrop ul.content li ul li { margin-bottom: 10px; } .archiveDrop ul.content li h2{font-size:14px; color:#82312d; margin:0; padding:0;} .archiveDrop ul.content li h2 img{padding-right:15px;} .archiveDrop ul.content li p{padding:0 0 3px 0;margin:0 0 0 0px; color:#64635f;line-height:1.3em; text-align:justify; border-bottom:#b6b5b1 1px solid;} .archiveDrop ul a {color:inherit;text-decoration: none;} .hightlights ul.content li h2{font-size:14px; color:#82312d; margin:0; padding:0;} .hightlights ul.content li img{margin-right:30px;} .hightlights ul.content li div p{width:470px;padding:0;margin:0;font-size:12px; color:#64635f;line-height:18px; text-align:justify;} .page-content ul.list-2{list-style-type:none;display:table;margin:50px auto;padding:0;} .page-content ul.list-2 li { width:195px; display:inline; float:left; cursor: pointer; } .page-content ul.list-2 li div.img-container{ height:174px;} .page-content ul.list-2 li div.img-content{margin:0 auto; width:160px; height:160px; overflow:hidden; border-radius:75px; border:2px #ddd49d solid;} .page-content ul.list-2 li div.img-content:hover { width:160px; height:160px; border:3px #ddd49d solid; border-radius:80px;} .page-content ul.list-2 li div.img-content:hover img{ width:160px; height:160px; } .page-content ul.list-2 li h2{width:133px; margin:0 auto; text-align:center; color:#81322d; font-size:14px; background:#d8cdb1;} .page-content ul.list-2 li p{margin:0;padding:0;font-size:12px; color:#81322d; width:133px; margin:10px auto; text-align:center; } .page-content .content-details{ width:750px; margin-left:120px; word-break: normal;margin-top:10px; position:relative;line-height: 1.75em;} .page-content .content-details a {line-height:auto;} .page-content .content-details h2, .pagetitle {margin:0 0 15px 0;padding:0;color:#6c6b67;font-size:21px; font-weight:normal;} .page-content .content-details h2 span{color:#82312d;} .page-content .content-details div p{/*font-size:12px;*/ color:#64635f;line-height:1.75em;word-wrap:break-word;word-spacing: 0.35em;text-align: justify!important;} .toggleNextUl {cursor: pointer;} .bold {font-weight: bold;} .media { width:42px; height:40px; background-image: url(../images/media.png); background-repeat: no-repeat; display: block; float:left; text-decoration: none; opacity:1; margin-bottom: 15px; margin: 0 3px; font-size:12px; } .media span{ /* display:none;*/ display:block; margin-top:15px; text-align: center; } .media:hover { opacity:1; } .media:hover span{ display:block; font-weight: bold; } .media.gallery { background-position: -91px 0;} .media.video { background-position: -45px 0;} .media.audio { background-position: 0 0;} .media.print { background-position: -133px 0;} .resizer { border: 2px solid #cecece; float: right; list-style: none; margin: 0 0 10px 10px; padding: 10px; position:absolute;top:-96px; right:-90px;border-top:0;direction:ltr;} .resizer li { float: left; line-height: 26px; margin-right: 5px; } .resizer .small { font-size: 12px; line-height: 26px; } .resizer .large { margin-right: 0; } .resizer .small a, .medium .resizer .medium a, .large .resizer .large a { text-decoration: none; } .searchBar { position: absolute; top: -68px; right: 0px; } .searchBarArchive { position: absolute; top: 30px; right: 120px; } .searchBar input, .searchBarArchive input { border:1px solid #d7ce95; font-size:12px; } li.searchResult div{ padding-left: 15px; padding-right: auto; width:485px; } .archive ul.content li.searchResult{border-bottom: #b6b5b1 1px solid;} .archive ul.content li.searchResult p{border-bottom:#b6b5b1 0px solid;} /* Showcase -------------*/ #awOnePageButton .view-slide { display: none; } /* This class is removed after the showcase is loaded */ /* Assign the correct showcase height to prevent loading jumps in IE */ .showcase-load { height: 470px; /* Same as showcase javascript option */ overflow: hidden; } /* Container when content is shown as one page */ .showcase-onepage { /**/ } /* Container when content is shown in slider */ .showcase { position: relative; margin: auto; } .showcase-content-container { background-color: #000; } /* Navigation arrows */ .showcase-arrow-previous, .showcase-arrow-next { position: absolute; background: url('../images/arrows.png'); width: 33px; height: 33px; top: 220px; cursor: pointer; } .showcase-arrow-previous { left: -60px; } .showcase-arrow-previous:hover { background-position: 0px -34px; } .showcase-arrow-next { right: -56px; background-position: -34px 0; } .showcase-arrow-next:hover { background-position: -34px -34px; } /* Content */ .showcase-content { background-color: #000; text-align: center; } .showcase-content-wrapper { text-align: center; height: 470px; width: 1000px; display: table-cell; vertical-align: middle; } /* Styling the tooltips */ .showcase-plus-anchor { background-image: url('../images/plus.png'); background-repeat: no-repeat; } .showcase-plus-anchor:hover { background-position: -32px 0; } div.showcase-tooltip { background-color: #fff; color: #000; text-align: left; padding: 5px 8px; background-image: url(../images/white-opacity-80.png); } /* Styling the caption */ .showcase-caption { color: #000; padding: 8px 15px; text-align: left; position: absolute; bottom: 10px; left: 10px; right: 10px; display: none; background-image: url(../images/white-opacity-80.png); } .showcase-onepage .showcase-content { margin-bottom: 10px; } /* Button Wrapper */ .showcase-button-wrapper { clear: both; margin-top: 10px; text-align: center; } .showcase-button-wrapper span { margin-right: 3px; padding: 2px 5px 0px 5px; cursor: pointer; font-size: 12px; color: #444444; } .showcase-button-wrapper span.active { color: #fff; } /* Thumbnails */ .showcase-thumbnail-container /* Used for backgrounds, no other styling!!! */ { background-color: #000; } .showcase-thumbnail-wrapper { overflow: hidden; } .showcase-thumbnail { width: 120px; height: 90px; cursor: pointer; border: solid 1px #333; position: relative; } .showcase-thumbnail-caption { position: absolute; bottom: 2px; padding-left: 10px; padding-bottom: 5px; } .showcase-thumbnail-content { padding: 10px; text-align: center; padding-top: 25px; } .showcase-thumbnail-cover { background-image: url(../images/black-opacity-40.png); position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .showcase-thumbnail:hover { border: solid 1px #999; } .showcase-thumbnail:hover .showcase-thumbnail-cover { display: none; } .showcase-thumbnail.active { border: solid 1px #999; } .showcase-thumbnail.active .showcase-thumbnail-cover { display: none; } .showcase-thumbnail-wrapper-horizontal { padding: 10px; } .showcase-thumbnail-wrapper-horizontal .showcase-thumbnail { margin-right: 3px; width: 116px; } .showcase-thumbnail-wrapper-vertical { padding: 10px; } .showcase-thumbnail-wrapper-vertical .showcase-thumbnail { margin-bottom: 10px; } .showcase-thumbnail-button-backward, .showcase-thumbnail-button-forward { padding: 7px; cursor: pointer; } .showcase-thumbnail-button-backward { padding-bottom: 0px; padding-right: 0px; } .showcase-thumbnail-button-backward .showcase-thumbnail-vertical, .showcase-thumbnail-button-forward .showcase-thumbnail-vertical, .showcase-thumbnail-button-forward .showcase-thumbnail-horizontal, .showcase-thumbnail-button-backward .showcase-thumbnail-horizontal { background-image: url(../images/arrows-small.png); background-repeat: no-repeat; display: block; width: 17px; height: 17px; } .showcase-thumbnail-button-backward .showcase-thumbnail-vertical { background-position: 0 -51px; margin-left: 55px; } .showcase-thumbnail-button-backward:hover .showcase-thumbnail-vertical { background-position: -17px -51px; } .showcase-thumbnail-button-forward .showcase-thumbnail-vertical { background-position: 0 -34px; margin-left: 55px; } .showcase-thumbnail-button-forward:hover .showcase-thumbnail-vertical { background-position: -17px -34px; } .showcase-thumbnail-button-backward .showcase-thumbnail-horizontal { background-position: 0 -17px; margin-top: 40px; margin-bottom: 40px; } .showcase-thumbnail-button-backward:hover .showcase-thumbnail-horizontal { background-position: -17px -17px; } .showcase-thumbnail-button-forward .showcase-thumbnail-horizontal { background-position: 0 0; margin-top: 40px; margin-bottom: 40px; } .showcase-thumbnail-button-forward:hover .showcase-thumbnail-horizontal { background-position: -17px 0; } /* Hide button text */ .showcase-thumbnail-button-forward span span, .showcase-thumbnail-button-backward span span { display: none; } /* Clear (used for horizontal thumbnails) -------------------------------------------*/ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; float: none; } ul.breadcrumb {padding:0;} ul.breadcrumb li{ display:inline-block; list-style: none; margin:0 5px; font-size:14px; } ul.breadcrumb li a{ font-size:14px; } ul.breadcrumb li.active a{ font-weight: bold; } menu, ol, ul { padding: 0 0 0 20px; } .main-page-language-selector li {height:50px;width:40px;opacity:0.65} .main-page-language-selector li span {display:none;margin-top:10px;} .main-page-language-selector li:hover {opacity:1} .main-page-language-selector li:hover span {display:block;} .pagenumber { margin: 0 0 50px 0; text-align: center; } .pagenumber .pagination_links a { margin: 0 10px; font-size:14px; } .pagenumber .pagination_links a.next, .pagenumber .pagination_links a.previous { color: transparent; background-image: url(../images/next.png); height: 15px; display: inline-block; background-size: contain; background-repeat: no-repeat; line-height:14px; width: 10px; } .pagenumber .pagination_links a.previous { background-image: url(../images/back.png); } .searchBarMain{ right: 0px!important; left: auto!important; top: -8px; } .pagination_links { /* width:170px;*/ margin:0 auto; height:5px; height:5px; } .pagination_links li{ list-style: none; float:left; } @media all and (max-width: 768px){ html,body{ background-image: none;} } .fb_iframe_widget{top:-8px;} #event_slider { width:825px; position: fixed; right:-800px; top: 135px; z-index:999; } #event_slider .poster { float:left; } #event_slider .poster img{ width:800px; } #event_slider .button { float:left; width: 25px; height: 85px; cursor: pointer; } #LeftSocialDiv { width: 100px; height: 160px; z-index: 10; border: 1px solid; border-color: #e5e6e9 #dfe0e4 #d0d1d5; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: 5px 5px 5px 3px #888888; position: fixed; left: 0px; top: 40%; } #LeftSocialDiv img { margin: auto auto; display: block; width: 80px; height: 80px; }