/* Theme Name: Conception Abbey Theme URI: Description: A KC Web Specialists WordPress theme. Author: KC Web Specialists, LLC Author URI: http://www.kcwebspecialists.com/ */ @import "less/style.less"; /* Colors -----------------------------------------------------------*/ /* NEW COLORS - 2019 */ /* Conception Blue: #002856 Secondary Blue: #B7D9F4 Gold: #D8B334 Gray: #CBC3BB */ /* OLD COLORS Background Blue: #171949 Seminary Blue: #254074 AGC Blue: #486a97 Printery Blue: #6d88b3 Accent Red: #720000 Accent Gold: #D8B334 Abbey Stationery Blue: #274b74 Seminary Stationery Blue: #282f69 */ /* Global -----------------------------------------------------------*/ html,body { height:100%; } body { font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 16px; color:#000; padding:0; margin:0; background:#f7f5f3; background: #FFF; } img { max-width: 100%; height: auto; border:none; } .img-left, .alignleft { float:left; padding:5px 10px; } .img-right, .alignright { float:right; padding:5px 10px; } .aligncenter { display:block; margin:0 auto; } .dLeft { float:left; display:block; } .dRight { float:right; display:block; } .clear { clear:both; } hr { border: 0; height: 1px; margin:25px 0; background-image: -webkit-linear-gradient(left, rgba(153,153,153,0), rgba(153,153,153,0.75), rgba(153,153,153,0)); background-image: -moz-linear-gradient(left, rgba(153,153,153,0), rgba(153,153,153,0.75), rgba(153,153,153,0)); background-image: -ms-linear-gradient(left, rgba(153,153,153,0), rgba(153,153,153,0.75), rgba(153,153,153,0)); background-image: -o-linear-gradient(left, rgba(153,153,153,0), rgba(153,153,153,0.75), rgba(153,153,153,0)); } a { color:#002856; text-decoration:none; } a:hover { color:#D8B334; } .container { height:100%; } .btn { font-family: Helvetica, sans-serif; font-size:14px; font-weight:600; text-transform:uppercase; white-space:normal; padding:10px 20px; border-radius:0; } .btn-primary { color: #002856; background:#D8B334; border-color:#D8B334; transition: background-color 0.5s ease; } .btn-primary:hover { color: #FFF; background:#D8B334; border:1px solid #D8B334; } blockquote { font-size:20px; margin-left:25px; border-left:5px solid #D8B334; } /* 5 Columns */ .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col-xs-15 { width: 20%; float: left; } @media (min-width: 768px) { .col-sm-15 { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-15 { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-15 { width: 20%; float: left; } } .come-in { transform: translateX(-150px); animation: come-in 0.8s ease forwards; } .come-in:nth-child(odd) { animation-duration: 0.6s; } .already-visible { transform: translateX(0); animation: none; } @keyframes come-in { to { transform: translateX(0); } } /* Monastery */ .monastery-blue { color:#002856; } .monastery-blue-bkgd { background:#002856; } /* Seminary */ .seminary-blue { color:#254074; } .seminary-blue-bkgd { background:#254074; } /* Guest Center */ .guest-blue { color:#002856; } .guest-blue-bkgd { background:#002856; } /* Printery */ .printery-blue { color:#6d88b3; } .printery-blue-bkgd { background:#6d88b3; } /* Header -----------------------------------------------------------*/ #mainHeader { padding:0 0; margin:0 auto; background:#fff; z-index:800; } #mainHeader .container { } body.child #mainHeader .container { } #mainHeader.row { padding:0; margin:0; } #mainLogo { text-align:center; padding:25px 25px; } #mainLogo img { max-height:90px; margin:0 auto; } body.entityPage #mainLogo { padding:7px 0 8px 0; } body.entityPage #mainLogo img { max-height:40px; } #mainHeader p.phone { font-family: Helvetica, sans-serif; text-align:center; font-size:22px; font-weight:500; padding:5px 0 0 0; margin:0; } body.entityPage #mainHeader p.phone { display:none; } #mainHeader p.phone a { color:#000; } #mainHeader ul.social { text-align:center; margin:8px 0 0 -40px; overflow: auto; } body.entityPage #mainHeader ul.social { display:none; } #mainHeader ul.social li { list-style-type: none; display:inline-block; } #mainHeader ul.social li a i { background:none; color: #002856; width: 25px; height: 25px; border-radius: 20px; font-size: 15px; text-align: center; margin-right: 4px; padding-top: 15%; transition: all 0.2s ease-in-out; border:1px solid #002856; } #mainHeader ul.social li a i:hover { color:#FFF; background:#002856; border:1px solid #002856; } #mainHeader form { max-width:270px; margin:10px auto 0 auto; } #mainHeader input.form-control { font-size:11px; } #mainHeader .btn.btn-primary { font-size:12px; padding:8px 10px 7px 10px; } .headRight { padding-top: 20px; } body.entityPage .headRight { padding-top: 0px; } @media screen and (max-width: 1100px) { } @media screen and (max-width: 996px) { #mainHeader p.phone { text-align:center; font-size:26px; padding:10px 0 0 0; } #mainHeader ul.social li a i { text-align:center; margin-right:2px; } } @media screen and (max-width: 767px) { #mainHeader { } #mainLogo img { max-height:80px; margin:0 auto; } #mainHeader p.phone { font-family: Helvetica, sans-serif; text-align:center; font-size:26px; color:#002856; padding:10px 0 5px 0; } body.entityPage #mainHeader p.phone { padding:0px 0 0 0; } #mainHeader p.phone a { color:#002856; } #mainHeader ul.social { text-align:center; margin:0px 0 20px -40px; } #mainHeader ul.social li a i { color: #002856; border:1px solid #002856; } .headRight { padding-top: 0px; } } @media screen and (max-width: 500px) { } /* Menu -----------------------------------------------------------*/ #mainMenu { font-family: Helvetica, sans-serif; min-height:50px; margin:8px 0 0 0; z-index:800; } body.entityPage #mainMenu { margin:11px 0 0 0; } #mainMenu .container { padding:0; } @media screen and (max-width: 767px) { #mainMenu { padding:5px 0; margin-bottom:20px; } } /* iPad mini */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { #mainMenu { padding:5px 0; } } #mainMenu .navbar-default { margin:0; background:none; border:none; border-radius:0; } #mainMenu .navbar-fixed-top { min-height:50px; top:0; padding:8px 0 0px 0; background:#8a9295; background:#edeae6; -moz-box-shadow: 1px 1px 2px #CCC; -webkit-box-shadow: 1px 1px 2px #CCC; box-shadow: 1px 1px 2px #CCC; } @media screen and (max-width: 1024px) { #mainMenu .navbar-fixed-top { /* position:absolute; top:inherit; */ } } #mainMenu .navbar-collapse { text-align:center; } #mainMenu .navbar-nav { display:inline-block; float:none; } #mainMenu ul { list-style:none; margin:0px 0 0 0px; z-index:1000; } #mainMenu ul li { display:inline-block; font-size:16px; font-weight:300; text-transform:uppercase; } #mainMenu li ul { display: none; } #mainMenu ul li a { display:block; text-decoration: none; color:#000; padding:5px 10px; margin-left: 0px; white-space: normal; transition: color 0.5s ease; } #mainMenu ul li.support a { background:#DDD; } #mainMenu ul li.entities a { background:#F5F5F5; border:1px solid #EEE; } #mainMenu .navbar-fixed-top ul li a { border-right:none; } #mainMenu ul li:last-child a { border-right:none; } /* iPad mini */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { #mainMenu .navbar-default { text-align:center; } #mainMenu ul li a { padding:8px 15px; margin:5px 0; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { #mainMenu .navbar-default { text-align:center; } #mainMenu ul li a { padding:8px 15px; margin:5px 0; } } #mainMenu ul li.last a { padding:10px 0 10px 15px; } #mainMenu ul li a:hover, #mainMenu ul li.current-menu-item a, #mainMenu ul li:hover a { color:#274b74; } #mainMenu .navbar-fixed-top ul li a:hover { background:none; } #mainMenu li:hover ul { text-align:left; display: block; float:left; position: absolute; width:200px; padding:0; margin:0 0 0 0px; } #mainMenu li:hover li { display:block; float: none; font-size:14px; font-weight:normal; text-transform:none; } #mainMenu li:hover li a { text-shadow:none; padding:8px 15px; } #mainMenu li:hover ul a { color:#666; background:#FFF; -moz-box-shadow: 1px 1px 2px #000; -webkit-box-shadow: 1px 1px 2px #000; box-shadow: 1px 1px 2px #000; transition: background 0.0s ease; } #mainMenu li:hover li a { border:none; margin:0; } #mainMenu li:hover li a:hover, #mainMenu li:hover li.current-menu-item a { color:#666; background:#DDD; border:none; } /* Third Tier */ #mainMenu li ul.sub-menu li ul.sub-menu { display: none; } #mainMenu ul li ul.sub-menu li:hover ul.sub-menu { display: block; position: absolute; width:200px; padding:0; margin:-42px 0 0 200px; } /* Forth Tier */ #mainMenu li ul.sub-menu li ul.sub-menu li ul.sub-menu { display: none; } #mainMenu ul li ul.sub-menu li ul.sub-menu li:hover ul.sub-menu { display: block; position: absolute; width:200px; padding:0; margin:-40px 0 0 200px; } @media screen and (max-width: 1200px) { #mainMenu ul li { } #mainMenu ul li a { padding:8px 15px; } } @media screen and (max-width: 996px) { #mainMenu ul li { } #mainMenu ul li a { padding:8px 15px; } } @media screen and (max-width: 890px) { #mainMenu ul li { } #mainMenu ul li a { } } @media screen and (max-width: 767px) { #mainMenu { position:relative; margin:0 0; } #mainMenu ul { text-align:left; margin:0 0 0 0; } #mainMenu ul li { display:block; font-size:16px; } #mainMenu ul li a { padding:10px 0px; border-right:none; } .mobileMenu { float:none; } } #mainMenu .navbar-toggle { margin-right:30px; } #mainMenu .navbar-toggle .icon-bar { color:#0075B6; border:1px solid #0075B6; } #mainMenu .navbar-toggle .icon-bar:focus, #mainMenu .navbar-toggle .icon-bar:active, #mainMenu .navbar-toggle .icon-bar:hover { color:#0075B6; background:#0075B6; border:1px solid #0075B6; } /* Sub Header (Entities Header) -----------------------------------------------------------*/ #subHeader { padding:0 0; margin:0 auto; } #subHeader .row { padding:0; margin:0; } #subHeader img { max-height:120px; padding:22px 0; margin:0 auto; } #subHeader p.phone { font-family: Helvetica, sans-serif; text-align:center; font-size:22px; font-weight:500; color:#FFF; padding:10px 0 0 0; margin:0; } #subheader p.phone a { color:#FFF; } #subHeader ul.social { text-align:center; margin:15px 0 0 -40px; overflow: auto; } #subHeader ul.social li { list-style-type: none; display:inline-block; } #subHeader ul.social li a i { background:none; color: #FFF; width: 25px; height: 25px; border-radius: 20px; font-size: 15px; text-align: center; margin-right: 4px; padding-top: 15%; transition: all 0.2s ease-in-out; border:1px solid #FFF; } #subHeader ul.social li a i:hover { color:rgba(255,255,255,0.40); background:none; border:1px solid rgba(255,255,255,0.40); } @media screen and (max-width: 767px) { #subHeader p.phone { text-align:center; font-size:26px; color:#FFF; padding:10px 0 5px 0; } #subHeader p.phone a { color:#FFF; } #subHeader ul.social { text-align:center; margin:0px 0 20px -40px; } #subHeader ul.social li a i { color: #FFF; border:1px solid #FFF; } } /* Sub Menu (Entities Menu) -----------------------------------------------------------*/ #megaMenu { font-family: Helvetica, sans-serif; margin-top:13px; z-index:1000; } #megaMenu .mega-sub-menu ul.menu { font-size:16px; list-style:none; margin:0 0 0 -40px; } #subMenu { min-height:50px; margin:10px 0 0 0; z-index:800; } #subMenu .container { padding:0; } @media screen and (max-width: 767px) { #subMenu { padding:5px 0; margin-bottom:20px; } } /* iPad mini */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { #subMenu { padding:5px 0; } } #subMenu .navbar-default { margin:0; background:none; border:none; border-radius:0; } #subMenu .navbar-fixed-top { min-height:50px; top:0; padding:5px 0 0px 0; background:#8a9295; background:#FFF; -moz-box-shadow: 1px 1px 2px #333; -webkit-box-shadow: 1px 1px 2px #333; box-shadow: 1px 1px 2px #333; } /* Monastery */ #subHeader.monastery-blue-bkgd #subMenu .navbar-fixed-top { background:#171949; } /* Seminary */ #subHeader.seminary-blue-bkgd #subMenu .navbar-fixed-top { background:#254074; } /* Guest Center */ #subHeader.guest-blue-bkgd #subMenu .navbar-fixed-top { background:#486a97; } /* Printery */ #subHeader.printery-blue-bkgd #subMenu .navbar-fixed-top { background:#6d88b3; } @media screen and (max-width: 1024px) { #subMenu .navbar-fixed-top { /* position:absolute; top:inherit; */ } } #subMenu .navbar-collapse { text-align:center; } #subMenu .navbar-nav { display:inline-block; float:none; } #subMenu ul { list-style:none; margin:0px 0 0 0px; z-index:1000; } #subMenu ul li { display:inline-block; font-size:16px; font-weight:300; text-transform:uppercase; } #subMenu li ul { display: none; } #subMenu ul li a { display:block; text-decoration: none; color:#FFF; padding:8px 10px; margin-left: 0px; white-space: normal; transition: color 0.5s ease; } #subMenu .navbar-fixed-top ul li a { border-right:none; } #subMenu ul li:last-child a { border-right:none; } /* iPad mini */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { #subMenu .navbar-default { text-align:center; } #subMenu ul li a { padding:8px 15px; margin:5px 0; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { #subMenu .navbar-default { text-align:center; } #subMenu ul li a { padding:8px 15px; margin:5px 0; } } #subMenu ul li.last a { padding:10px 0 10px 15px; } #subMenu ul li a:hover, #subMenu ul li.current-menu-item a, #subMenu ul li:hover a { color:rgba(255,255,255,0.40); } #subMenu .navbar-fixed-top ul li a:hover { background:none; } #subMenu li:hover ul { text-align:left; display: block; float:left; position: absolute; width:200px; padding:0; margin:0 0 0 0px; } #subMenu li:hover li { display:block; float: none; font-size:14px; font-weight:normal; text-transform:none; } #subMenu li:hover li a { text-shadow:none; padding:8px 13px; } #subMenu li:hover ul a { color:#666; background:#FFF; -moz-box-shadow: 1px 1px 2px #000; -webkit-box-shadow: 1px 1px 2px #000; box-shadow: 1px 1px 2px #000; transition: background 0.0s ease; } #subMenu li:hover li a { border:none; margin:0; } #subMenu li:hover li a:hover, #subMenu li:hover li.current-menu-item a { color:#666; background:#edeae6; border:none; } /* Third Tier */ #subMenu li ul.sub-menu li ul.sub-menu { display: none; } #subMenu ul li ul.sub-menu li:hover ul.sub-menu { display: block; position: absolute; width:200px; padding:0; margin:-42px 0 0 200px; } /* Forth Tier */ #subMenu li ul.sub-menu li ul.sub-menu li ul.sub-menu { display: none; } #subMenu ul li ul.sub-menu li ul.sub-menu li:hover ul.sub-menu { display: block; position: absolute; width:200px; padding:0; margin:-40px 0 0 200px; } @media screen and (max-width: 1200px) { #subMenu ul li { } #subMenu ul li a { padding:8px 13px; } } @media screen and (max-width: 996px) { #subMenu ul li { } #subMenu ul li a { padding:8px 13px; } } @media screen and (max-width: 890px) { #subMenu ul li { } #subMenu ul li a { } } @media screen and (max-width: 767px) { #subMenu { position:relative; margin:0 0; } #subMenu ul { text-align:left; margin:0 0 0 0; } #subMenu ul li { display:block; font-size:16px; } #subMenu ul li a { padding:10px 0px; border-right:none; } .mobileMenu { float:none; } } #subMenu .navbar-toggle { margin-right:30px; } #subMenu .navbar-toggle .icon-bar { color:#FFF; border:1px solid #FFF; } #subMenu .navbar-toggle .icon-bar:focus, #subMenu .navbar-toggle .icon-bar:active, #subMenu .navbar-toggle .icon-bar:hover { color:#FFF; background:#FFF; border:1px solid #FFF; } /* Hero -----------------------------------------------------------*/ #mainHero { height:auto; max-height:800px; padding:0px 0 0px 0; margin:0 0 0px 0; /* background-image:url(images/Conception-Abbey-building.jpg); -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-position:center; */ } #mainHero .row, #mobileButtons .row { padding:0; margin:0; } body.child #mainHero { height:auto; max-height:350px; padding:0 0 0 0; margin:0px 0 0 0; background:url(images/Conception-Abbey-Basilica.jpg) no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-position:center; } body.child #mainHero img { width:100%; margin:0 auto; } body.entityPage #mainHero { height:auto; max-height:600px; padding:0 0 0 0; margin:0px 0 0 0; /* background:url(images/saint-meinrad-monk.jpg) top center no-repeat; background-size:cover; */ } body.entityPage.monastery #mainHero, body.entityPage.seminary #mainHero { background-image:none; } body.entityPage #mainHero img { width:100%; margin:0 auto; } #mainHero .soliloquy-container .soliloquy-caption { width: 450px; right: auto !important; left: 32px !important; bottom: 32px !important; } #mainHero .soliloquy-container .soliloquy-caption .soliloquy-caption-inside { text-align: left; } #mainHero .soliloquy-container .soliloquy-caption h2 { font-family: Helvetica, sans-serif; text-align:left; font-size:24px; font-weight:600; color: #fff; padding:0; margin:0 0 10px 0; background:none; } #mainHero .soliloquy-container .soliloquy-caption p { font-size:18px; line-height:120%; } body.entityPage #mainHero.library { height:350px; padding:32px 0 0 0; } body.child #mainHero h1 { text-align:left; font-size:50px; font-weight:400; color:#FFF; margin:60px 0 0 0; text-shadow:1px 1px 1px #000; } #heroBar { position:relative; left:0; right:0; margin: -60px auto 20px auto; background: #002856; z-index:800; background: -moz-linear-gradient(left, rgba(183,217,244,0) 0%, rgba(183,217,244,1) 10%, rgba(183,217,244,1) 50%, rgba(183,217,244,1) 90%, rgba(183,217,244,0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(183,217,244,0)), color-stop(10%,rgba(183,217,244,1)), color-stop(50%,rgba(183,217,244,1)), color-stop(90%,rgba(183,217,244,1)), color-stop(100%,rgba(183,217,244,0))); background: -webkit-linear-gradient(left, rgba(183,217,244,0) 0%,rgba(183,217,244,1) 10%,rgba(183,217,244,1) 50%,rgba(183,217,244,1) 90%,rgba(183,217,244,0) 100%); background: -o-linear-gradient(left, rgba(183,217,244,0) 0%,rgba(183,217,244,1) 10%,rgba(183,217,244,1) 50%,rgba(183,217,244,1) 90%,rgba(183,217,244,0) 100%); background: -ms-linear-gradient(left, rgba(183,217,244,0) 0%,rgba(183,217,244,1) 10%,rgba(183,217,244,1) 50%,rgba(183,217,244,1) 90%,rgba(183,217,244,0) 100%); background: linear-gradient(to right, rgba(183,217,244,0) 0%,rgba(183,217,244,1) 10%,rgba(183,217,244,1) 50%,rgba(183,217,244,1) 90%,rgba(183,217,244,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7d9f4', endColorstr='#00b7d9f4',GradientType=1 ); } #heroBar .container { max-height: 46px; } #heroBar .col-sm-3 { padding:0; margin:0; } #heroBar a { display:block; } #heroBar .btn-primary { font-size: 17px; text-transform: none; background: #B7D9F4; border-color: #B7D9F4; } #heroBar .btn-primary:hover { color: #B7D9F4; background: #002856; border-color: #002856; } @media screen and (max-width: 996px) { #heroBar .btn-primary { font-size: 13px; } #heroBar .container { max-height: 40px; } } @media screen and (max-width: 767px) { #heroBar { margin: 0 auto; background: none; } #heroBar .container { max-height: none; padding-left: 0; padding-right: 0; } #heroBar .btn-primary { margin-bottom: 2px; } } .heroButtons { text-align:center; position:relative; left:0; right:0; margin:-150px auto 0px auto; z-index:800; } #sideBar .heroButtons { margin:0 0 0; } .heroButtons .col-sm-3 { padding:0; margin:0; } .heroButtons a { display:block; } .heroButtons .btn-primary { font-size:21px; font-weight:500; padding:15px 20px; margin-bottom: 5px; background: #B7D9F4; border: none; } .heroButtons .btn-primary:hover { background: #002856 } /* .heroButtons .monastery .btn-primary { background:url(images/logo-Monastery.png) no-repeat #171949; border:1px solid #171949; } .heroButtons .monastery .btn-primary:hover { background:url(images/logo-Monastery.png) no-repeat #720000; border:1px solid #720000; } .heroButtons .seminary .btn-primary { background:url(images/logo-Conception-Seminary.png) no-repeat #254074; border:1px solid #254074; } .heroButtons .seminary .btn-primary:hover { background:url(images/logo-Conception-Seminary.png) no-repeat #720000; border:1px solid #720000; } .heroButtons .guest .btn-primary { background:url(images/logo-Abbey-Guest-Center.png) no-repeat #486a97; border:1px solid #486a97; } .heroButtons .guest .btn-primary:hover { background:url(images/logo-Abbey-Guest-Center.png) no-repeat #720000; border:1px solid #720000; } .heroButtons .printery .btn-primary { background:url(images/logo-Printery-House.png) no-repeat #6d88b3; border:1px solid #6d88b3; } .heroButtons .printery .btn-primary:hover { background:url(images/logo-Printery-House.png) no-repeat #720000; border:1px solid #720000; } */ /* Child Hero */ #childHero { } #childHero .row { padding:0; margin:0; } #childHero img { margin:0 0 30px 0; border-bottom:4px solid #D8B334; } @media screen and (max-width: 1200px) { .heroButtons .btn-primary { font-size:18px; } } @media screen and (max-width: 996px) { body.child #mainHero, body.entityPage #mainHero { max-height:300px; } body.entityPage #mainHero.library { height:auto !important; min-height:350px; max-height:none; padding:30px 0; } .heroButtons .btn-primary { font-size:13px; } } @media screen and (max-width: 767px) { #mainHero { height:auto; max-height:200px; } body.homePage #mainHero { height:auto; max-height:none; } body.child #mainHero, body.entityPage #mainHero { max-height:300px; } body.child #mainHero h1 { font-size:30px; margin:20px 0 0 0; } .heroButtons.visible-xs { margin:0 0 0 0; } .heroButtons .btn-primary { font-size:23px; padding:20px 20px; } } @media screen and (max-width: 500px) { #mainHero { height:auto; } body.child #mainHero, body.entityPage #mainHero { height:auto; min-height:inherit !important; max-height:inherit !important; } body.child #mainHero h1 { text-align:center; } } /* Special -----------------------------------------------------------*/ #mainSpecial { text-align:center; font-size:18px; padding:60px 15px; margin:0 0 0px 0; background: #f7f5f3; background: #FFF; border-bottom:1px solid #DDD; } body.entityPage #mainSpecial { background:#D0CCC7; background: #FFF; } #mainSpecial h1 { font-family: 'Cinzel', serif; font-size:34px; margin:0px 0 20px 0; } @media screen and (max-width: 767px) { #mainSpecial { padding:30px 15px; } } @media screen and (max-width: 500px) { #mainSpecial h1 { font-size:30px; } #mainSpecial h3 { font-size:14px; } } @media screen and (max-width: 375px) { #mainSpecial { font-size:16px; } #mainSpecial h1 { font-size:25px; } #mainSpecial h3 { font-size:13px; } } /* Business -----------------------------------------------------------*/ #mainBusiness { text-align:center; font-size:18px; padding:60px 15px; margin:0 0 0px 0; /*background:url(images/cork-wallet.png) repeat;*/ background: url(images/paper_fibers.png) repeat; border-bottom:1px solid #DDD; } body.entityPage #mainBusiness { background:#D0CCC7; background: #CBC3BB; background: url(images/paper_fibers.png) repeat; border-bottom:1px solid #DDD; } #mainBusiness h1 { font-family: 'Cinzel', serif; font-size:34px; margin:0px 0 20px 0; } @media screen and (max-width: 767px) { #mainBusiness { padding:30px 15px; } } @media screen and (max-width: 500px) { #mainBusiness h1 { font-size:30px; } #mainBusiness h3 { font-size:14px; } } @media screen and (max-width: 375px) { #mainBusiness { font-size:16px; } #mainBusiness h1 { font-size:25px; } #mainBusiness h3 { font-size:13px; } } /* Bread Crumbs --------------------------------------------------*/ #heroBread { padding-top: 40px; background: url(images/paper_fibers.png) repeat; border-bottom:1px solid #DDD; } #breadCrumbs { font-family: Helvetica, sans-serif; font-size:13px; font-weight:300; text-transform:uppercase; color:#000; margin:0 auto 20px auto; } #breadCrumbs .container { } #breadCrumbs .row { padding:0; margin:0; } .crumbs { padding:10px 20px; background:#FFF; border:1px solid #ddd; } #breadCrumbs a { color:#002856; } #breadCrumbs a:hover { color:#D8B334; text-decoration:none; } #breadCrumbs .current { color:#002856; text-decoration:underline; } @media screen and (max-width: 767px) { #breadCrumbs { font-size:12px; } } /* Layout --------------------------------------------------*/ #mainLayout { padding:60px 15px; background:#fff; } body.entityPage #mainLayout { padding:60px 15px; } #mainLayout .container { } #mainLayout .row { padding:0; margin:0; } @media screen and (max-width: 767px) { #mainLayout { padding:30px 15px; } body.entityPage #mainLayout { padding:0 15px 30px 15px; } } /* Child Pages --------------------------------------------------*/ #textArea { font-size:20px; font-weight:300; line-height:1.6; } #textArea p { margin-bottom:1.25em; } #fullPage { font-size:18px; } #textArea h1, #fullPage h1 { font-family: 'Cinzel', serif; font-size:40px; margin:0 0 20px 0; } #textArea h2, #fullPage h2 { font-family: 'Cinzel', serif; font-size:30px; font-weight:700; margin:0 0 20px 0; } #textArea h3, #fullPage h3 { font-family: 'Cinzel', serif; font-size:22px; font-weight:700; margin:0 0 20px 0; } #textArea h4, #fullPage h4 { font-family: 'Cinzel', serif; font-size:18px; font-weight:700; margin:5px 0 10px 0; } #textArea h3.accordion-title { font-family:'Alegreya Sans', sans-serif; color:#FFF; font-weight:400; padding:5px 10px; background:#171949; } #textArea h3.accordion-title:hover { background:#6d88b3; cursor:pointer; } #textArea h3.accordion-title::after { font-family:'FontAwesome'; content:'\f107'; margin-left:10px; } #textArea h3.accordion-title.open::after { font-family:'FontAwesome'; content:'\f106'; margin-left:10px; } @media screen and (max-width: 992px) { } @media screen and (max-width: 767px) { #textArea { margin:0 0 30px 0; } } @media screen and (max-width: 668px) { } @media screen and (max-width: 500px) { } #sideBar { font-size:14px; } #sideBar h2 { text-align:center; font-size:24px; text-transform:uppercase; margin:0 0 10px 0 } .widget { margin:0 0 30px 0; } .widget.button { } .widget.button a.btn-primary { display:block; font-family: 'Cinzel', serif; font-size:20px; padding:15px 15px; } .widget.menu { } #sideMenu ul.menu { font-family: Helvetica, sans-serif; font-size:18px; font-weight:300; list-style:none; margin:0 0 0 -40px; } #sideMenu ul.menu li { } #sideMenu ul.menu li a { display:block; color:#002856; padding:15px 15px; background:#fff; border-bottom:2px solid #D8B334; transition: background-color 0.5s ease; } #sideMenu ul.menu li.current-menu-item a { color:#FFF; background:#002856; } #sideMenu ul.menu li a:hover { color:#FFF; text-decoration:none; background:#B7D9F4; } #sideMenu ul.menu li li { list-style: none; font-size: 16px; } #sideMenu ul.sub-menu li a { padding: 5px 15px; margin-left: -25px; border-bottom:1px solid #EEEEEE; } #sideMenu ul.menu li li a:hover { color:#D8B334; background: #FFF; } #sideBar .widget.search { } #sideBar .widget.search .form-group { text-align:center; margin:0 auto 15px auto; } #sideBar .widget.search .input-group { display:block; width:auto; min-width:100%; } #sideBar .widget.search input, #sideBar .widget.search select { margin:0 0 5px 0; } #sideBar .widget.search .btn-primary { padding:6px 25px; } #sideBar .widget.search p { font-size:14px; } #sideBar .widget.search ul { font-size:14px; list-style:none; margin:5px 0 5px -40px; } #sideBar .widget.search ul li { display:block; padding:0 0 0 0; border-right:none; } #sideBar .widget.box h2 { text-align:center; font-size:22px; font-weight:300; color:#FFF; padding:5px 15px; margin:0 0 0 0; background:#720000; } #sideBar .widget.box a:hover { text-decoration:none; } #sideBar .widget.box div { -webkit-transition: all .3s ease; /* Safari and Chrome */ -moz-transition: all .3s ease; /* Firefox */ -o-transition: all .3s ease; /* IE 9 */ -ms-transition: all .3s ease; /* Opera */ transition: all .3s ease; } #sideBar .widget.box div:hover { -webkit-transform:translateZ(0) scale(1.20); /* Safari and Chrome */ -moz-transform:scale(1.20); /* Firefox */ -ms-transform:scale(1.20); /* IE 9 */ -o-transform:translatZ(0) scale(1.20); /* Opera */ transform:translatZ(0) scale(1.20); } #sideBar .widget.box div:hover h2 { background:#D8B334; } @media screen and (max-width: 767px) { #sideBar { margin:100px 0 0 0; } .widget { max-width:346px; margin:0 auto 30px auto; } } /* Video --------------------------------------------------*/ #mainVideo { padding:60px 15px; /*background:url(images/cork-wallet.png) repeat;*/ background: #FFF; border-bottom:1px solid #DDD; } #mainVideo .widget { padding:20px 20px; background:rgba(255,255,255,0.50); border:1px solid #C9C5C0; } #mainVideo .widget h2 { font-family: 'Cinzel', serif; font-size:20px; font-weight:600; text-transform:uppercase; margin:0 0 10px 0; } @media screen and (max-width: 767px) { #mainVideo { padding:30px 15px; } } /* Library Hero -----------------------------------------------------------*/ #libraryHero { padding:60px 15px; background:#D0CCC7; border-bottom:1px solid #C9C5C0; } #libraryHero .row { padding:0; margin:0; } #mainHero h2, #libraryHero h2 { text-align:center; font-size:22px; font-weight:300; color:#FFF; padding:5px 15px; margin:0 0 0 0; background:#720000; } #libraryHero ul.bookLinks { list-style:none; text-align:center; padding:0 0 5px 0; margin:0 0 0 0px; background:#edeae6; } #libraryHero ul.bookLinks li { display:inline-block; padding:0 5px; border-right:1px solid #d6d3db; } #libraryHero ul.bookLinks li:first-child { padding:0 8px 0 5px; } #libraryHero ul.bookLinks li:last-child { border-right:none; } #libraryHours, #servicesSection { min-height:250px; padding:15px 15px; background:#edeae6; border:1px solid #e0ddda; } #libraryHours ul, #servicesSection ul { list-style:none; margin:0 0 0 -40px; } #libraryHours ul li a, #servicesSection ul li a { display:block; color:#333; padding:5px 5px; background:none; border-bottom:1px solid #e0ddda; } #libraryHours ul li:first-child a, #servicesSection ul li:first-child a { } #libraryHours ul li:last-child a, #servicesSection ul li:last-child a { } #libraryHours ul li a:hover, #servicesSection ul li a:hover { text-decoration:none; background:#d9d5d0; } #mainHero ul.nav.nav-tabs, #libraryHero ul.nav.nav-tabs { border-bottom:1px solid #e0ddda; } #mainHero ul.nav.nav-tabs li, #libraryHero ul.nav.nav-tabs li { font-size:18px; } #mainHero ul.nav.nav-tabs li a, #libraryHero ul.nav.nav-tabs li a { color:#FFF; background:#486a97; } #mainHero ul.nav.nav-tabs li a:hover, #libraryHero ul.nav.nav-tabs li a:hover, #mainHero ul.nav.nav-tabs li.active a, #libraryHero ul.nav.nav-tabs li.active a { background:#720000; border:1px solid #e0ddda; } #mainHero .tab-pane, #libraryHero .tab-pane { min-height:236px; padding:15px 15px 15px 15px; background:#edeae6; border-left:1px solid #e0ddda; border-right:1px solid #e0ddda; border-bottom:1px solid #e0ddda; } #mainHero .tab-pane a, #libraryHero .tab-pane a { color:#555; } #mainHero .tab-pane a:hover, #libraryHero .tab-pane a:hover { color:#720000; text-decoration:none; } #mainHero .col-sm-6 ul, #libraryHero .col-sm-6 ul { list-style:none; margin:0px 0 0 -40px; } #mainHero .col-sm-6 li, #libraryHero .col-sm-6 li { padding:0 0 10px 0; } #mainHero #searchSection, #libraryHero #searchSection { padding:15px 15px; background:#edeae6; border:none; } #mainHero form.form-inline, #libraryHero form.form-inline { margin:0 0 10px 0; } #mainHero form.form-inline input, #libraryHero form.form-inline input { width:300px; } #mainHero form.form-inline select, #libraryHero form.form-inline select { width:150px; } #mainHero form.form-inline .btn-primary, #libraryHero form.form-inline .btn-primary { padding:6px 25px; } #mainHero #searchSection p, #libraryHero #searchSection p { font-size:16px; font-style:italic; padding:10px 0 0px 0; } #mainHero #searchSection ul, #libraryHero #searchSection ul { font-size:16px; list-style:none; margin:5px 0 5px -40px; } #mainHero #searchSection ul li, #libraryHero #searchSection ul li { display:inline-block; padding:0 5px 0 4px; border-right:1px solid #d6d3db; } #mainHero #searchSection ul li:first-child, #libraryHero #searchSection ul li:first-child { padding:0 5px 0 0; } #mainHero #searchSection ul li:last-child, #libraryHero #searchSection ul li:last-child { border-right:none; } #libraryHero .lhCarousel { background:#edeae6; } @media screen and (max-width: 1200px) { #mainHero ul.nav.nav-tabs li, #libraryHero ul.nav.nav-tabs li { font-size:14px; } #libraryHours { font-size:14px; } } @media screen and (max-width: 996px) { #libraryHours { text-align:center; min-height:100px; } } @media screen and (max-width: 767px) { #servicesSection { margin-bottom:30px; } #mainHero ul.nav.nav-tabs li, #libraryHero ul.nav.nav-tabs li { display:block; } #mainHero form.form-inline input, #libraryHero form.form-inline input { width:auto !important; } } /* Main Search --------------------------------------------------*/ #mainSearch { color:#555; padding:60px 15px; background:url(images/cork-wallet.png) repeat; } #mainSearch .row { padding:0; margin:0; } #mainSearch h2 { text-align:center; font-size:22px; font-weight:300; color:#FFF; padding:5px 15px; margin:0 0 0 0; background:#720000; } #searchSection { padding:15px 15px; background:#edeae6; border-left:1px solid #e0ddda; border-right:1px solid #e0ddda; border-bottom:1px solid #e0ddda; } #mainSearch form.form-inline { margin:0 0 10px 0; } #mainSearch form.form-inline input { width:300px; } #mainSearch form.form-inline select { width:150px; } #mainSearch form.form-inline .btn-primary { padding:6px 25px; } #searchSection p { font-size:16px; font-style:italic; padding:10px 0 0px 0; } #searchSection ul { font-size:16px; list-style:none; margin:5px 0 5px -40px; } #searchSection ul li { display:inline-block; padding:0 5px 0 4px; border-right:1px solid #e0ddda; } #searchSection ul li:first-child { padding:0 5px 0 0; } #searchSection ul li:last-child { border-right:none; } @media screen and (max-width: 767px) { #mainSearch { padding:30px 15px; } #mainSearch form.form-inline input { width:150px; } } /* Tabs -----------------------------------------------------------*/ #mainTabs { font-size:20px; color:#555; padding:60px 15px; margin:0 0 0px 0; background:url(images/cork-wallet.png) repeat; border-bottom:1px solid #C9C5C0; } body.entityPage #mainTabs { background:#D0CCC7; } #mainTabs h2 { font-family: 'Cinzel', serif; font-size:34px; margin:0px 0 20px 0; } #mainTabs ul.nav.nav-tabs { border-bottom:1px solid #e0ddda; } #mainTabs ul.nav.nav-tabs li a { color:#FFF; background:#486a97; } #mainTabs ul.nav.nav-tabs li a:hover, #mainTabs ul.nav.nav-tabs li.active a { background:#720000; border:1px solid #e0ddda; } #mainTabs .tab-pane { padding:15px 15px 15px 15px; background:#edeae6; border-left:1px solid #e0ddda; border-right:1px solid #e0ddda; border-bottom:1px solid #e0ddda; } #mainTabs .tab-pane a { color:#555; } #mainTabs .tab-pane a:hover { color:#720000; text-decoration:none; } #mainTabs .col-sm-6 ul { list-style:none; margin:0px 0 0 -40px; } #mainTabs .col-sm-6 li { padding:0 0 10px 0; } @media screen and (max-width: 767px) { #mainTabs { padding:30px 15px; } } @media screen and (max-width: 500px) { #mainTabs h2 { font-size:30px; } #mainTabs h3 { font-size:14px; } } @media screen and (max-width: 375px) { #mainTabs { font-size:16px; } #mainTabs h2 { font-size:25px; } #mainTabs h3 { font-size:13px; } } /* Entity Boxes --------------------------------------------------*/ #entityBoxes { padding:60px 15px 60px 15px; /*background:url(images/cork-wallet.png) repeat;*/ background: #FFF; } #entityBoxes.library { padding:60px 15px; } #entityBoxes .row { padding:0; margin:0; } #entityBoxes .box { /* position:absolute; margin:-140px auto 0 auto; z-index:700; */ } #entityBoxes h2 { font-family: Helvetica, sans-serif; text-align:center; font-size:17px; font-weight:600; color:#002856; padding:5px 10px; margin:0 0 0 0; background:#B7D9F4; } #entityBoxes .col-sm-3.events h2 { margin:0 0 0px 0; } #entityBoxes .eventDetails { padding:10px 10px 5px 10px; background:#fff; } #entityBoxes a:hover { text-decoration:none; } #entityBoxes ul { text-align:left; list-style:none; margin:0 0 0 -40px; } #entityBoxes li { padding:0 0 5px 0; } #entityBoxes li a { color:#495456; } #entityBoxes li a:hover { color:#00456b; } #entityBoxes .btn-primary { padding:5px 25px; } #entityBoxes .col-sm-3 .box, #entityBoxes .col-sm-4 .box, #entityBoxes.library .col-sm-3 { -webkit-transition: all .3s ease; /* Safari and Chrome */ -moz-transition: all .3s ease; /* Firefox */ -o-transition: all .3s ease; /* IE 9 */ -ms-transition: all .3s ease; /* Opera */ transition: all .3s ease; } #entityBoxes .col-sm-3 .box:hover, #entityBoxes .col-sm-4 .box:hover, #entityBoxes.library .col-sm-3:hover { -webkit-transform:translateZ(0) scale(1.20); /* Safari and Chrome */ -moz-transform:scale(1.20); /* Firefox */ -ms-transform:scale(1.20); /* IE 9 */ -o-transform:translatZ(0) scale(1.20); /* Opera */ transform:translatZ(0) scale(1.20); z-index:900; } #entityBoxes .col-sm-3.events:hover { transform:none; } #entityBoxes .col-sm-3:hover h2, #entityBoxes .col-sm-4:hover h2 { color: #FFF; background:#D8B334; } #entityBoxes .col-sm-3.events:hover h2 { background:#720000; } @media screen and (max-width: 1200px) { #entityBoxes .eventDetails { font-size:14px; } } @media screen and (max-width: 996px) { #entityBoxes h2 { font-size:18px; } #entityBoxes .eventDetails { font-size:12px; } } @media screen and (max-width: 767px) { #entityBoxes { padding:30px 15px; } #entityBoxes .box { position:relative; max-width:350px; margin:0 auto 30px auto; } #entityBoxes h2 { font-size:22px; } #entityBoxes .eventDetails { font-size:16px; } } /* Entity Blog --------------------------------------------------*/ #mainBlog { padding:60px 15px; background:url(images/paper_fibers.png) repeat; border-top:1px solid #DDD; } #mainBlog .row { padding:0; margin:0; } #mainBlog h2 { font-family: 'Cinzel', serif; font-size:24px; font-weight:600; text-transform:uppercase; padding:0 0 5px 0; margin:0 0 10px 0; border-bottom:1px solid #DDD; } #mainBlog h3 { font-size:12px; font-weight:400; color:#666; text-transform:uppercase; margin:0 0 30px 0; } #mainBlog img { padding:1px 1px; background:#FFF; border:1px solid #DDD; } #mainBlog a { color:#000; font-weight:600; } #mainBlog a:hover { color:rgba(0,0,0,0.40); text-decoration:none; } #mainBlog .printfriendly, #mainBlog .sharedaddy { display: none; } @media screen and (max-width: 767px) { #mainBlog { padding:30px 15px; } } /* Links --------------------------------------------------*/ #mainLinks { padding:60px 15px; background:#FFF; background:#edeae6; background: #FFF; } #mainLinks h2 { font-family: Helvetica, sans-serif; text-align:center; font-size:20px; font-weight:600; padding:0 0 5px 0; margin:0 0 5px 0; border-bottom:1px solid #C9C5C0; } #mainLinks ul { text-align:left; list-style:none; margin:0 0 0 -40px; } #mainLinks li { padding:0 0 5px 0; } #mainLinks li a { color:#495456; } #mainLinks li a:hover { color:#00456b; } #mainLinks img { margin:0 auto 10px auto; } #mainLinks .btn-primary { padding:5px 25px; } #mainLinks .widget_sp_image-description { text-align:center; font-size:14px; } @media screen and (max-width: 767px) { #mainLinks h2, #mainLinks p { text-align:center; } #mainLinks ul { text-align:center; margin:0 0 20px -40px; } } /* Support --------------------------------------------------*/ #mainSupport { padding:60px 15px; background:#F5F5F5; background: url(images/paper_fibers.png) repeat; /*background:url(images/paper_fibers.png) repeat;*/ border-top:1px solid #DDD; } #mainSupport .row { padding:0; margin:0; } #mainSupport .col-sm-6 { padding:0; margin:0; } #mainSupport h2 { font-family: Helvetica, sans-serif; } .supportImage img { width:100%; } .supportDetails { padding:30px 30px; } @media screen and (max-width: 767px) { #mainSupport { padding:30px 15px; } .supportImage { display:none; } } /* Footer --------------------------------------------------*/ #mainFooter { font-size:14px; color:#002856; padding:20px 15px 15px 15px; background:#6d88b3; background: #acd6f2; } #mainFooter a { color:#002856; } #mainFooter a:hover { color:#486a97; text-decoration:none; } #footerContact { font-size:16px; margin:0 0 60px 0; } #footerContact h2 { font-family: Helvetica, sans-serif; font-size:24px; margin:0 0 10px 0; } #footerContact ul.social { text-align:center; margin:8px 0 0 -40px; overflow: auto; } #footerContact ul.social li { list-style-type: none; display:inline-block; } #footerContact ul.social li a i { background:none; color: #002856; width: 35px; height: 35px; border-radius: 20px; font-size: 20px; text-align: center; margin-right: 4px; padding-top: 17%; transition: all 0.2s ease-in-out; border:1px solid #002856; } #footerContact ul.social li a i:hover { color:#FFF; background:#002856; border:1px solid #002856; } #footCopy { text-align:center; font-size:13px; } #footCopy a { color:#002856; } #mainFooter .web { text-align:center; font-size:11px; color:#002856; } #mainFooter .web a { color:#002856; } #mainFooter .web a:hover { color:#486a97; } @media screen and (max-width: 767px) { #mainFooter { text-align:center; } } /* 404 Page --------------------------------------------------*/ /* Blog --------------------------------------------------*/ #textArea .blogPosts { } #textArea .bpl_post { padding:20px 20px; margin:0 0 30px 0; background:#F6F6F6; } #textArea .blogPosts ul { list-style:none; margin:0 0 0 -40px; } #textArea .blogPosts li { padding:0 0 3px 0; /*border-bottom:1px solid #E9E9E9;*/ } #textArea .blog_post_date { background:#274b74; width:50px; height:60px; margin:10px 0 0 0px; padding:0px; } #textArea .blog_post_date h3 { color:#FFF; font-size:18px; font-weight:300; padding:8px 0px 0px 0px; margin:0px; text-transform:uppercase; text-align:center; } #textArea .blog_post_date h4 { color:#FFF; font-size:22px; font-weight:300; padding:0px 0px 0px 0px; margin:0px; text-align:center; } #textArea .blog_post_details { padding:10px 0 10px 0; } #textArea .blog_post_details h2 { text-align:left; font-size:22px; font-style:normal; margin:0 0 10px 0; } /* Blog Shortcode Style --------------------------------------------------*/ .pf-content ul.lcp_catlist { list-style:none; margin:0 0 0 -40px; } .pf-content ul.lcp_catlist li { padding:0 0 20px 0; margin:0 0 20px 0; border-bottom:1px solid #edeae6; } .pf-content ul.lcp_catlist li a.postTitle { display:block; font-size:28px; font-weight:600; margin:0 0 0 0; } .pf-content ul.lcp_catlist li span.postDate { display:block; font-size:16px; font-style:italic; margin:-8px 0 15px 0; } .pf-content ul.lcp_paginator { font-size:16px; margin:0 0 0 -40px; } .pf-content ul.lcp_paginator li { color:#FFF; padding:1px 10px; background:#6d88b3; border:none; } .pf-content ul.lcp_paginator li a { color:#FFF; } .pf-content ul.lcp_paginator li:hover { color:#FFF; text-decoration:none; background:#486a97; } .pf-content ul.lcp_paginator li a:hover { text-decoration:none; } .pf-content ul.lcp_paginator li.lcp_currentpage { background:#254074; }