/*
Theme Name: Propastop ENG
Author: unknown
Description: Propastop
Version: 1.0
Text Domain: propastop
*/

/*#container > div {
background: #;
}*/

#content > div a:hover {
text-decoration: none;
color: #18375a;
}

#content > div h3:hover {
text-decoration: none;
color: #18375a;
}

footer a {
text-decoration: none;
color: #fff;
}

.intro p {
font-family: Helvetica, Arial, sans-serif;
color: #18375e;
font-size: 0.875rem;
}

.intro h2 {
color: #18375e;
font-size: 1.25rem;
}



.panel-first {
background: #ffffff;
border-top: 3px solid #ff6700;
border-bottom: 3px solid #cccccc;
border-left: 0px solid;
border-left: 0px solid;
margin-bottom: 1.25rem;
padding: 1.25rem 1.25rem 0rem 1.25rem;
color: #333333;
}

.panel-first img  {
padding-bottom: 1.25rem;
}

#content > div > .panel {
background: #ffffff;
border-top: 3px solid #ff6700;
border-bottom: 3px solid #cccccc;
border-left: 0px solid;
border-left: 0px solid;
margin-bottom: 0rem;
padding: 1.25rem 1.25rem 0rem 1.25rem;
color: #333333;
}

.panel {
border-style: solid;
border-width: 0px;
border-color: #d8d8d8;
margin-bottom: 0em;
padding: 1.25rem;
background: #fff;
color: #333333;
}

.panel h4 {
  color: #ff6700;
  line-height: 1.2;
  font-size: 1.375rem;
}

.panel h4:hover {
  text-decoration: underline;
}

.postfooter {
border-top: 1px solid #cccccc;
font-size: 0.625rem;
font-style: italic;
padding: 0.25rem 0 0.45rem 0;
color: #cccccc;
}

.postfooter a {
font-size: 0.625rem;
font-style: italic;
padding: 0.25rem 0 0.45rem 0;
color: #ff6700;
}

.postfooter a:hover {
color: red;
}

body {
background: #ebebeb;
height: auto;
}

footer {
background: #18375a;
color: #fff;
padding: 1.25rem 0 1.25rem 0;
}

footer p {
font-size: 0.875rem;
color:#ffffff;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 300;
letter-spacing: 0.0125rem;
}

footer a {
color: #fff
}

footer a:hover {
color: #ff6700
}

footer h6 {
color:#ffffff;
}

footer span {
font-size: 0.875rem;
color: #fff;
line-height: inherit;
text-decoration: none;
}

footer span:hover {
color: #ff6700;
}

footer .inline-list > li {
  display: block;
  float: left;
  list-style: none;
  margin: 0 1.375rem 0 0;
}

.wrapper {
background: #f6f6f6;
}

.widget {
border-top: 2px solid #ccc;
}

.widget > ul.no-bullet {
  font-size: 0.875rem;
  line-height: 1.5;
}

.widget > ul.no-bullet > li {
  padding-bottom: 0.625rem;
}

.content.active > ul.no-bullet {
  font-size: 0.875rem;
  line-height: 1.5;
}
.content.active > ul.no-bullet > li {
  padding-bottom: 0.625rem;
}

.content.active > ul.no-bullet > li a {
  color:#18375e;
}

.content.active > ul.no-bullet > li a:hover {
  color:#ff6700;
}

.push {
  height: 3em;
}

.panel {
  border-style: solid;
  border-width: 0px;
  border-color: #d8d8d8;
  margin-bottom: 0em;
  padding: 1.25rem;
  background: #fff;
  color: #333333;
}


h1, h2, h3, h4, h5, h6 {
  color: #ff6700;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 0.5rem;
  margin-top: 0.2rem;
  text-rendering: optimizeLegibility;
}

p {
  font-family:'Noticia Text', georgia, serif;
  line-height: 1.5;
  margin-bottom: 1.25rem;
}

.intro {
  font-family:'Noticia Text', georgia, serif;
  line-height: 1.5;
  margin-bottom: 1.25rem;
  font-weight: bold;
}

