/* Theme Name: AMM Theme URI: Author: 2Creative Author URI: 2Creative Description: Tema till AMM */ /************************************************************************************ RESET *************************************************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0px; border: 0; outline: 0; font-size: 100.01%; vertical-align: baseline; background: transparent; } body { line-height: 1; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; } h1, h2, h3, p { margin: 0px; padding: 0px; line-height: 1; } textarea { overflow: auto; } input { border: 0px solid white; margin: 0; padding: 0; } ol, ul { list-style: none; margin: 0px; padding: 0px; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /************************************************************************************ RESET END *************************************************************************************/ /************************************************************************************ CSS BASICS *************************************************************************************/ .full { width: 100%; } .left { float: left; } .right { float: right; } .half { width: 50%; } .third { width: 33.33%; } .relative { position: relative; } .element { padding-top: 70px; padding-bottom: 70px; } .center { text-align: center; } .blue { background: #2091ef; color: #fff; } .light { background: #f7f8f8; } .dark { background: #1f2a33; color: #fff; } .hr { height: 1px; width: 100%; background: #eee; float: left; } .mitten { width: 1200px; margin: auto; } .center .mitten { width: 800px; } .knapp { padding: 15px 22px; color: #fff; background: #2091ef; font-weight: 700; text-transform: uppercase; letter-spacing: 1.9px; font-size: 13px; margin-top: 20px; display: inline-block; } .knapp:hover { background: #1f87dd; } img { max-width: 100%; height: auto; } /************************************************************************************ TYPO *************************************************************************************/ body { color: #1f2a33; font-family: 'Noto Sans', sans-serif; } h1, h2, h3, h4 { font-weight: 700; line-height: 1.3; } h1 { font-size: 50px; text-transform: uppercase; margin-bottom: 55px; } h2 { font-size: 24px; text-transform: uppercase; margin-bottom: 15px; letter-spacing: 1px; } h3 { font-size: 20px; text-transform: uppercase; letter-spacing: 1px; } p { margin-bottom: 22px; font-size: 15px; line-height: 1.5; font-weight: 400; max-width: 660px; } a { text-decoration: none; color: #2091ef; } /************************************************************************************ HEADER *************************************************************************************/ #header { position: relative; } #logotyp { float: left; margin-top: 38px; margin-bottom: 38px; } #logotyp a { font-weight: 700; color: #000; } #logotyp a .line1 { clear: both; float: left; font-size: 24px; } #logotyp a .line2 { clear: both; float: right; font-weight: 400; font-size: 14px; margin-top: 2px; } #search { float: right; margin-top: 20px; clear: right; } .search-field { background: #f2f2f2; padding: 8px 15px; width: 345px; font-size: 14px; } #search .genericon-search { font-size: 25px; margin-top: 3px; margin-right: 5px; color: #2091ef; } #vgr, #gu { float: right; margin-top: 5px; height: 50px; width: auto; } #vgr{margin-left: 30px;} /************************************************************************************ MENU *************************************************************************************/ #menu { width: 100%; float: left; padding: 22px 0px; background: #2091ef; min-height: 16px; } #menu .mitten { position: relative; } #menu li { float: left; position: relative; } #menu a { margin-right: 40px; font-size: 15px; color: #fff; text-transform: uppercase; letter-spacing: 0.8px; } #menu a:hover, .current-menu-item > a, .current-page-ancestor > a, .single-nyhet #menu-item-20 > a, .single-event #menu-item-18 > a { text-decoration: underline; } #menu li li { display: none; } /************************************************************************************ STARTSIDAN *************************************************************************************/ #startbild { height: 500px; background-size: cover; background-position: center center; color: #fff; } #startbild .mitten { position: relative; height: 100%; } #startbild h1 { font-size: 38px; margin-bottom: 26px; text-transform: none; } #startbild p { margin-bottom: 15px; } #intro { width: 470px; position: absolute; left: 0px; bottom: 50px; } #intro .knapp { background: #fff; color: #2091ef; } #intro .knapp:hover { background: #fff; color: #1f2a33; } #external { position: absolute; right: 0px; bottom: 50px; } #external .knapp, #pub-typer .knapp { float: right; clear: both; text-align: center; line-height: 1; width: 200px; margin-top: 10px; } #pub-typer .knapp { float: left; } #external .knapp span, #pub-typer .knapp span { font-weight: 400; font-size: 10px; text-transform: none; letter-spacing: 1.2px; } #main { background: linear-gradient(90deg, #fff 50%, #f7f8f8 50%); padding-top: 100px; padding-bottom: 100px; } #nyheter { width: 42%; margin-right: 8%; } #nyheter .list-image, #nyheter-page .list-image { margin-bottom: 20px; } #kalender { width: 42%; margin-left: 8%; } #main .lista { margin-top: 20px; } .lista h3 { font-family: 'Noto Serif', serif; font-weight: 400; font-size: 26px; text-transform: none; letter-spacing: normal; } .lista h3 a { color: #1f2a33; } .list-item { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 2px solid #2091ef; } .meta { padding: 20px 0px; font-size: 12px; color: #999; margin-bottom: 20px; border-bottom: 1px solid #ededed; } .meta-part { float: left; margin-right: 20px; } .meta .genericon { vertical-align: -25%; color: #2091ef; margin-right: 6px; } .push { margin-bottom: 20px; } #kalender .meta { border: 0px; margin: 0px; padding: 0px; color: #555; margin-top: 5px; } #kalender h3 { font-size: 18px; } #kalender .list-post { margin-top: 20px; padding-bottom: 20px; border-bottom: 2px solid #fff; } .fler-knapp { font-size: 13px; font-weight: 700; letter-spacing: 1.9; text-transform: uppercase; } #kalender .fler-knapp { margin-top: 40px; } #kalender .fler-knapp .genericon { color: #2091ef; } .fler-knapp .genericon { vertical-align: -20%; } /************************************************************************************ PAGE *************************************************************************************/ .page #content, .single #content, .search #content, .archive #content, .category #content, .error404 #content { padding-top: 70px; padding-bottom: 120px; min-height: 500px; } #topbild { height: 220px; background-position: center center; background-size: cover; } .sidebar-page #page-content { width: 62%; float: right; } #page-content h3 { font-size: 20px; text-transform: none; line-height: 1.4; margin-bottom: 12px; margin-top: 35px; letter-spacing: normal; } .page #page-content h1 { letter-spacing: 0.6px; } .page #page-content h2 { padding-top: 12px; text-transform: none; letter-spacing: 0.6px; font-size: 26px; } /************************************************************************************ SINGLE *************************************************************************************/ .single #page-content h1 { font-family: 'Noto Serif', serif; font-weight: 400; font-size: 45px; text-transform: none; line-height: 1.4; margin-bottom: 0px; letter-spacing: normal; max-width: 650px; } .single #page-content h2 { font-family: 'Noto Serif', serif; font-weight: 400; font-size: 35px; text-transform: none; line-height: 1.4; margin-bottom: 17px; margin-top: 38px; letter-spacing: normal; } .single #page-content h3 { font-family: 'Noto Serif', serif; font-weight: 400; font-size: 26px; text-transform: none; line-height: 1.4; margin-bottom: 12px; margin-top: 35px; letter-spacing: normal; } #page-content p { font-size: 16px; } #page-content ul, #page-content ol { margin-bottom: 33px; margin-top: 27px; } #page-content ul li, #page-content ol li { font-size: 16px; line-height: 1.3; margin-bottom: 15px; list-style-type: disc; margin-left: 20px; padding-left: 5px; } #page-content ol li { list-style-type: decimal; } .single .meta { margin-bottom: 40px; } .single #page-content img { margin-top: 30px; margin-bottom: 20px; } /************************************************************************************ KALENDER *************************************************************************************/ #page-content .list-post { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 2px solid #2091ef; } #page-content .list-post h2, #page-content .result h2 { font-family: 'Noto Serif', serif; font-weight: 400; font-size: 26px; text-transform: none; margin-bottom: 0px; letter-spacing: normal; padding-top: 0px; } #page-content .list-post h2 a { color: #1f2a33; } #kalender-page{ margin-bottom: 30px; } #kalender-page .meta { color: #888; border-bottom: 0px; margin-bottom: 0px; } #kalender-page .meta .genericon { font-size: 17px; } #page-content #kalender-page .list-post{ padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ededed;; } #page-content #kalender-page .list-post h2{ font-size: 22px; } #page-content #kalender-page .list-post p{ font-size: 14px; } #kalender-page .knapp{ background: none; color: #1f87dd; padding: 0px; margin-top: 10px; } /************************************************************************************ HITTA *************************************************************************************/ .kontakt #page-content ul li { font-size: 15px; line-height: 1.3; margin-bottom: 6px; list-style-type: none; margin-left: 0px; padding-left: 0px; } .kontakt #page-content ul { margin-bottom: 40px; } /************************************************************************************ KARTA *************************************************************************************/ #map-wrapper { height: 450px; } #map-wrapper .acf-map { height: 100%; } .info-window { padding: 25px 35px !important; } .info-window h2 { margin-bottom: 20px; } .info-window h3 { margin-top: 15px; margin-bottom: 10px; } #map-wrapper .info-window li { font-size: 15px; margin-bottom: 8px; } /************************************************************************************ KARTA *************************************************************************************/ .fraga { padding: 10px 5% 25px 5%; background: #f7f8f8; margin-bottom: 5px; width: 90%; max-width: 620px; } #fragor { margin-top: 50px; } #fragor .fraga h3 { margin-bottom: 25px; } #fragor .fraga p { font-size: 14.5px; color: #666; } /************************************************************************************ PUBLIKATIONER *************************************************************************************/ .pub-typ h2 { font-family: 'Noto Serif', serif; font-weight: 400; font-size: 26px; text-transform: none; margin-bottom: 30px; letter-spacing: normal; } .pub-typ { width: 42%; margin-bottom: 40px; padding-bottom: 40px; border-bottom: 2px solid #ededed; } .pub-typ.even { float: right; } .pub-typ.odd { clear: both; } #rapport-table thead, #personal-table thead { background: #ddd; font-size: 13px; text-align: left; letter-spacing: 1.5px; text-transform: uppercase; } #personal-table { margin-top: 30px; } #personal-table thead th:hover { cursor: pointer; background: #cdcdcd; } .ml-title.col-0, .ml-title.col-1{display: none;} .ml-value.col-0, .ml-value.col-1{float: left; width: auto !important; min-width: auto !important; clear: none !important; font-size: 13.5px !important;} .ml-title{font-size: 11px !important; text-transform: uppercase !important;} #rapport-table td, #rapport-table th, #personal-table th, #personal-table td { padding: 15px 15px; vertical-align: top; } #rapport-table tbody, #personal-table tbody { font-size: 12px; line-height: 1.2; } #rapport-table tbody tr:nth-child(odd), #personal-table tbody tr:nth-child(odd) { background: #f7f8f8; } #rapport-table tbody tr:nth-child(even), #personal-table tbody tr:nth-child(even) { background: #ededed; } #rapport-table .rap-ladda, #rapport-table .rap-bet, #personal-table .center { width: 11%; text-align: center; } #rapport-table .rap-ladda i{font-size: 16px;} #rapport-table .rap-date{ white-space: nowrap;} #rapport-table .rap-cat{width: 15%;} #personal-table .pers-tel{width: 15%;} #page-content .tax-list{margin-top: 0px; margin-bottom: 0px;} #page-content #rapport-table li { list-style-type: none; padding: 0px; margin: 0px; margin-bottom: 4px; font-size: 12.5px; } #sidebar-rapport { margin-bottom: 30px; margin-top: 30px; } #page-content .searchandfilter ul { max-width: none; margin-bottom: 0px; } #page-content .searchandfilter li { font-size: 13.6px; line-height: 1.3; margin-bottom: 0px; list-style-type: none; margin-left: 0px; padding: 0px; } #page-content .searchandfilter > ul > li { margin-bottom: 30px; } #page-content .searchandfilter li li { float: left; width: 25%; height:45px; } #page-content .searchandfilter li li label { max-width: 80%; } #page-content .searchandfilter li li input { float: left; margin-top: 3px; } .searchandfilter { margin: 3% 4%; width: 92%; float: left; } #sidebar-rapport .sf-field-search { margin: 0px; padding: 0px; width: 100%; float: left; } #page-content #sidebar-rapport .sf-field-submit { width: 30%; float: left; clear: both; margin-bottom: 0px; margin-top: 20px; } #sidebar-rapport .sf-field-taxonomy-rapportcat, #sidebar-rapport .sf-field-taxonomy-serie { width: 100%; float: left; } #sidebar-rapport .sf-field-sort_order { width: 30%; float: right; } #sidebar-rapport .sf-field-submit input { width: 90%; padding: 5%; height: 50px; width: 100%; background: #2091ef; color: #fff; letter-spacing: 1.5px; text-transform: uppercase; font-size: 13px; cursor: pointer; } #sidebar-rapport .sf-field-search input { width: 96%; padding: 2%; font-size: 14px; } #sidebar-rapport .sf-field-search label { display: block; } /************************************************************************************ FAKTABLAD *************************************************************************************/ #faktablad-page { width: 92%; padding: 4%; background: #f7f8f8; } #faktablad-page .list-image { float: left; margin-right: 30px; } #faktablad-page .list-text { float: left; width: 60%; } #faktablad-page .list-post h2 { margin-bottom: 20px; } #faktablad-page .list-post { border-bottom: 1px solid #cdcdcd; position: relative; } #faktablad-page .list-post .knapp { position: absolute; right: 20px; bottom: 20px; } /************************************************************************************ SEARCH *************************************************************************************/ #page-content .result { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #cfcfcf; width: 100%; max-width: 600px; float: left; clear: both; } #page-content .result p { font-size: 14px; margin-bottom: 8px; } #page-content .result h2 { margin-bottom: 20px; } /************************************************************************************ PAGINATION *************************************************************************************/ #page-content .wp-pagenavi a, #page-content .wp-pagenavi span { border: 0px; font-size: 13px; } #page-content .pages { color: #2091ef; font-weight: 700; text-transform: uppercase; font-size: 13px; letter-spacing: 1.9px; } #page-content .wp-pagenavi span.current { background: #51a9f3; color: #fff; font-weight: 400; } #page-content .wp-pagenavi .page { color: #fff; background: #2091ef; } .arkivknapp { font-weight: 700; font-size: 13px; letter-spacing: 1.9px; text-transform: uppercase; } /************************************************************************************ SIDEBAR *************************************************************************************/ #sidebar { width: 20%; float: left; padding: 4%; background: #f7f8f8; } #sidebar .side-item { margin-bottom: 30px; } #sidebar h3 { margin-bottom: 15px; } #sidebar .meta-part { font-size: 11px; margin-top: 3px; } #sidebar li { margin-bottom: 15px; line-height: 1.3; } #sidebar a:hover, #side-pages .current_page_item a , .current-cat a, .current_page_parent a{ text-decoration: underline; } #sidebar h3 a { color: #000; } #side-pages li, #sidebar .widget_categories li { margin-bottom: 6px; } #side-pages li a, #sidebar .widget_categories li a { font-size: 14px; font-weight: 700; } #side-pages li li{display: none;} #sidebar #mc_embed_signup form{padding: 0px !important; font-family: 'Noto Sans', sans-serif;} #sidebar #mc_embed_signup input.email{border: 1px solid #2091ef; width: 70%;} #sidebar #mc_embed_signup input{-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; height: inherit;} #sidebar #mc_embed_signup input.button{ background: #2091ef; font-weight: 700; text-transform: uppercase; letter-spacing: 1.9px; font-size: 12px; font-family: 'Noto Sans', sans-serif; } #mc_embed_signup label.checkbox{font-size:11px;font-weight:300;line-height:1.3;} #acceptterms{margin-right:5px;} /************************************************************************************ FOOTER *************************************************************************************/ #footer .blue { padding: 40px 0px; } #footer a { color: #fff; } #footer h2, #footer h3 { text-transform: none; } #footer ul li { margin-bottom: 4px; font-size: 14px; } #footer h3 { margin-top: 23px; font-size: 16px; } #footer img { width: 375px; height: auto; margin: 30px 0px; } #footer .logga-webbyra{ position: absolute; bottom: 10px; right: 10px; } #footer .logga-webbyra img{ width: auto; margin: 0px; } /*# sourceMappingURL=style.css.map */ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { #rapport-table .rap-ladda a:after{content:"Ladda ner";} #rapport-table .rap-ladda a{font-size:10px;} #rapport-table .rap-ladda a i{display:none;} }