/** * Theme Name: O-Upmale * Author: Martins Skujenieks * Version: 1.1.0 **/ html { overflow-x:hidden; overflow-y:scroll; } body { display:block; background:#d2d8dc; color:#30353c; font-family:Roboto,sans-serif; font-size:17px; font-weight:400; line-height:1.6; } :-moz-any-link:focus { outline:none; } input::-moz-focus-inner { border:0; } :focus { outline:0; } select:-moz-focusring { color:transparent; text-shadow:0 0 0 #000; } *::-webkit-input-placeholder { color:#008989; } *:-moz-placeholder { color:#008989; } *::-moz-placeholder { color:#008989; } *:-ms-input-placeholder { color:#008989; } a { color:#30353c; text-decoration:underline; transition:100ms ease-in-out; outline:none; } a:hover,a:focus,a:active { color:#77ae3d; text-decoration:underline; transition:100ms ease-in-out; outline:none; } h1 { color:#30353c; margin:25px 0 21px 0; padding:0; font-family:"Roboto Slab",sans-serif; font-size:25px; font-weight:500; line-height:1.2; text-align:left; text-transform:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } h2 { color:#30353c; margin:21px 0 17px 0; padding:0; font-family:"Roboto Slab",sans-serif; font-size:21px; font-weight:500; line-height:1.2; text-align:left; text-transform:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } h3 { color:#30353c; margin:21px 0 17px 0; padding:0; font-family:"Roboto Slab",sans-serif; font-size:21px; font-weight:500; line-height:1.2; text-align:left; text-transform:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } h4 { color:#30353c; margin:17px 0 13px 0; padding:0; font-family:"Roboto Slab",sans-serif; font-size:17px; font-weight:500; line-height:1.2; text-align:left; text-transform:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } h5 { color:#30353c; margin:17px 0 13px 0; padding:0; font-family:"Roboto Slab",sans-serif; font-size:17px; font-weight:500; line-height:1.2; text-align:left; text-transform:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } h6 { color:#30353c; margin:17px 0 13px 0; padding:0; font-family:"Roboto Slab",sans-serif; font-size:17px; font-weight:500; line-height:1.2; text-align:left; text-transform:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } h1 strong { font-weight:500; } h2 strong { font-weight:500; } h3 strong { font-weight:500; } h4 strong { font-weight:500; } h5 strong { font-weight:500; } h6 strong { font-weight:500; } p { color:#30353c; margin:8px 0; padding:0; font-size:17px; font-weight:400; line-height:1.6; text-align:justify; text-transform:none; } p strong { font-weight:500; } table { margin:8px 0; padding:0; table-layout:auto; width:100%; background:inherit; color:inherit; border:none; border-spacing:0; border-collapse:collapse; } table tr { background:inherit; color:inherit; border:none; } table th { background:inherit; color:inherit; padding:5px 8px; border:1px solid #30353c !important; font-size:15px; font-weight:500; text-align:center; vertical-align:middle; } table td { background:inherit; color:inherit; padding:5px 8px; border:1px solid #30353c !important; font-size:15px; font-weight:400; text-align:left; vertical-align:middle; } iframe { max-width:100% !important; margin:8px 0; padding:0; } img { max-width:100% !important; height:auto; margin:8px; padding:0; } video { max-width:100% !important; height:auto; margin:8px 0; padding:0; } .button { color:#FFFFFF; background:#008989; font-size:15px; font-weight:400; text-transform:none; margin-left:8px; padding:4px 8px 3px 8px; border-radius:3px; position:relative; top:-3px; transition:all 300ms ease-out; } .button:hover,.button:focus,.button:active { background:#00A4A1; color:#FFFFFF; transition:all 300ms ease-out; } header.desktop { display:block; width:100%; min-height:110px; background:#30353c; color:#ffffff; margin:0; padding:0; border-bottom:6px solid #77ae3d; } header.desktop .logo a { display:inline-block; height:110px; line-height:110px; display:block; margin:0; padding:0; text-decoration:none; white-space:nowrap; } header.desktop .logo img { width:auto; height:auto; margin:0; padding:0; } header.desktop .menu { display:block; margin:0; font-size:21px; } header.desktop .menu-item { display:inline-block; height:110px; line-height:110px; color:#ffffff; padding:0 20px; margin:0; text-decoration:none; white-space:nowrap; } header.desktop .menu-item:hover { color:#77ae3d; } header.desktop .menu-item.active { background:#77ae3d; color:#30353c; } header.mobile { display:block; width:100%; min-height:auto; background:#30353c; color:#ffffff; margin:0; padding:13px 0 13px 0; border-bottom:6px solid #77ae3d; } header.mobile .logo a { display:block; height:auto; line-height:auto; display:block; margin:0; padding:0; text-decoration:none; white-space:nowrap; } header.mobile .logo img { display:block; width:50%; height:auto; margin:0; padding:0; } header.mobile .menu { display:block; margin:0; font-size:21px; } header.mobile .menu-item { display:block; height:auto; line-height:21px; color:#ffffff; padding:10px 0; margin:0; text-decoration:none; white-space:nowrap; } header.mobile .menu-item:hover { color:#77ae3d; } header.mobile .menu-item.active { color:#77ae3d; } section.welcome { background:url(images/welcome.jpg); background-size:cover; width:100%; height:600px; } section.welcome div div { margin:55px 0; padding:34px 21px; background:rgba(0,0,0,0.6); color:#d2d8dc; } section.welcome h1 { margin:0 0 21px 0; font-family:"Roboto Slab",sans-serif; font-size:34px; font-weight:500; text-align:center; color:#d2d8dc; } section.welcome p { color:#d2d8dc; } main { padding:30px 0 60px 0; } main .load-more { margin-top:30px; } footer { display:block; height:380px; background:#30353c; margin:0; padding:30px 0; } footer .menu { display:block; margin:0; font-size:21px; } footer .menu-item { display:block; height:34px; line-height:34px; color:#ffffff; padding:0; margin:13px 0; font-size:21px; font-weight:300; text-decoration:none; white-space:nowrap; } footer .menu-item:hover { color:#70849e; } footer .menu-item.active { color:#70849e; }