.panel p {
  font-size: 0.975rem;
  line-height: 1.4;
  margin-bottom: 1.25rem;
}


.panel.vihje {
  border-style: solid;
  border-width: 1px;
  border-color: #18375a;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  background: #ebebeb;
  color: #333333;
}

.panel.vihje p {
  color: #18375e;
  font-size: 0.875rem;
  line-height: 1.5;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.panel.vihje a:before {
  content: "\f16d";
  font-family: "foundation-icons";
  font-size: 1.3rem;
  margin-right: 0.5rem;
  -webkit-font-smoothing: antialiased;
  speak:none;
  color: #fff;
  vertical-align: middle;
}

fieldset legend {
  background: #f6f6f6;
  font-weight: bold;
  margin-left: -0.1875rem;
  margin: 0;
  padding: 0 0.1875rem;
}

a {
  color: #333;
  line-height: inherit;
  text-decoration: none;
}

a:hover {
  color: #0000ff;
  line-height: inherit;
  text-decoration: none;
}

.post-wrap {
  background: #fff;
  padding: 1rem;
  border-top: 3px solid #ff6700;
  border-bottom: 3px solid #ccc;
}

.post-wrap a {
  color: #ff6700;
}

.post-wrap a:hover {
  color: #0000ff;
  text-decoration: underline;
}

blockquote, blockquote p {
  font-family: 'Noticia text', georgia, serif;
  line-height: 1.6;
  color: #333;
}

.autor {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-top: 1em;
  margin-bottom: 1em;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.autor p {
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.6;
  margin-bottom: 0rem;
  color: #999;
  text-rendering: optimizeLegibility;
}

.keywords {
  margin-top: 0.5rem;
  margin-bottom: 2rem;
}

.keywords p {
  font-size: 0.875rem;
  color: #999;
  text-rendering: optimizeLegibility;
}

.keywords a {
  font-size: 0.875rem;
  color: #999;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-style: italic;
  text-rendering: optimizeLegibility;
}
.keywords a:hover {
  font-size: 0.875rem;
  color: #ff6700;
  text-rendering: optimizeLegibility;
}

.sheer {
  margin-left: -0.7rem;
  font-size: 0.875rem;
}

.accordion dd > a:before {
  font-family: 'foundation-icons';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: #18375e;
  margin-right: 0.5em;
  content: "\f199";
  -webkit-font-smoothing: antialiased;
}

.accordion dd > a:hover:before {
  font-family: 'foundation-icons';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: #ff6700;
  margin-right: 0.5em;
  content: "\f199";
  -webkit-font-smoothing: antialiased;
}

.accordion dd.active > a:before {
  font-family: 'foundation-icons';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: #18375a;
  margin-right: 0.5em;
  content: "\f217";
  -webkit-font-smoothing: antialiased;
}

.accordion dd.active > a:hover:before {
  font-family: 'foundation-icons';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: #ff6700;
  margin-right: 0.5em;
  content: "\f217";
  -webkit-font-smoothing: antialiased;
}

.accordion .accordion-navigation > a, .accordion dd > a {
  background: #ebebeb;
  color: #18375e;
  display: block;
  font-size: 1rem;
  padding: 0.875rem 0rem 0.875rem 0rem;
  font-weight: bold; 
}

.accordion .accordion-navigation, .accordion dd {
  display: block;
  margin-bottom: 0 !important;
  border-bottom: 1px solid #18375e;
}

.accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
  background: #ebebeb;
  color: #ff6700;
}

.accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
  background: #f6f6f6;
  display: block;
}

.size-12 { font-size: 12px; }
.size-14 { font-size: 14px; }
.size-16 { font-size: 16px; }
.size-18 { font-size: 18px; }
.size-21 { font-size: 21px; }
.size-24 { font-size: 24px; }
.size-36 { font-size: 36px; }
.size-48 { font-size: 48px; }
.size-60 { font-size: 60px; }
.size-72 { font-size: 72px; }

.accordion {
  border-top: 3px solid #18375e;
  margin-bottom: 3rem;
}

button, .button {
  background-color: #18375a;
  border-color: #18375a;
  color: #FFFFFF;
}

