/* Theme Name: The Athenaeum Bury St Edmunds Theme URI: http://athenaeumbse.co.uk Description: The Athenaeum Bury St Edmunds bespoke website build by Kall Kwik Bury St Edmunds Version: 1.0.0 Author: Kall Kwik Bury St Edmunds (Peter Sawyer) Author URI: http://www.kallkwikburystedmunds.co.uk/ License: Copyright */ /*------------------------------------*\ MAIN \*------------------------------------*/ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%} body{margin:0} article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block} audio,canvas,progress,video{display:inline-block;vertical-align:baseline} audio:not([controls]){display:none;height:0} [hidden],template{display:none} a{background:none} a:active,a:hover{outline:0} abbr[title]{border-bottom:1px dotted} b,strong{font-weight:700} dfn{font-style:italic} h1{font-size:2em;margin:.67em 0} mark{background:#ff0;color:#000} small{font-size:80%} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sup{top:-.5em} sub{bottom:-.25em} img{border:0} svg:not(:root){overflow:hidden} figure{margin: 0px} hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0} pre{overflow:auto} code,kbd,pre,samp{font:1em monospace,monospace} button,input,optgroup,select,textarea{color:inherit;margin:0;font-family:inherit} button{overflow:visible} button,select{text-transform:none} button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer} button[disabled],html input[disabled]{cursor:default} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0} input{line-height:normal} input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0} input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto} input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none} fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em} legend{border:0;padding:0} textarea{overflow:auto} optgroup{font-weight:700} table{border-collapse:collapse;border-spacing:0} td,th{padding:0} *,:after,:before{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility} body{background: #fff;} .clear:before,.clear:after{content:" ";display:table} .clear:after{clear:both} .clear{*zoom:1} img{max-width:100%;vertical-align:bottom} a{color: #7b7000; text-decoration:none} a:hover{color:#444} a:focus{outline:0} a:hover,a:active{outline:0} input:focus{outline:0;border:1px solid #04a4cc} hr {border: dashed #BBB; border-width: 1px 0 0; clear: both; margin: 30px 0 30px; height: 0; } .page-template-page-welcome-php hr {margin: 60px 0px;} ul {padding-left: 20px;} li {} /*------------------------------------*\ STRUCTURE \*------------------------------------*/ #topheader {width: 100%; border-bottom: 1px solid #CCC; height: 36px; background: #484848; max-width: 1450px; margin-left: auto; margin-right: auto;} #topheader i {color: #7b7000;padding-left: 20px;} #topheader i:first-child {padding-left: 0px;} #topheader p {padding: 0px; margin-top: 7px; font-size: 13px; color: #fff;} #topheader a:link, #topheader a:visited {color: #fff;} #topheader a:hover, #topheader a:active {color: #7b7000;} #topheader .search {float: right; margin-top: 5px; border-radius: 0px; } #topheader .search-input {background: #fff; border: none; font-size: 13px; padding: 4px 10px 4px 10px; margin-right: -5px; border-radius: 0px; -webkit-appearance: none; } #topheader .search-submit {background: #fff; border: none; margin-left: 0px; border-radius: 0px; padding: 1px 10px 3px 10px;} #topheader .widget_search2 div{position:relative} #topheader .widget_search2 #s{width:100%;border:1px solid #1D1D1D;height: 26px;padding:0 10px;border-radius:2px;overflow:hidden;background: #1D1D1D; font-size: 13px; min-width: 220px; color: #fff;} #topheader .widget_search2 #s:focus{border:1px solid #7b7000;transition:ease-in 1s} #topheader .widget_search2 i {color: #fff;} #topheader .widget_search2 i:hover{color: #fff;} #topheader .widget_search2 #searchsubmit{height:26px;line-height:26px;position:absolute;top:0;right:0;border:0;background:none;padding:0 10px;font-size:18px;color:#fff;z-index:1;background:#7b7000} #topheader .widget_search2 #searchsubmit:hover{background:#AD9E00;color:#fff} header {height: 81px; width: 100%; border-bottom: 1px solid #CCC; width:100%; background: #fff; max-width: 1450px; margin-left: auto; margin-right: auto;} header .logo {margin-top: 25px; max-width: 260px; height: auto;} header .logo:hover {opacity: 0.7;} #cssmenu{position:relative;height:80px;width:auto} #cssmenu ul{list-style:none;padding:0;margin:0;line-height:1; float: right; display: block;} #cssmenu>ul{position:relative;display:block;background:#fff;height:80px;z-index:500; float: right;} #cssmenu>ul>li{display:block;position:relative;float:left;margin:0;padding:0} #cssmenu>ul>#menu-button{display:none} #cssmenu ul li a{display:block;font-family:Helvetica,sans-serif;text-decoration:none} #cssmenu>ul>li>a{font-size:14px;font-weight:700;padding:30px 20px 25px 20px;color:#7a8189;-webkit-transition:color .25s ease-out;-moz-transition:color .25s ease-out;-ms-transition:color .25s ease-out;-o-transition:color .25s ease-out;transition:color .25s ease-out} #cssmenu>ul>li:hover>a{color:#7b7000;background:#e5e5e5;background:-moz-linear-gradient(top,#e5e5e5 0%,#f4f4f4 0%,#f7f7f7 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e5e5e5),color-stop(0%,#f4f4f4),color-stop(100%,#f7f7f7));background:-webkit-linear-gradient(top,#e5e5e5 0%,#f4f4f4 0%,#f7f7f7 100%);background:-o-linear-gradient(top,#e5e5e5 0%,#f4f4f4 0%,#f7f7f7 100%);background:-ms-linear-gradient(top,#e5e5e5 0%,#f4f4f4 0%,#f7f7f7 100%);background:linear-gradient(to bottom,#e5e5e5 0%,#f4f4f4 0%,#f7f7f7 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#e5e5e5",endColorstr="#f7f7f7",GradientType=0)} #cssmenu>ul>li:hover::after{border-top-color:#7b7000} #indicatorContainer{position:absolute;height:12px;width:100%;bottom:0;overflow:hidden;z-index:-1} #pIndicator{position:absolute;height:0;width:100%;border:12px solid transparent;border-top-color:#2b2f3a;z-index:-2;-webkit-transition:left .25s ease;-moz-transition:left .25s ease;-ms-transition:left .25s ease;-o-transition:left .25s ease;transition:left .25s ease} #cIndicator{position:absolute;height:0;width:100%;border:12px solid transparent;border-top-color:#2b2f3a;top:-12px;right:100%;z-index:-2} #cssmenu ul ul{position:absolute;left:-9999px;top:120px;opacity:0;-webkit-transition:opacity .3s ease,top .25s ease;-moz-transition:opacity .3s ease,top .25s ease;-ms-transition:opacity .3s ease,top .25s ease;-o-transition:opacity .3s ease,top .25s ease;transition:opacity .3s ease,top .25s ease;z-index:1000} #cssmenu ul ul ul{top:37px;padding-left:5px} #cssmenu ul ul li{position:relative} #cssmenu>ul>li:hover>ul{left:auto;top:80px;opacity:1} #cssmenu ul ul li:hover>ul{left:170px;top:0;opacity:1} #cssmenu ul ul li a{width:180px;border-bottom:1px solid #333;padding:10px 20px;font-size:13px;color:#fff;font-weight:700;background:#35342f;-webkit-transition:all .35s ease;-moz-transition:all .35s ease;-ms-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease;border-left:1px solid #333;border-right:1px solid #333} #cssmenu ul ul li:hover>a{background:#4d4b46;color:#fff} #cssmenu ul ul li:last-child>a,#cssmenu ul ul li.last>a{border-bottom:0} .submenuArrow{border:6px solid transparent;width:0;height:0;border-bottom-color:#35342f;position:absolute;top:-12px} #cssmenu ul ul li.has-sub::after{border:4px solid transparent;border-left-color:#fff;right:10px;top:12px;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;-webkit-transition:-webkit-transform .2s ease,right .2s ease} #cssmenu ul ul li.has-sub:hover::after{border-left-color:#35342f;right:-5px;-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)} #cssmenu>ul>li.current-menu-item {background: #F3F3F3; color: #7b7000;} footer {width: 100%; height: auto; background: #484848; padding-top: 40px; padding-bottom: 20px; max-width: 1450px; margin-left: auto; margin-right: auto;} footer .sodexo {margin-left: auto; margin-right: auto; max-width: 200px; height: auto; width: 100%; display: block;} footer h5 {color: #c4af6e; font-size: 16px; padding-bottom: 20px;} footer p {color: #fff; padding-bottom: 10px; font-size: 14px;} footer a:link, footer a:visited {color: #fff;} footer a:hover, footer a:active s{color: #c4af6e;} footer .address {text-align: center; padding-top: 20px;} footer .contact-footer {display: inline-block; padding-right: 30px;} footer i {color: #c4af6e;} footer ul {margin: 0px; padding-left: 0px;} footer li {font-size: 14px; line-height: 1.6; color: #fff; padding-bottom: 5px; list-style: none; padding-left: 0px; margin-left: 0px;} footer .social-media i {color: #fff; font-size: 35px; margin-right: 5px;} footer .social-media i:hover {color: #c4af6e;} #copyright-footer {width: 100%; height: auto; background: #3f3e3e; max-width: 1450px; margin-left: auto; margin-right: auto;} #copyright-footer p {color: #fff; font-size: 11px; margin-top: 15px; padding-bottom: 10px; margin-bottom: 0px;} #copyright-footer a:link, #copyright-footer a:visited {color: #fff;} #copyright-footer a:hover, #copyright-footer a:active s{color: #7b7000} #copyright-footer .website-design {text-align: right;} .footer-break{border:dotted #7b7000;border-width:1px 0 0;clear:both;margin:40px 0;height:0} #to_the_top{display:none;position:fixed;cursor:pointer;background:url(img/scrolltop.png) no-repeat left top;width:60px;height:60px;bottom:60px;right:50px} #homepage #services {padding-top: 30px;} #homepage #services h3 {margin-top: 20px; text-align: center; color: #7b7000; padding-bottom: 0px; margin-bottom: 10px;} #homepage #services p {text-align: center; padding-left: 15px; padding-right: 15px; padding-bottom: 0px;} #homepage #services img {width: 100%; height: auto; padding-right: 10px; padding-left: 10px;} #homepage #services img:hover {opacity: 0.7;} #main-page {background: #fff;} #main-page h1 {padding-bottom: 20px;font-weight: 500; font-size: 40px;} #contact-page i {width: 25px; height: 25px; color: #7b7000;} #contact-page p {padding-right: 20px;} .ninja-forms-cont {margin-top: 15px;} .ninja-forms-required-items {display: none;} #ninja_forms_form_1_cont {max-width: 700px;} .ninja-forms-form-wrap select {background: #fbfbfb; border: 1px solid #DFDFDF; height: 40px; transition: ease-in 0.3s; box-shadow: none; font-size: 14px; border-radius: 0px; -webkit-appearance: none; background: #fbfbfb url(img/arrows.png) right no-repeat; background-size: 22px; padding-left: 10px;} .ninja-forms-form-wrap textarea {background: #fbfbfb; border: 1px solid #DFDFDF; font-size: 14px; margin-bottom: 10px; padding: 10px; transition: ease-in 0.3s; box-shadow: none; -webkit-appearance: none; border-radius: 0px;} .ninja-forms-form-wrap textarea:focus {border: 1px solid #666; transition: ease-in 0.3s; box-shadow: none; text-shadow: none;} .ninja-forms-form-wrap input {width: 90%; background: #fbfbfb; border: 1px solid #DFDFDF; font-size: 14px; margin-bottom: 0px; padding-left: 10px; height: 40px!important; box-shadow: none; -webkit-appearance: none; border-radius: 0px;} .ninja-forms-form-wrap input:focus {border: 1px solid #666; transition: ease-in 0.3s;} input[type="submit"] {margin-left: 0!important; transition: ease-in 0.6s; background: #7b7000; padding: 10px 15px 10px 15px; font-size: 15px; font-weight: 600; color: #fff; border-radius: 4px; font-family: 'Source Sans Pro', sans-serif; margin-top: 20px;} input[type="submit"]:hover {background: #333; transition: ease-in 0.6s;} .ninja-forms-error-msg {color: #ff0000; margin-bottom: 20px;} label {margin-top: 20px; display: block; font-size: 14px;} #about1 .home-about-image, #about2 .home-about-image {width: 100%; height: auto; max-width: 540px;} #about2 .home-about-image {float:right;} #mini-slider {height: 150px; background: #066; margin-bottom: 30px; background: #191818 url(img/blog-header.jpg) 30% 50% repeat-y; background-size: 100%;} #mini-slider h4 {color: #fff; text-align: center; margin-top: 55px; font-size: 35px;} #main-blog article .wp-post-image {margin-bottom: 20px; width: 100%; height: auto;} #main-blog article .wp-post-image:hover {opacity: 0.7;} #main-blog article h2 {font-size: 25px; margin-bottom: 20px;} #main-blog article .meta-details {font-size: 14px; color: #444; margin-bottom: 20px;} #main-blog article .meta-details i {padding-right: 2px; padding-left: 20px;} #main-blog article .meta-details i:first-child {padding-left: 0px} #main-blog article p {color: #333} #main-blog article {border-bottom: 1px dashed #CCC; max-width: 800px; padding-bottom: 40px; padding-top: 60px;} #main-blog article:first-child {padding-top: 0px;} .btn-read-more {transition: ease-in 0.6s; background: #7b7000; padding: 10px 15px 10px 15px; font-size: 15px; font-weight: 600; color: #fff; border-radius: 4px; font-family: 'Source Sans Pro', sans-serif;} .btn-read-more:hover {background: #333; color: #fff; transition: ease-in 0.6s;} #search-blog article {padding-bottom: 60px; padding-top: 50px;} .max-width {max-width: 800px;} #halfpage h3 {font-size: 20px; } .main-page-image {margin-top: 10px; width: 100%; height: auto; display: inline-block; } .main-page-image-txt {position : absolute; bottom: 55px; left: 20px; font-family: 'Source Sans Pro', sans-serif; font-size: 75px; font-weight: 300; color: #fff;} .main-page-image-txt2 {position : absolute; bottom: 0px; left: 20px; font-family: 'Source Sans Pro', sans-serif; font-size: 25px; font-weight: 600; color: #fff;} .main-page-image-wrap {position: relative;} .main-page-image-half {margin-top: 10px; width: 100%; height: auto; max-height: 400px; display: inline-block; margin-bottom: 30px; } .featured-image {margin-bottom: 20px; width: 100%; height: auto; margin-top: 10px;} .post a:hover {color: #7b7000;} .title-single-home{background:#fff;padding:2px 30px;display:inline-block;background-color:rgba(185,160,54,.8)} .title-single-home2{background:#fff;padding:5px 30px 2px;display:inline-block;background-color:rgba(20,20,18,.8)} #navcontainer{padding:15px 10px;margin-bottom:30px;background:#35342f;width:100%} #navcontainer ul{background:#35342f;margin:0;list-style-type:none;padding-top:1px;color:#FFF;width:100%;font:90% arial,helvetica,sans-serif;text-align:center} #navcontainer li{display:inline;padding-left:6px;padding-right:6px} #navcontainer li a{text-decoration:none;color:#FFF;padding:10px 20px;border-radius:5px;background:#202020} #navcontainer li a:hover{color:#fff;background:#7b7000} #navcontainer li.current-menu-item a{background:#7b7000} #navcontainer-sidebar ul {padding-left: 0px; width: 80%;} #navcontainer-sidebar li {list-style: none; border-top: 1px solid #e1e1e1; padding-top: 5px; padding-bottom: 5px;} #navcontainer-sidebar li:last-child {border-bottom: 1px solid #e1e1e1;} .package-img {margin-bottom: 20px; width: 100%; height: auto;} .pagination {margin-top: 30px;} .pagination .page-numbers {background: #7b7000; padding: 8px 8px 8px 8px; font-size: 15px; font-weight: 600; color: #fff; border-radius: 4px;} .pagination .page-numbers:hover {background: #333; transition: ease-in 0.6s;} .pagination .current {background: #333;} .sidebar ul {margin-left: 0px; padding-left: 0px; } .sidebar li {font-size: 14px; transition: ease-in 0.3s;} .sidebar h3 { background: #484848; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; font-size: 16px; color: #fff; font-weight: 600; margin-top: 30px; } .widget_nav_menu ul, .widget_recent_entries ul, .widget_categories ul {background: #F7F7F7; margin-top: 0px; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC;} .widget_nav_menu li , .widget_recent_entries li, .widget_categories li {list-style: none;} .textwidget p {font-size: 14px;} .widget_nav_menu li.page_item a, .widget_recent_entries li a, .widget_categories li a, .widget_nav_menu li.menu-item a { list-style: none; background: #none; padding: 0px; font-size: 14px; color: #7b7000; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; display: block; } .widget_nav_menu li.page_item a:hover, .widget_recent_entries li a:hover, .widget_categories li a:hover, .widget_nav_menu li.menu-item a:hover {background: #666; color: #fff;} .widget_nav_menu .current_page_item a, .widget_recent_entries .current_page_item a, .widget_categories .current_page_item a, .widget_nav_menu .current_page_item a {background: #E4E4E4; color: #000!important;} .sidebar .widget_search {margin-bottom: 0px;} .tagcloud {margin-top: 20px;} .tagcloud a { font-size: 13px!important; display: inline-block; padding: 5px 10px; background: #fafafa; border: 1px solid #eee; color: #444; margin: 0 10px 10px 0; -webkit-border-radius: 3px; border-radius: 3px; font-weight: 600; transition: ease-in 0.3s; } .tagcloud a:hover {background: #7b7000; color: #fff; transition: ease-in 0.3s;} .textwidget {background: #F7F7F7; margin-top: 0px; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC;} .textwidget p {padding: 20px;} .sidebar .widget_reallysimpletwitterwidget li {margin-bottom: 20px; color: #333;} .sidebar .widget_reallysimpletwitterwidget li:hover {margin-left: 0px;} .sidebar .widget_reallysimpletwitterwidget a:link, .sidebar .widget_reallysimpletwitterwidget a:visited {color: #7b7000;} .sidebar .widget_reallysimpletwitterwidget a:hover, .sidebar .widget_reallysimpletwitterwidget a:active {color: #000000;} .sidebar .widget_reallysimpletwitterwidget li:before { font-family:'FontAwesome'; /* or whatever */ content: '\f099' /*fontawesome char code inside the ''*/; display: inline-block; margin-left: -1.2em; /*same as padding-left set on li*/ width: 1.2em; /*same as padding-left set on li*/ }​ .sidebar .twitter-timestamp {font-size: 11px;} .right {float: right;} .left {float: left;} .pattern-background {background: url(img/background.jpg);background.jpg; background-color: #f3f3f3;} #mainpage {background: #fff; width: 100%; max-width: 1450px; margin-left: auto; margin-right: auto; padding-bottom: 60px;} #mainpage1 {background: #fff; width: 100%; max-width: 1450px; margin-left: auto; margin-right: auto; padding-bottom: 30px;} #wpsimplegallery{margin:0;padding:0} #wpsimplegallery li{margin:0;padding:0;display:inline} #wpsimplegallery li a{outline:none} #wpsimplegallery li img{margin:0 15px 15px 0!important} .page-template-page-halfcut-php #wpsimplegallery li img{margin:0 15px 15px 0!important;width:250px;height:auto} #wpsimplegallery li img:hover{opacity:.7} #wpsimplegallery_container .clearfix:before,#wpsimplegallery_container .clearfix:after{content:"\0020";display:block;overflow:hidden;visibility:hidden;width:0;height:0} #wpsimplegallery_container .clearfix:after{clear:both} #wpsimplegallery_container .clearfix{zoom:1} .half-col {width: 48%; margin-right: 4%; float: left; margin-bottom: 20px;} .half-col2 {margin-right: 0%;} .half-col ul {padding-top: 0px; margin-top: 0px;} .pricing-table li {position: relative;} .pricing-table .price {position: absolute; right: 0px; } .dvk-social-sharing { line-height: 32px; } .dvk-social-sharing > a{ margin-right: 12px; display: inline-block; text-decoration: none; } .dvk-social-sharing > span:first-child { font-weight: bold; } span[class^="ss-icon-"] { width:32px; height:32px; display: inline-block; background-image: url("img/sprite-32.png"); background-repeat: no-repeat; margin-right:6px; vertical-align: middle; } .ss-icon-twitter { background-position:0px 0px; } a:hover > .ss-icon-twitter { background-position:0px -32px; } .ss-icon-facebook { background-position:-32px 0px; } a:hover > .ss-icon-facebook { background-position:-32px -32px; } .ss-icon-googleplus { background-position:-64px 0px; } a:hover > .ss-icon-googleplus { background-position:-64px -32px; } .widget_search div{position:relative} .widget_search #s{width:100%;border:1px solid #dfdfdf;height:40px;padding:0 10px;border-radius:2px;overflow:hidden;background:#fbfbfb} ::-webkit-input-placeholder{font-size:13px} input:-moz-placeholder{font-size:13px} .widget_search #s:focus{border:1px solid #7b7000;transition:ease-in 1s} .widget_search i:hover{color:#fff} .widget_search #searchsubmit{height:40px;line-height:40px;position:absolute;top:0;right:0;border:0;background:none;padding:0 10px;font-size:18px;color:#fff;z-index:1;background: #7b7000; transition:ease-in 1s} .widget_search #searchsubmit:hover{background:#333;color:#fff; transition:ease-in 1s} #testimonials-wrap blockquote {margin: 0px; border: 1px solid #cccdcf; padding: 30px; border-radius: 2px;} #testimonials-wrap .quote-arrow { display: block; margin: -1px 0 0 5px; background: url(img/arrow.jpg) no-repeat; width: 99px; height: 13px; } #testimonials-wrap .testimonials-text p {margin-bottom: 0px; padding-bottom: 0px;} #testimonials-wrap .author {font-size: 15px; margin-bottom: 40px; display: block; margin-top: 25px;} #testimonials-wrap .name {color: #7b7000; font-weight: 700;} #testimonials-wrap .mini-photo { margin-top: 10px; width: 65px; height: 65px; float: left; border-radius: 100px; margin-right: 10px; margin-bottom: 50px;} .text-wrap.label-above input, .text-wrap.label-below input, .text-wrap.label-inside input, .textarea-wrap.label-above textarea, .textarea-wrap.label-below textarea, .textarea-wrap.label-inside textarea, .list-dropdown-wrap.label-above select, .list-dropdown-wrap.label-below select { height: 40px; } .textarea-wrap textarea { height: 200px!important; } .tablepress {font-size: 14px;} .tablepress tbody {border: 1px solid #ddd!important} .tablepress tfoot th, .tablepress thead th {background: #7b7000!important; color: #fff; font-size: 16px;} .tablepress-id-4 [class*=column]+[class*=column]:last-child, .tablepress-id-5 [class*=column]+[class*=column]:last-child, .tablepress-id-6 [class*=column]+[class*=column]:last-child {text-align: right;} .tablepress td {padding-bottom: 15px!important; padding-top: 15px!important;} .recommended-suppliers .tablepress .column-1 {width: 240px;} .recommended-suppliers .tablepress .column-2 {width: 240px; font-weight: bold;} /* collapseomatic plugin default styles */ .collapseomatic{padding:0 0 10px 16px;cursor:pointer;} .arrowright{padding:0 16px 10px 0;background:top right} .noarrow{padding:0 0 10px} .colomat-hover{text-decoration:underline} .colomat-close{background:url(https://athenaeumbse.co.uk/wp-content/themes/athenaeumbse-web/images/arrow-up.png)} .collapseomatic_excerpt,.collapseomatic_content{margin-top:0;margin-left:16px;padding:0} .content_collapse_wrapper{position:absolute;left:-999em} .collapseall,.expandall{cursor:pointer} .collapseall:hover,.expandall:hover{text-decoration:underline} .maptastic{position:absolute!important;left:-10000px!important;display:block!important} .collapseomatic {border: none; background: #ffffff; background-image: url(img/arrow-down.png); background-image: url(img/arrow-down.png), -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%); background-image: url(img/arrow-down.png), -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea)); background-image: url(img/arrow-down.png), -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%); background-image: url(img/arrow-down.png), -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%); background-image: url(img/arrow-down.png), -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%); background-repeat: no-repeat; background: linear-gradient(top, #ffffff 1%,#eaeaea 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 1px 0px 0px 0px rgba(255,255,255,0.9) inset, 0px 2px 2px rgba(0,0,0,0.1); padding: 10px; margin-top: 10px; display: block;text-decoration: none; font-size: 15px; font-weight: bold; background-position: left; text-indent: 25px;} .collapseomatic:hover {background-color: #dedede; color: #7b7000;} .collapseomatic_content {margin-bottom: 0px; box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3); border-top: none; padding: 10px; margin-left: 0px; font-size: 14px; padding-bottom: 20px;} .collapseomatic_content li {line-height: 25px;} .collapseomatic_content p {padding-bottom: 20px;} .collapseomatic_content:last-child p {padding-bottom: 5px;} /*------------------------------------*\ IMAGES \*------------------------------------*/ .fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; } .mobile-only {display: none;} .mobile-hide {display: block;} .mobile-only ul.menu {padding-left: 0px; border: 1px solid #B1B1B1;} .mobile-only .menu li {list-style: none;} .mobile-only .menu li a { width: 100%; padding: 10px; display: block; border-bottom: 1px solid #B1B1B1; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 99%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(99%,#e5e5e5)); background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 99%); background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 99%); background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 99%); background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); font-weight: bold; color: #333; } .mobile-only .menu li a:hover, .mobile-only .menu li a:active {background: #333; color: #fff;} /*------------------------------------*\ TYPOGRAPHY \*------------------------------------*/ h1 {font-family: 'Source Sans Pro', sans-serif; margin: 0px; margin-bottom: 20px;} h2 {font-family: 'Source Sans Pro', sans-serif; margin: 0px;} h3 {font-family: 'Source Sans Pro', sans-serif; font-size: 25px; font-weight: 400; padding-bottom: 20px; color: #7b7000; margin: 0px; line-height: 1.6;} h4 {font-family: 'Source Sans Pro', sans-serif; margin: 0px;} h5 {font-family: 'Source Sans Pro', sans-serif; margin: 0px;} h6 {font-family: 'Source Sans Pro', sans-serif; margin: 0px;} p {font-size: 15px; padding-bottom: 20px; font-family: Arial, Helvetica, sans-serif; line-height: 1.8; margin: 0px;} li {font-size: 14px; line-height: 1.8;} /*------------------------------------*\ RESPONSIVE \*------------------------------------*/ @media only screen and (min-width:960px) and (max-width:1199px) { #cssmenu>ul>li>a {padding: 28px 12px; font-size: 13px;} footer .container12 .column2 {width: 18%; margin-left: 1%; margin-right: 1%;} footer .container12 .column3 {width: 18%; margin-left: 1%; margin-right: 1%;} footer .last {display: none;} #to_the_top {bottom: 40px; right: 20px;} #wpsimplegallery li img {width: 218px; height: auto;} .ms-slide .ms-layer {left: 60px;} .max-width {max-width: 650px;} #main-blog article {max-width: 650px;} .page-template-page-halfcut-php #wpsimplegallery li img { margin: 0 15px 15px 0!important; width: 200px; height: auto; } } @media only screen and (max-width:959px){ #cssmenu,#cssmenu ul{width: 100%; background: none;} #cssmenu .submenuArrow,#cssmenu #indicatorContainer{display:none} #cssmenu>ul{display:block; background: none; } #cssmenu>ul>li{float:none; background: #333;} #cssmenu li,#cssmenu>ul>li{display:none} #cssmenu ul ul,#cssmenu ul ul ul,#cssmenu ul>li:hover>ul,#cssmenu ul ul>li:hover>ul{position:relative;left:auto;top:auto;opacity:1;padding-left:0; background: #666; display: none;} #cssmenu ul .has-sub::after{display:none; padding-bottom: 10px;} #cssmenu ul li a{padding:12px 20px; color: #fff; background: #4d4b46;} #cssmenu>ul>li:hover>a {background: #none;} #cssmenu ul ul li a{border:0;background:none;width:auto;padding:8px 35px} #cssmenu ul ul li:hover>a{background:none;color:#8c9195} #cssmenu ul ul ul a{padding:8px 50px} #cssmenu ul ul ul ul a{padding:8px 65px} #cssmenu ul ul ul ul ul a{padding:8px 80px} #cssmenu ul ul ul ul ul ul a{padding:8px 95px} #cssmenu>ul>#menu-button{display:block;cursor:pointer; height: 80px; background: none; color: #444; font-size: 25px; padding-top: 25px; text-align: right; padding-right: 20px;} #cssmenu #menu-button>a{padding:14px 20px} #cssmenu>ul>#menu-button:hover {color: #8c9195} #cssmenu ul.open>#menu-button {color: #8c9195} #cssmenu ul.open li,#cssmenu>ul.open>li{display:block; webkit-transition:opacity .3s ease,top .25s ease;-moz-transition:opacity .3s ease,top .25s ease;-ms-transition:opacity .3s ease,top .25s ease;-o-transition:opacity .3s ease,top .25s ease;transition:opacity .3s ease,top .25s ease;} #cssmenu>ul.open>li#menu-button>a{color:#fff; text-align: right;} #menu-button {float: right; padding-top: 30px;} #cssmenu ul.open #menu-button::after,#cssmenu ul.open #menu-button::before{border-color:#fff} footer .container12 .column2 {width: 23%; margin-left: 1%; margin-right: 1%;} footer .last {display: none;} footer .last2 {display: none;} #wpsimplegallery li img {width: 335px; height: auto;} .ms-slide .ms-layer {left: 120px;} #to_the_top {bottom: 40px; right: 20px;} .ricoh-theta-spherical-image { height: 320px!important; max-height: 320px!important; overflow: hidden; } } @media only screen and (max-width: 959px) and (min-width: 720px) { #about1 .home-about-image, #about2 .home-about-image {margin-bottom: 20px; max-width: 700px;} #about1 .column6, #about2 .column6 {width: 100%;} .half-col {width:98%; margin-right: 2%; float: left;} #homepage #services {padding-top: 0px;} #homepage #services p {padding-left: 5px; padding-right: 5px;} #wpsimplegallery li img {width: 210px; height: auto; margin: 10px 10px 10px 10px!important;} #to_the_top {bottom: 30px; right: 20px;} .main-page-image-txt {font-size: 48px; bottom: 45px;} .main-page-image-txt2 {font-size: 20px;} #mainpage .column12 {width: 700px;} #mainpage .column4 {display:none;} #homepage #mainpage .column12 {width: 700px;} #homepage #mainpage .column4 {display: block;} .half-col {padding-bottom: 20px; padding-top: 20px; border-bottom: 1px dashed #e1e1e1;} .page-template-page-welcome-php hr { margin: 30px 0px 40px 0px; } #copyright-footer p {font-size: 9px;} p {font-size: 14px;} .mobilehide {display: none;} } @media only screen and (max-width:719px){ header .column5 {width: 100%!important;} header .column11 {width: 100%!important; height: 0px;} hr {margin: 40px 0;} h3 {font-size: 18px;} p {font-size: 13px;} #topheader {display: none;} header {height: 50px;} header .logo {width: 200px; margin-top: 10px;} nav {top: -65px;} #cssmenu>ul>#menu-button {padding-top: 25px;} #mainpage {padding-bottom: 30px;} #homepage #services {padding-top: 0px;} #homepage #services .column4 {padding-bottom: 30px;} #homepage #services .column4:last-child {padding-bottom: 0px;} .page-template-page-welcome-php hr { margin: 20px 0px 40px 0px; } #about1 .home-about-image, #about2 .home-about-image {margin-bottom: 20px; max-width: 700px;} #copyright-footer .website-design {text-align: left;} #homepage #services {padding-left: 100px; padding-right: 100px;} footer .container12 .column2 {width: 48%; min-height: 200px;} .footer-break {margin-top: 0px;} #to_the_top {display: none!important;} footer .address {text-align: left;} footer .contact-footer {display: block; float: left; width: 100%; } .half-col {width:98%; margin-right: 2%; float: left;} .half-col {padding-bottom: 20px; padding-top: 20px; border-bottom: 1px dashed #e1e1e1;} #wpsimplegallery li img {width: 245px; height: auto;} .main-page-image-txt, .main-page-image-txt2, #navcontainer {display: none;} .main-page-image {border-bottom: 3px solid #35342f;} .mobile-only h1 {background: #35342f; margin-bottom: 20px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; color: #fff;} .mobile-only {display: block;} .mobilehide {display: none;} } @media only screen and (max-width:560px){#homepage #services {padding-left: 0px; padding-right: 0px;}} ::selection,::-webkit-selection,::-moz-selection{background:#04a4cc;color:#FFF;text-shadow:none} .alignnone{margin:5px 20px 20px 0} .aligncenter,div.aligncenter{display:block;margin:5px auto} .alignright{float:right;margin:5px 0 20px 20px} .alignleft{float:left;margin:5px 20px 20px 0} a img.alignright{float:right;margin:5px 0 20px 20px} a img.alignnone{margin:5px 20px 20px 0} a img.alignleft{float:left;margin:5px 20px 20px 0} a img.aligncenter{display:block;margin-left:auto;margin-right:auto} .wp-caption{background:#FFF;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center} .wp-caption.alignnone{margin:5px 20px 20px 0} .wp-caption.alignleft{margin:5px 20px 20px 0} .wp-caption.alignright{margin:5px 0 20px 20px} .wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto} .wp-caption .wp-caption-text,.gallery-caption{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px} .sticky{} .bypostauthor{} /*------------------------------------*\ PRINT \*------------------------------------*/ @media print { * { background:transparent !important; color:#000 !important; box-shadow:none !important; text-shadow:none !important; } nav, #topheader, .post-edit-link {display: none;} .footer .column2 {display: none;} .search {display: none;} header {height: 85px;} footer .sodexo {width: 300px;} #mainpage {padding-bottom: 0px;} .website-design {text-align: left; display: block;} .main-page-image-wrap {margin-bottom: 30px;} }