/* Theme Name: Konstfack Author: Ivar Johansson Author URI: https://konstfack2020.se/ */ 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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{ margin:0; padding:0; border:0; font-size:100%; /* font:inherit; */ vertical-align:baseline } /* ----- FONTS ----- */ @font-face { font-family: 'Times-Regular'; src: url('fonts/Times-Regular.eot'); src: url('fonts/Times-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Times-Regular.woff2') format('woff2'), url('fonts/Times-Regular.woff') format('woff'), url('fonts/Times-Regular.ttf') format('truetype'), url('fonts/Times-Regular.svg#Times-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Times-Bold'; src: url('fonts/Times-Bold.eot'); src: url('fonts/Times-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Times-Bold.woff2') format('woff2'), url('fonts/Times-Bold.woff') format('woff'), url('fonts/Times-Bold.ttf') format('truetype'), url('fonts/Times-Bold.svg#Times-Bold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Times-ExtraBold'; src: url('fonts/Times-ExtraBold.eot'); src: url('fonts/Times-ExtraBold.eot?#iefix') format('embedded-opentype'), url('fonts/Times-ExtraBold.woff') format('woff'), url('fonts/Times-ExtraBold.ttf') format('truetype'), url('fonts/Times-ExtraBold.svg#Times-ExtraBold') format('svg'); font-weight: normal; font-style: normal; } /* ----- /FONTS ----- */ /* ----- GENERAL ----- */ html { padding:0; overflow-y:scroll; color:#2E0B1C; font-size:100%; letter-spacing:0.5px; font-family:Times-Regular, Times, 'Times New Roman', serif; } body { } /* Startpage bg - Light Purple */ .home-bg { background-image: linear-gradient(#a2aad0, #f7f1e6); background-repeat: no-repeat; min-height: 100vh; padding: 0px 10px 0px 10px; } /* Page bg - Red */ .page-bg { background-image: linear-gradient(#b21533, #f7f1e6); background-repeat: no-repeat; min-height: 100vh; padding: 0px 10px 0px 10px; } /* Single bg - Redish Purple */ .single-bg { background-image: linear-gradient(#2b0002, #f7f1e6); background-repeat: no-repeat; min-height: 100vh; padding: 0px 10px 0px 10px; } /* Blog bg - Brown - eg cat 19 */ .blog-bg { background-image: linear-gradient(#a68861, #f7f1e6); background-repeat: no-repeat; min-height: 100vh; padding: 0px 10px 0px 10px; } /* Category bg - Brown */ .cat-bg { background-image: linear-gradient(#a68861, #f7f1e6); background-repeat: no-repeat; min-height: 100vh; padding: 0px 10px 0px 10px; } /* Search bg - Yellow */ .search-bg { background-image: linear-gradient(#f8e004, #f7f1e6); background-repeat: no-repeat; min-height: 100vh; padding: 0px 10px 0px 10px; } /* */ a .edit-post-link { float:right; position:relative; } ol, ul, li {list-style: none;} a {text-decoration: none; color:#2E0B1C;} a:hover { color: #2E0B1C; } a img { border:0; } p { margin-bottom:20px; } .clear_both { clear:both; } /* ----- /GENERAL ----- */ /* Hidden in desktop */ .header-mobile, #responsive-menu, #responsive-menu-link { display:none; } /* ------ CONTENT AREA COLOURS ------ */ /* Startpage - Light Purple --- #content_startpage */ .page-template-startpage { margin: 0 auto; max-width: 1226px; background-color:#cacadb; overflow: hidden; position: relative; border-right: #2E0B1C 1px solid; } /* Page bg - Red */ .page-template-blank_page, .page-template-page_all_students { /* #content_page-red */ margin: 0 auto; max-width: 1226px; background-color:#d18577; overflow: hidden; border-left: #2E0B1C 1px solid; border-right: #2E0B1C 1px solid; } /* Page bg - Red */ .page-template-default { /* #content_page-red */ margin: 0 auto; max-width: 1226px; background-color:#d18577; overflow: hidden; border-left: #2E0B1C 1px solid; border-right: #2E0B1C 1px solid; } /* Search bg - Yellow */ .search-no-results, .search-results, .archive, .post-template-single-blog-post-words-php { /* Words blog posts */ margin: 0 auto; max-width: 1226px; background-color:#f8e997; overflow: hidden; border-left: #2E0B1C 1px solid; border-right: #2E0B1C 1px solid; } /* Single bg - Redish Purple */ .single-post { margin: 0 auto; max-width: 1226px; background-color:#B5A1A1; /* a2898a */ overflow: hidden; border-left: #2E0B1C 1px solid; border-right: #2E0B1C 1px solid; } /* Category bg - Brown */ .error404, .category, .post-template-single-blog-post-php { margin: 0 auto; max-width: 1226px; background-color:#d2c0a7; overflow: hidden; border-left: #2E0B1C 1px solid; border-right: #2E0B1C 1px solid; } /* ------ /CONTENT AREA COLOURS ------ */ /* ----- ALL PAGES CONTENT ----- */ .left-col { width:28%; padding:10px; float:left; margin-right: 50px; } .right-col { float: right; width: 67%; padding: 20px 10px 20px 0px; } .post_list_other .right-col { float: right; width: 67%; padding: 20px 0px 20px 0px; } .h1-page { font-size: 170%; font-family: Times-Bold, Times, 'Times New Roman', serif; margin-bottom: 20px; text-align: center; letter-spacing: initial; } .page-content { font-size:104%; } /* ----- /ALL ----- */ /* ----- HEADER ------ */ .top-left-text { text-align:center; font-size:250%; line-height:0.9em; font-family:Times-ExtraBold, Times, 'Times New Roman', serif; margin-bottom:0px; letter-spacing: -1px; } .top-left-year { font-size:250%; margin-bottom:40px; } .top-nav { display: flex; justify-content: space-between; /* text-align: center; */ font-size:120%; font-family:Times-ExtraBold, Times, 'Times New Roman', serif; margin-bottom: 120px; letter-spacing: initial; /* -1px */ line-height:1.2em; } .top-nav a { /* margin: 0px 120px 0px 0px; */ } .top-nav-startpage { float: right; width: 67%; padding: 20px 10px 20px 0px; } .top-nav-startpage .top-nav { margin-bottom: 90px; } .edit_post_link { position:absolute; } /* ----- /HEADER ------ */ /* Student navigation ----------------------------------------------- */ .student_navigation { z-index:300; } .master_navigation_heading { margin:0px 0px 5px 0px; font-size:104%; } .master_navigation { font-size: 120%; text-align: center; margin-bottom:12px; font-family:Times-ExtraBold, Times, 'Times New Roman', serif; letter-spacing: -1px; } .master_navigation a { display:inline-block; margin-bottom:15px; } .bachelor_navigation_heading { margin:30px 0px 5px 0px; font-size:104%; } .bachelor_navigation { font-size: 120%; text-align: center; margin-bottom:12px; font-family:Times-ExtraBold, Times, 'Times New Roman', serif; letter-spacing: -1px; } .bachelor_navigation a { display:inline-block; margin-bottom:15px; } .teacher_navigation_heading { margin:30px 0px 5px 0px; font-size:104%; } .teacher_navigation { font-size: 120%; text-align: center; font-family:Times-ExtraBold; margin-bottom:12px; letter-spacing: -1px; } .all_students_navigation { font-family:Times-ExtraBold, Times, 'Times New Roman', serif; margin:25px 0px 0px 0px; letter-spacing: -1px; } .logo { text-align:center; margin:70px 0px 0px 0px; } .logo img { width: 78%; } /* Search form and other forms -------------------------------------------------- */ .searchform { margin:60px 0px 15px 0px; color:#2E0B1C; text-align:center; } input#s { width:95%; height: 35px; background-color:#FAF4F0; color:#2E0B1C; border:solid 2px #2E0B1C; } input#searchsubmit { display: none;} #s { padding: 0px 15px 0px 50px; background: url('images/search.png') no-repeat 5px 5px; font-size:1.3em; color: #2b0002; font-family:Times-Regular, Times, 'Times New Roman', serif; } /* Assistive text */ .assistive-text { position:absolute!important; clip:rect(1px 1px 1px 1px); /* IE6, IE7 */ clip:rect(1px, 1px, 1px, 1px); color:#c8aefe; } #access a.assistive-text:active,#access a.assistive-text:focus { background:#c8aefe; border-bottom:1px solid #ddd; color:#c8aefe; clip:auto !important; position:absolute; text-decoration:underline; top:0; left:7.6%; } /* ------ STARTPAGE ----- */ .left-col-startpage { width:28%; padding:10px; float:left; top: 0; bottom: 0; position: absolute; /* margin-right: 50px; */ background-color:#FAF4F0; border-left:#2E0B1C solid 1px; border-right:#2E0B1C solid 1px; } .right-col-startpage { width: 72%; float: right; min-height: 300vh; } .startpage-film-wrap { margin-bottom:40px; } .startpage-menu-wrap { width:100%; border-bottom:#2E0B1C 1px solid; float: left; font-size: 104%; } .menu-words { float:left; padding:10px; border-top:#2E0B1C 1px solid; border-right:#2E0B1C 1px solid; border-bottom: #2E0B1C 1px solid; top: 1px; position: relative; } .menu-words:hover { background-color:#f8e004; cursor: pointer; } .menu-upcoming { float:left; padding:10px; border-top:#2E0B1C 1px solid; border-right:#2E0B1C 1px solid; border-bottom: #2E0B1C 1px solid; top: 1px; position: relative; } .menu-upcoming:hover { background-color:#f8e004; cursor: pointer; } .menu-explore { float:left; padding:10px; border-top:#2E0B1C 1px solid; border-right:#2E0B1C 1px solid; position: relative; display: inline-block; border-bottom: #2E0B1C 1px solid; top: 1px; position: relative; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ } .menu-explore-dropdown-content { width: 601px; /* width: 300px; */ display: none; position: absolute; background-color: #FAF4F0; z-index: 1; left: -1px; top: 43px; border-right: #2E0B1C 1px solid; } /* Edge */ @supports (-ms-ime-align:auto) { .menu-explore-dropdown-content { top: 44px; } } /* .menu-explore.reveal .menu-explore-dropdown-content, .menu-explore:hover .menu-explore-dropdown-content { display: block; } */ .menu-explore.reveal .menu-explore-dropdown-content { display: block; } /* .menu-explore.reveal, .menu-explore:hover { background-color:#f8e004; cursor: pointer; } */ .menu-explore.reveal { background-color:#f8e004; cursor: pointer; } .menu-explore-item { width: 150px; float:left; padding:10px; white-space: nowrap; border-right:#2E0B1C 1px solid; border-left:#2E0B1C 1px solid; border-bottom:#2E0B1C 1px solid; } .menu-explore-item-right { width: 150px; float:left; padding:10px; white-space: nowrap; /* border-right:#2E0B1C 1px solid; */ border-bottom:#2E0B1C 1px solid; } .menu-break { float:left; } .menu-collective { float:left; padding:10px; border-top:#2E0B1C 1px solid; border-right:#2E0B1C 1px solid; border-bottom: #2E0B1C 1px solid; top: 1px; position: relative; } .menu-collective:hover { background-color:#f8e004; cursor: pointer; } .menu-all { float:left; padding:10px; border-top:#2E0B1C 1px solid; border-right:#2E0B1C 1px solid; border-bottom: #2E0B1C 1px solid; top: 1px; position: relative; } .menu-all:hover { background-color:#f8e004; cursor: pointer; } .startpage_yellow_blog_item { background-image: linear-gradient(#f8e004, #f7f1e6); background-repeat: no-repeat; width:100%; padding:10px; border-bottom:#2E0B1C 1px solid; font-size: 104%; clear: both; } .startpage_brown_blog_item { background-image: linear-gradient(#a68861, #f7f1e6); background-repeat: no-repeat; width:100%; padding:10px; border-bottom:#2E0B1C 1px solid; font-size: 104%; clear: both; } .startpage_light-purple_blog_item { background-image: linear-gradient(#a2aad0, #f7f1e6); background-repeat: no-repeat; width:100%; padding:10px; border-bottom:#2E0B1C 1px solid; font-size: 104%; clear: both; } .startpage_red_blog_item { background-image: linear-gradient(#ac5263, #f7f1e6); background-repeat: no-repeat; width:100%; padding:10px; border-bottom:#2E0B1C 1px solid; font-size: 104%; clear: both; } .startpage_green_blog_item { background-image: linear-gradient(#abb5a3, #f7f1e6); background-repeat: no-repeat; width:100%; padding:10px; border-bottom:#2E0B1C 1px solid; font-size: 104%; clear: both; } .startpage_type_name { } .startpage_list_title { text-align:center; font-size:170%; font-family:Times-ExtraBold; line-height:1.2em; } .startpage_list_excerpt { margin:10px 0px 10px 0px; } .startpage_list_excerpt_link { margin-top:10px; } .startpage_list_excerpt_link_text { color:#0033CC; text-decoration:underline; } /* ------ /STARTPAGE ----- */ /* Images and film ---------------------------------------------- */ .images_page_wide { max-width:820px; margin-bottom:10px; } .attachment-large { width: 100%; max-width: 820px; height: auto; } .images { float:left; width:100%; max-width:820px; clear:both; margin-bottom:0px; } .images_below_text { float:left; width:100%; max-width:820px; clear:both; margin-top: 40px; margin-bottom:0px; } .image_container { max-width:820px; margin-bottom:40px; text-align:left; } .image_container img { margin-bottom:5px; outline:0; max-width:100%; height:auto; border:0; } .caption { max-width:100%; margin-bottom:30px; letter-spacing: 0.1px; font-size: 104%; } .caption p { margin:0px; } .caption_film { max-width:100%; margin-bottom:40px; letter-spacing: 0.1px; font-size: 104%; } .caption_film p { margin:0px; } .audio_wrap { margin:30px 0px 60px 0px; clear:both; } .audio_file { margin:0px 0px 20px 0px; clear:both; } .film_1 { width:100%; margin:0px 0px 10px 0px; clear:both; } .film_2 { width:100%; margin:0px 0px 10px 0px; clear:both; } .film_3 { width:100%; margin:0px 0px 10px 0px; clear:both; } .film_4 { width:100%; margin:0px 0px 10px 0px; clear:both; } .film_5 { width:100%; margin:0px 0px 10px 0px; clear:both; } .film_1_only { width:100%; margin:0px 0px 5px 0px; clear:both; } .caption_film_1_only { max-width:100%; margin-bottom:50px; letter-spacing: 0.1px; font-size: 104%; } .caption_film_1_only p { margin:0px; } .film_and_caption { width:100%; margin:0px 0px 40px 0px; clear:both; } /* Vimeo, YouTube, etc embed */ .embed-container { position: relative; padding-bottom: 56.25%; padding-top: 5px; height: 0; overflow: hidden; max-width: 100%; height: auto; margin-bottom:10px; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Single + Category ------------------------------------------------ */ .single_text { font-size:104%; } .single_text p { margin:0px 0px 15px 0px; letter-spacing: 0.1px; overflow-wrap: break-word; } .single_left_wrap { text-align:center; } .single_left { width:310px; float:left; overflow:visible; margin: 0px 50px 0px 0px; } .single_right { width:820px; float:right; margin: 0px 0px 0px 0px; } .student_name { font-family:Times-ExtraBold, Times, 'Times New Roman', serif; font-size:170%; line-height:1.2em; margin-bottom:5px; } .startpage-welcome-text { text-align:center; font-family:Times-Bold,Times,'Times New Roman',serif; font-size:200%; letter-spacing: initial; } .h1_category_single { font-size:120%; margin:0px 0px 0px 0px; } .h1_category_single a { color:#FAF4F0; } .student_info { letter-spacing: 0.1px; line-height:1.6em; margin:30px 0px 15px 0px; overflow:hidden; clear:both; font-size: 104%; } .student_info a { color:#0000FF; text-decoration:underline; } .website { margin-top:10px; } .email_and_phone { margin-top:10px; } .files_and_links { margin-top:10px; } .website_link { margin-top:10px; } .pdf_additional { margin-top:10px; } .category_brown_blog_box { background-image: linear-gradient(#a68861, #f7f1e6); background-repeat: no-repeat; width:100%; padding:10px 10px 70px 10px; border:#2E0B1C 1px solid; margin-bottom:50px; } .category_brown_blog_box_text { font-size: 170%; font-family: Times-Bold, Times, 'Times New Roman', serif; text-align: center; padding:10px; border:#2E0B1C 1px solid; letter-spacing: initial; } .category_text_wrap, #single_text_wrap { margin:0px 0px 0px 0px; clear: both; } .category_project_title, .single_project_title { font-size: 170%; font-family: Times-Bold, Times, 'Times New Roman', serif; line-height:1.3em; margin-bottom:10px; text-align: center; letter-spacing: initial; } .category_project_title_swe, .single_project_title_swe { font-size: 170%; font-family: Times-Bold, Times, 'Times New Roman', serif; line-height:1.3em; margin:50px 0px 10px 0px; text-align: center; letter-spacing: initial; } .category_text { margin:0px 0px 15px 0px; letter-spacing: 0.1px; overflow-wrap: break-word; font-size:104%; } .category_text a { color:#0000FF; text-decoration:underline; } .post_list_other { margin:40px 0px 0px 0px; clear: both; } .post_list_other .left-col { margin-top: 15px; } .single_navigation { } #projects_from_cat { overflow: hidden; } .projects_from_cat_title { font-family:Times-ExtraBold, Times, 'Times New Roman', serif; font-size: 200%; text-align:center; margin:0px 0px 20px 0px; letter-spacing: -1px; line-height:1.2em; } #category_description { margin-top:40px; } /* Blog post -------------------------------- */ .single_blog_post_text_wrap { clear: both; } .blog_post_name { font-family: Times-Bold, Times, 'Times New Roman', serif; font-size: 170%; margin-bottom: 20px; text-align:center; padding: 10px 10px 0px 10px; letter-spacing: initial; } .blog_post_text { text-align:center; font-size: 104%; padding: 10px; } .blog_post_text a { color: #000000; text-decoration: underline; } .blog_post_text img { max-width:100%; height:auto; } /* Search, search results and listings of posts -------------------------------------------------------------*/ #searchform_page { width:350px; } /* .search_result_wrap { flex-flow: row wrap; display: flex; } .search_result_float { position: relative; font-size: 150%; font-family: Times-Bold, Times, 'Times New Roman', serif; max-width: 33.33333%; flex-basis: 33.33333%; } */ /* ELLER */ .search_result_float { width: 260px; height: 260px; /* width:385px; height:385px; */ /* float:left; */ display: inline-block; overflow: hidden; margin:0px 10px 10px 0px; position:relative; font-size:150%; font-family:Times-Bold, Times, 'Times New Roman', serif; letter-spacing: initial; } .category .search_result_float, .search-results .search_result_float { width: 256px; height: 256px; } .search_result_float_image { position:relative; } .search_result_float_image img { width: 100% !important; height: auto; border: 2px solid #000; } .search_result_float_link { position:absolute; line-height:1.15em; z-index:500; color:#2E0B1C; padding:5px; /* background: rgb(255, 255, 255, 0.9); background: rgba(255, 255, 255, 0.9); top: 0%; width: 100%; */ /* vit solid background: rgba(255, 255, 255); background: rgb(255, 255, 255); */ background: rgba(210, 192, 167); background: rgb(210, 192, 167); top: 2.5%; width: 95%; left: 2.5%; border: 2px #000 solid; } .text-in-box { z-index:900; text-align: center; /* display: flex; align-items: center; justify-content: center; */ } .nothing_text { font-size:0.812em; } /* ------------------------------------------------------------------------------------ */ /* RESPONSIVE */ /* ------------------------------------------------------------------------------------ */ @media screen and (max-width: 1250px) { .search_result_float { height: auto; min-height: 120px; margin-bottom: 0px; width: 31.2%; } .category .search_result_float, .search-results .search_result_float { height: auto; width: 31.1%; } .search_result_float_image { } .search_result_float_link { } } @media screen and (max-width: 1100px) { .menu-explore-dropdown-content { left: -169px; } } @media screen and (max-width: 1050px) { .top-left-text { font-size: 3.8vw; } .left-col { margin-right: 40px; } .left-col-startpage { } } @media screen and (max-width: 970px) { .search_result_float { width: 30.8%; } .category .search_result_float, .search-results .search_result_float { width: 30.7%; } } @media screen and (max-width: 950px) { .right-col { width: 65%; } } @media screen and (max-width: 820px) { .top-left-text, .top-left-year { display:none; } .left-col-startpage, .top-nav { display:none; } .page-template-startpage { border-left: #2E0B1C 1px solid; } .top-nav-startpage { padding: 20px 10px 0px 0px; } .right-col-startpage { width: 100%; float: unset; } .startpage-film-wrap { top: -20px; position: relative; } .startpage-film-wrap .embed-container { width: 100% !important; } .category .left-col { display:none; } .page .left-col { display:none; } .error404 .left-col { display:none; } .archive .left-col { display:none; } .search-no-results .left-col { display:none; } .search-no-results .right-col { padding:10px; } .search-results .left-col { display:none; } .search-results .right-col { padding:10px; } .logo { display:none; } /* Single */ .single-post .left-col { width:unset; float:none; margin:unset; padding:10px; } .student_info { text-align: center; margin: 15px 0px 15px 0px; } .post_list_other { } .post_list_other .left-col { display:none; } .header-mobile { display:block; /* margin:10px 10px 0px 10px; */ padding:10px; background-color:#FAF4F0; overflow: hidden; border-bottom:#2E0B1C 1px solid; } .top-left-text-mobile { display:block; font-size: 250%; font-family: Times-ExtraBold, Times, 'Times New Roman', serif; max-width: 80%; float: left; letter-spacing: -1px; margin-top: 7px; } /* --- Responsive menu --- */ #responsive-menu-link { display:block; z-index:20000; background-color:transparent; margin-top:5px; right: 0px; width:41px; height:41px; float: right; position: relative; } #responsive-menu-link a { float:right; width:42px; height:41px; } #responsive-menu-icon { width: 100%; height: 100%; background-image: url(images/mobile_menu_icon.png); background-position: 0 3px; background-size: contain; background-repeat: no-repeat; /* filter:invert(100%); */ } #responsive-menu { display:none; position: relative; z-index:200000; overflow:hidden; font-size:120%; background-color:#FAF4F0; margin:0px 0px 0px 0px; /* padding:10px; */ border-bottom:#2E0B1C 1px solid; } #responsive-menu a:hover { color:#2E0B1C; } .master_navigation_heading { margin: 50px 0px 10px 10px; } .bachelor_navigation_heading { margin: 15px 0px 10px 10px; } .teacher_navigation_heading { margin: 15px 0px 10px 10px; } .navigation-mobile-thumb-left { float:left; max-width:385px; width:48.1%; } .navigation-mobile-thumb-left img { max-width:100%; } .navigation-mobile-thumb-right { float:right; max-width:385px; width:48.1%; } .navigation-mobile-thumb-right img { max-width:100%; } .navigation-mobile-thumb-text { margin: 5px 0px 35px 10px; } .top-nav-mobile { text-align: center; font-size: 120%; font-family: Times-ExtraBold, Times, 'Times New Roman', serif; margin-top: 30px; margin-bottom: 30px; letter-spacing: -1px; line-height:1.2em; } .top-nav-mobile-item { margin-bottom:10px; } .searchform { margin: 40px 0px 20px 0px; } .right-col { float:none; width:unset; margin:0px; padding:0px; overflow: hidden; clear: both; /* text-align: center; */ } .post_list_other .right-col { float:none; width:unset; margin: unset; padding:0px; overflow: hidden; clear: both; /* text-align: center; */ left: 2%; position: relative; } .single_left_wrap, .student_info, .caption, .caption_film, .caption_extra, #single_text_wrap, .blog, .h1-page, #category_description { padding: 0px 10px 0px 10px; } #projects_from_cat { padding:0px; } .category .search_result_wrap, .search-results .search_result_wrap { padding-left: 10px; } .blog { margin-top:20px; } .blog_post_text img { /* max-width: 100%; */ height: auto; position: relative; max-width: calc(100% + 20px); left: -10px; } .error404_page_wrap, .tag_page_wrap { margin-top: 20px; padding: 0px 10px 10px 10px; text-align:center; } } @media screen and (max-width: 670px) { .post_list_other .right-col { left: 1%; } .search_result_float { margin: 0px 5px 5px 0px; width: 31.4%; } } @media screen and (max-width: 600px) { .startpage-welcome-text { font-size:150%; } .menu-explore-dropdown-content { width: 301px; left: -1px; } } @media screen and (max-width: 460px) { /* Startpage menu */ .menu-break { float: unset; clear: both; } /* .menu-explore-item { width: 50%; } .menu-explore-item-right { width: 50%; } */ .menu-words { top: 2px; } .menu-upcoming { top: 2px; } .search_result_float { width: 48%; } .category .search_result_float, .search-results .search_result_float { width: 47%; } } @media screen and (max-width: 400px) { #responsive-menu-link { margin-top: 0px; } .top-left-text-mobile { font-size: 9vw; } .post_list_other .right-col { left:0% } .search_result_float { width: 100%; } .category .search_result_wrap, .search-results .search_result_wrap { padding-left: 0px; } .category .search_result_float, .search-results .search_result_float { width: 100%; } .search_result_float_image img { border-top: 2px solid #000; border-bottom: 2px solid #000; border-right: 1px solid #000; border-left: 1px solid #000; } } @media screen and (max-width: 335px) { #responsive-menu-link { margin:0px; } } /* ------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------ */ /* ---- Blandat ---- */ button{ outline:0 } ol,ul{ list-style:none } blockquote,q{ quotes:none } blockquote:before,blockquote:after,q:before,q:after{ content:'';content:none } q{ display:inline;font-style:italic } q:before{ content:'"';font-style:normal } q:after{ content:'"'; font-style:normal } textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{ appearance:none; border-radius:0 } table{ border-collapse:collapse;border-spacing:0 } th,td{ padding:2px } big{ font-size:120% } small,sup,sub{ font-size:80% } sup{ vertical-align:super } sub{ vertical-align:sub } dd{ margin-left:20px } kbd,tt{ font-family:courier;font-size:12px } ins{ text-decoration:underline } del,strike,s{ text-decoration:line-through } dt{ font-weight:bold } address,cite,var{ font-style:italic } article,aside,details,figcaption,figure,hgroup,section{ display:block } *{box-sizing:border-box;} .sticky{} .bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{} .screen-reader-text{ clip:rect(1px, 1px, 1px, 1px); position:absolute !important }