button, .button {
  background-color: #18375a;
  border-color: #18375a;
    line-height: 1.3em;  
  color: #FFFFFF;
}

button:hover, button:focus, .button:hover, .button:focus {
    background-color: #ff6700; 
    line-height: 1.3em;  
  }
  button:hover, button:focus, .button:hover, .button:focus {
    color: #FFFFFF; }

#panel3b a {
  color: #18375e;
  font-size: 0.875rem;
  line-height: 1.5;
}

#panel3b a:hover {
  color: #ff6700;
}

#panel5b p {
  color: #18375e;
  font-size: 0.875rem;
  line-height: 1.5;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#contactForm {
  border: 1px solid #18375a;
  margin: 0rem 0;
  padding: 0.875rem 0.875rem 0 0.875rem;
}
#contactForm h6 {
  color: #18375a;
}

.searchbar  {
  top: 50%;
  position: relative;
}

.searchbar .button {
  padding: 0.2rem 0 0 0rem;
}

.searchbar .button:hover {
  padding: 0.2rem 0 0 0rem;
  line-height: 1.5rem;
}

/* top bar  */
.top-bar {
  background: #ff6700;
  height: 4.25em;
  line-height: 4em;
}
.name img { 
  margin: 0.5em 0 0 0.875em;  
}

.top-bar-section li a:not(.button) {
  background: #ff6700 !important;
  color: #fff;   
}

.top-bar-section li a:not(.button):hover {
  background: #ff6700 !important; 
  color: #18375a !important;  
}

.top-bar-section ul li.active > a {
  background: #ff6700 !important;   
}

.top-bar-section ul li.active > a:hover {
  background: #ff6700 !important; 
  color: #ffffff !important;    
}

.top-bar-section ul li {
  background: #ff6700;
  margin: 0.675em 0 0 0;
}

.top-bar-section .has-form {
  background: #ff6700;
}

.contain-to-grid {
  background: #ff6700;
} 

.top-bar.expanded .title-area {
  background: #ff6700;
}

@media only screen and (min-width: 40.05em) {
  .top-bar-section li:not(.has-form) a:not(.button) {
      padding: 0 0.1375rem;
  }
}

@media only screen and (max-width: 40.05em) {

  .title-area {
  }

  .top-bar {
    background: #ff6700;
    height: 3em;
    line-height: 3em;
  }

  .name {

  }
      
  .name img {
    width:150px;
    margin-top:5px;
    margin-left:0.9375em;
  }

  .top-bar-section ul li {
    background: #ff6700;
    padding: 0.2em 0 0.2em 0;
    margin: 0em 0 0 0.9375em;
  }

}

@media only screen and (min-width: 44.0625em) {
.top-bar-section li:not(.has-form) a:not(.button) {
  background: #333333;
  line-height: 2.8125rem;
  padding: 0 0.375rem;
}
}

.fi-magnifying-glass:before {
  position: relative;
  top: -0.15em;
}

input[type="text"] {
  border-color: #ffffff;
  box-shadow: none;
}

ul.pagination li.current a, ul.pagination li.current button {
  background: #18375a;
  color: #FFFFFF;
  cursor: default;
  font-weight: bold;
}

ul.pagination li:hover a,
    ul.pagination li a:focus, ul.pagination li:hover button,
    ul.pagination li button:focus {
      background: #ff6700;
      color: #ffffff 
}

ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus {
        background: #ff6700; }

.accordion .accordion-navigation.active > a, .accordion dd.active > a {
  background: #e8e8e8;
  border-bottom: 0px;
}

.uudiskiri {
  margin-top: 1em;
}

span.postfix, label.postfix {
  background: #ff6700;
  color: #ffffff;
  border-color: #ff6700;
}

span.postfix:hover, label.postfix:hover {
  background: #18375a;
  color: #ffffff;
  border-color: #ff6700;
}

.sidebar .columns .column {
  margin: 0;
}


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}


/** Addons - 20170328 **/
.top-bar-section ul li > a.top-bar__lang {
    font-size: 1.25em;
}
.top-bar__lang.active{
    text-decoration: underline;
    font-weight: bold;
}