@charset "UTF-8";

/*
Theme Name: telesat web stranica
Theme URI: http://telesat.hr
Author: Renato Topic - renato.topic@gmail.com
Author URI: 
Description: telesat web stranica
Version: 1.0
License:  telesat communications
License URI: 
Tags: telesat communications, telesat, telesat telekomunikacije
Text Domain: telesat communications
*/


/* 
telesat style 
*/


/* TOPBAR */

.top-bar {
  font-family: 'Source Sans Pro', sans-serif;
  padding-top: 2em;
  padding-bottom: 2em;
}


.top-bar, .top-bar ul {
    background-color: #ffffff;
    list-style-type: none;
   
}

.top-bar-right {
    float: right !important;
}

.menu > li > a {
  color: #777;
    display: block !important;
    padding: 0.7rem 1rem !important;
    font-size: 1.5em !important;
  font-weight: 600;
  margin-top: 0.4rem;

}

.menu a:hover {
    color: #092459 !important;
}

/* TOPBAR- END */

/* NASLOV - SINGLE POST */

.single-title {
    color: #092459;
    padding-bottom: 1em;
}

.kategorija {
    color: #777;
}

.kategorija a {
    color: #777;
    text-transform: uppercase;
}

.kategorija a {
    color: #092459;
    text-transform: uppercase;
}


/* NASLOV - SINGLE POST - KRAJ */

/* IZBORNIK */

.menu .active>a {
    color: #092459;
    background: #fff !important;
}

/* POČETNA */

.category-page_title {
    color: #777;
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    text-align: left;
    border-bottom: 2px solid #777;
}

.category-name {
    color: #777;
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    padding-bottom: 1em;
}


.icon-contact {
    padding-right: 0.5em;
}

.category-rm {
border: 1px solid #092459;
    border-radius: 3px;
    color: #092459;
    font-family: 'Source Sans Pro', sans-serif;
    margin: 1em;
    display: inline-block;
    font-size: 22px;
    padding: 10px 15px;
    text-transform: uppercase;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

.category-rm:hover {
    font-family: 'Source Sans Pro', sans-serif;
    border: 1px solid #fff;
    color: #fff;
    font-weight: 600;
}
}

/* IZBORNIK KRAJ */


.home-karijera {
    background: url("http://telesat.hr/wp-content/themes/telesat/assets/images/header-karijere.jpeg") no-repeat center center;
    background-size: cover;
    height: 400px;
    text-align: center;
}


.home-internet {
    background: url("http://telesat.hr/wp-content/themes/telesat/assets/images/header-internet.jpeg") no-repeat center center;
    background-size: cover;
    height: 400px;
    text-align: center;
}

.home-kontakt {
    background: url("http://telesat.hr/wp-content/themes/telesat/assets/images/header-kontakt.jpeg") no-repeat center center;
    background-size: cover;
    height: 400px;
    text-align: center;
}

.home-usluge {
    background: url("http://telesat.hr/wp-content/themes/telesat/assets/images/header-usluge.jpeg") no-repeat center center;
    background-size: cover;
    height: 400px;
    text-align: center;
}

.home-trgovina {
    background: url("http://telesat.hr/wp-content/themes/telesat/assets/images/header-trgovina.jpg") no-repeat center center;
    background-size: cover;
    height: 400px;
    text-align: center;
}

.home-home {
  background: url("http://telesat.hr/wp-content/themes/telesat/assets/images/home.png") no-repeat center center; 
  background-size: cover;
  height: 400px;
  text-align: center; 
}

.container {
  margin: 0 auto;
  max-width: 940px; 
  padding: 0 10px;
}

.pocetna {
  color: #092459;
  font-size: 2em;
  font-family: 'Source Sans Pro', sans-serif;
  letter-spacing: 0.0250em;
  font-weight: 500;
  padding-top: 3em;
  font-weight: 600;
}

.vise a {
  color: #fff;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.3em;
      background-color: rgba(0,0,0,0.8);
  width: 20%;
}

.vise a:hover {
  background-color: #092459;
}

.onama {
  background-color: #e6e6e5;
  padding-bottom: 60px;
  padding-top: 2em;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    width: 100%;
}

.onama h3 {
  color: #777;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 600;
  margin: 1em 0 2em 0;
}

/* SERVICES */

.content-103 .sercies-title{
  text-align:center;
  
}

.service-post {
  background: #fff;
  padding: 30px;
  text-align: center;
  cursor: pointer;
  position: relative;

  margin-bottom: 30px;
  -moz-box-shadow: 0 5px 4px -4px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 5px 4px -4px rgba(0, 0, 0, 0.08);
  box-shadow: 0 5px 4px -4px rgba(0, 0, 0, 0.08);
}

.content-103 .service-content {
  position: relative;

}
.content-103 .service-icon {
  margin: 0px 50px 30px 0;
  width: 100px;
  height: 100px;
  border-radius: 50px;
  text-align: center;
  border: 2px solid #092459;
  margin-left: auto;
  margin-right: auto;
  line-height: 50px;
  -moz-transition: color, 250ms;
  -o-transition: color, 250ms;
  -webkit-transition: color, 250ms;
  transition: color, 400ms;
}
.content-103 .service-post:hover .service-icon {
  border-color: #fff;
}
.content-103 .service-icon i {
  color: #092459
}
.content-103 .service-post:hover .service-icon i {
  color: #fff;
}
.content-103 .service-title {
  color : #777;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
  -moz-transition: color, 250ms;
  -o-transition: color, 250ms;
  -webkit-transition: color, 250ms;
  transition: color, 250ms;
}
.content-103 .service-post:hover .service-title {
  color: #fff;
}

.content-103 .service-post:hover .service-description {
  
}

.service-icon .fa {
    padding-top: 0.5em;
    margin-left: 0em;
}

.service-icon .fa:hover {
    padding-top: 0.5em;
    margin-left: 0em;
  
}


.content-103 .service-hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0px;
  color: #fff;
}
/*hover-background-color effect*/
.content-103 .service-post:hover  {
  height: 100%;
  color: #777;
  background-color: #777;
}

/* SERVICES - KRAJ */

.home-contact {
    background-color: #e6e6e5;
    padding-bottom: 2em;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
}

.home-contact h2 {
  color: #ffffff;
  padding: 3em 0 3em 0;
}

.contact-button {
  font-family: 'Source Sans Pro', sans-serif;
  padding
}

.contact-button a {
    border: 1px solid #092459;
    border-radius: 3px;
    color: #777;
    font-family: 'Source Sans Pro', sans-serif;
    margin: 1em;
    display: inline-block;
    font-size: 22px;
    padding: 0.5em 1em;
    text-transform: uppercase;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

.contact-button a:hover {
  color: #5F5F5F;
  font-weight: 600;
  font-family: 'Source Sans Pro', sans-serif;
  border: 1px solid #5F5F5F;
  -moz-transition: color, 250ms;
    -o-transition: color, 250ms;
    -webkit-transition: color, 250ms;
    transition: color, 600ms;
}

/* PARTNERI */

/* slider */

.partneri {
margin-bottom: 1.5em;
}



.naslov-partneri {
  color: #ffffff;
  background-color: #F6F6F6;
  letter-spacing: 2px;
  text-align: center;
  padding: 0.8em 0 0.6em 0;
  background-color: #777;
  margin-bottom: 2em;
}

.naslov-partneri h2 {
  font-family: 'Source Sans Pro', sans-serif;
}

.partneri h2 {
    color: #090000;
    font-family: 'Source Sans Pro', sans-serif !important;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
}

.post-naslov {
    color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1em;
    text-transform: uppercase;
    padding-top: 0.5em;
}

/* PARTNERI - KRAJ */

/* SLIDER * partneri */
.owl-item img {
    max-width: 100%;
  max-height: 100% !important;
    -ms-interpolation-mode: bicubic;
    display: inline-block;
    vertical-align: middle;
   -webkit-filter: grayscale(100%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(100%); 
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(100%); 
  -o-transition: .5s ease-in-out;
  filter: grayscale(100%);
}

img:hover {
   -webkit-filter: grayscale(0%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(0%);
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(0%);
  -o-transition: .5s ease-in-out;
  filter: grayscale(0%);
}

/* SLIDER partneri - kraj */

/* NOVOSTI */

.novosti {
    background-color: #5f5f5f;
}

.novosti h3 {
    font-family: 'Source Sans Pro', sans-serif;
    text-align: center;
    color: #fff;
    font-weight: 600;
    line-height: 2em;
    padding-top: 0.3em;
    font-weight: 600;
}

.content {
    background-color: 
}

/* NOVOSTI KRAJ */

/* FOOTER */

footer {
    color: #ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    background-color: #464646;
    text-align: center;
    padding-top: 0.8em;
    vertical-align: middle;
}

.footer-links-left {
    font-family: 'Source Sans Pro', sans-serif;
    padding-bottom: 0.5em;
    line-height: 3.2em;
    text-align: left;
}

.footer_links-right {
    padding-bottom: 0.5em;
    line-height: 3.2em;
    text-align: right;
}

footer .footer_links-right a {
    color: #fff;
    font-size: 1em !important;
    font-weight: 400;
}

footer .footer_links-right a:hover {
    color: #777 !important;
}

footer-links ul {
    list-style: none;
    line-height: 3em;
}

.menu-footer_links {
  text-align: right;
}


footer ul {
  list-style: none;
  line-height: 3em;


}

footer li {
  padding-right: 2em;
  display: inline-block;  
}

footer a {
  color: #fff;
}

footer a:hover {
  color: #777;
  font-weight: 600;
}



/* FOOTER - END */

/* O NAMA */

.onama-block {
  color: #fff;
  font-size: 1.2em;
  background-color: #F3F3F3;
  border: 1px solid #e6e6e5;
  padding: 1.2em;
  min-height: 370px;
}

.onama-block:hover {
  border: 1px solid #cacaca;
}

.onama-block h4 {
  color: #777;
  font-weight: 600;
  text-align: center;
}

.onama-block p {
  color: #777;
  text-align: justify;
  font-weight: 500;
}

/* O NAMA KRAJ */


/* USLUGE - STRANICA */

.tekst-opis {
  color: #777;
  font-size: 1.2em;
  line-height: 1.7em;
  text-align: justify;
  padding-top: 2em;
  padding-bottom: 2em;
}

.usluge-naslov {
  color: #092459;
  font-family: 'Source Sans Pro', sans-serif;
  border-bottom: 1px solid #092459;
  padding-top: 1em;
  margin-bottom: 1em;
}

.usluge-block {
  color: #777;
  font-size: 1.2em;
  font-family: 'Source Sans Pro', sans-serif;
  text-align: justify;
  padding-bottom: 3em;
}

.usluge-odrzavanje {
  color: #777;
  font-size: 1.2em;
  font-family: 'Source Sans Pro', sans-serif;
  text-align: justify;
  padding-bottom: 1.2em;
}

/* USLUGE - STRANICA kraj */

/* INTERNET STRANICA */

.internet {
    color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    font-size: 3em;
    letter-spacing: 0.0250em;
    font-weight: 500;
    line-height: 400px;
    text-shadow: 1px 1px 2px #092459, 0 0 25px #008DD2, 0 0 5px darkblue;
}

.internet-logo {
  padding: 4em 0 2em 0;
  text-align: center;
}

.internet-block {
  color: #777;
  font-size: 1.5em;
  text-align: center;
}

.internet-dostupnost {
    color: #777;
    font-size: 1.5em;
    padding-top: 3em;
    padding-bottom: 1em;
    margin-bottom: 2em;
    text-align: center;
}

/* INTERNET STRANICA - KRAJ */

/* TRGOVINA */

.trgovina {
    color: #ffffff;
    letter-spacing: 2px;
    text-align: center;
    padding: 0.8em 0 0.6em 0;
    background-color: #777;
    width: 100%;
}

.trgovina h3 {

}


.trgovina-block {
  color: #777;
  font-family: 'Source Sans Pro', sans-serif;
  text-align: center;
  padding: 1em;
  margin-top: 2em;
  margin-bottom: 2em;
  font-weight: 600;
}

.trgovina-block h4 {
  text-align: center;
  font-weight: 600;
}

.podaci {
  color: #777;
  font-size: 1.2em;
  padding-top: 1em;
}

.trgovina-block h4 {
}

/* TRGOVINA - kraj */

/* KONTAKT STRANICA */

.header-kontakt {
    background-color: #777;
    color: #fff;
    padding: 1.4em 0 1em 0;
}

.header-image h3 {
  color: #fff;
  padding-top: 0.3em;
  line-height: 2em;
}

.kontakt {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.1em;
    background-color: #fff;
    padding-top: 80px;
    padding-bottom: 80px;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    width: 100%;
    
}

.kontakt_lista {
  list-style-type: none;
}

.kontakt_lista li {
    color: #777;
}

.kontakt_red {
  color: #777;
  list-style: none;
  margin-bottom: 0.5em;
}

.kontakt_red .fa {
    color: #777;
    margin-left: 0;
    padding-right: 0.5em;
}

/* kontakt forma */

input[type="submit"] {
	color: #fff;
	background-color: #092459;
    border: 0;
    border-radius: 2px;
    font-size: 1em;
    font-weight: 700;
    padding: 1em;
    text-transform: uppercase;
    vertical-align: bottom;
}



label {
	color: #777;
    font-size: 1em !important;
    font-weight: 400;
    line-height: 1.8;
}

input[type=submit]:hover {
	color: #fff;
	background-color: #777; 
	border: 1px solid background-color: #777;
	padding: 1em;
		-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	-ms-transition: .3s ease;
	transition: .3s ease;
}

span.wpcf7-not-valid-tip {
    color: #092459;
    font-weight: 600;
    font-size: 1em;
    display: block;
}

/* kontakt forma - kraj */

/* KONTAKT STRANICA - KRAJ */

/* KARIJERE */

.karijere {
  color: #777;
  text-align: center;
  padding: 2em 0 2em 0;
}

.karijere h3 {
  color: #092459;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 600;
 }

.karijere p {
  color: #092459;
  padding-top: 2em;
  font-size: 1.2em;
}

/* KARIJERE - KRAJ */

/* SURADNJA */
.suradnja {
  color: #777; 
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 600;
  padding-top: 20px;
}

}

/* SURADNJA - END */


/* 
 *  Core Owl Carousel CSS File
 *  v1.24
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;a
}
/* display none until init */
.owl-carousel{
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
  overflow: hidden;
  position: relative;
  width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
  
.owl-carousel .owl-item{
  float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
  cursor: pointer;
}
.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility:    hidden;
  -ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/* CSS3 Transitions */

.owl-origin {
  -webkit-perspective: 1200px;
  -webkit-perspective-origin-x : 50%;
  -webkit-perspective-origin-y : 50%;
  -moz-perspective : 1200px;
  -moz-perspective-origin-x : 50%;
  -moz-perspective-origin-y : 50%;
  perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}



/* 
telesat custom style - END 
*/

/************************************************

Stylesheet: Main Stylesheet

*************************************************/
/*********************
GENERAL STYLES
*********************/

/*********************
LINK STYLES
*********************/
a:link, a:visited:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

/*********************
H1, H2, H3, H4, H5 P STYLES
*********************/
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none; }

/*********************
HEADER STYLES
*********************/
.header ul.off-canvas-list li {
  list-style: none; }

/*********************
NAVIGATION STYLES
*********************/
.top-bar .title-area {
  z-index: 1; }

.off-canvas-list ul {
  margin-left: 0; }
  .off-canvas-list ul li a {
    border-bottom: 0px; }
  .off-canvas-list ul .dropdown {
    margin-left: 20px; }

/*********************
POSTS & CONTENT STYLES
*********************/
#content #inner-content {
  padding: 1rem 0rem; }

.page-title .vcard {
  border: 0px;
  padding: 0px; }

.byline {
  color: #999; }

.entry-content img {
  max-width: 100%;
  height: auto; }

.entry-content .alignleft, .entry-content img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left; }

.entry-content .alignright, .entry-content img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right; }

.entry-content .aligncenter, .entry-content img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both; }

.entry-content video, .entry-content object {
  max-width: 100%;
  height: auto; }

.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px; }

.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px; }
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center; }

.post-password-form input[type="submit"] {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: all 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0.85em 1em;
  margin: 0 1rem 1rem 0;
  font-size: 0.9rem;
  background: #2199e8;
  color: #fff; }
  [data-whatinput='mouse'] .post-password-form input[type="submit"] {
    outline: 0; }
  .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus {
    background: #1583cc;
    color: #fff; }

/*********************
IMAGE GALLERY STYLES
*********************/
/*********************
PAGE NAVI STYLES
*********************/
.page-navigation {
  margin-top: 1rem; }

/*********************
COMMENT STYLES
*********************/
#comments .commentlist {
  margin-left: 0px; }

#respond ul {
  margin-left: 0px; }

.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 1.5em;
  padding: 0.7335em 10px; }
  .commentlist li:last-child {
    margin-bottom: 0; }
  .commentlist li ul.children {
    margin: 0; }

.commentlist li[class*=depth-] {
  margin-top: 1.1em; }

.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0; }

.commentlist li:not(.depth-1) {
  margin-left: 10px;
  margin-top: 0;
  padding-bottom: 0; }

.commentlist .vcard {
  margin-left: 50px; }
  .commentlist .vcard cite.fn {
    font-weight: 700;
    font-style: normal; }
  .commentlist .vcard time {
    float: right; }
    .commentlist .vcard time a {
      color: #999;
      text-decoration: none; }
      .commentlist .vcard time a:hover {
        text-decoration: underline; }
  .commentlist .vcard img.avatar {
    position: absolute;
    left: 10px;
    padding: 2px;
    border: 1px solid #cecece;
    background: #fff; }

.commentlist .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em; }

.commentlist .comment-reply-link {
  float: right; }

/*********************
COMMENT FORM STYLES
*********************/
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em; }
  .respond-form form {
    margin: 0.75em 0; }
    .respond-form form li {
      list-style-type: none;
      clear: both;
      margin-bottom: 0.7335em; }
      .respond-form form li label,
      .respond-form form li small {
        display: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url],
    .respond-form form textarea {
      padding: 3px 6px;
      background: #efefef;
      border: 2px solid #cecece;
      line-height: 1.5em; }
      .respond-form form input[type=text]:focus,
      .respond-form form input[type=email]:focus,
      .respond-form form input[type=url]:focus,
      .respond-form form textarea:focus {
        background: #fff; }
      .respond-form form input[type=text]:invalid,
      .respond-form form input[type=email]:invalid,
      .respond-form form input[type=url]:invalid,
      .respond-form form textarea:invalid {
        outline: none;
        border-color: #fbc2c4;
        background-color: #f6e7eb;
        -ms-box-shadow: none;
        box-shadow: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url] {
      max-width: 400px;
      min-width: 250px; }
    .respond-form form textarea {
      resize: none;
      width: 97.3%;
      height: 150px; }

#comment-form-title {
  margin: 0 0 1.1em; }

#allowed_tags {
  margin: 1.5em 10px 0.7335em 0; }

.nocomments {
  margin: 0 20px 1.1em; }

/*********************
SIDEBARS & ASIDES
*********************/
.widget ul {
  margin: 0; }
  .widget ul li {
    list-style: none; }

/*********************
FOOTER STYLES
*********************/
.footer {
  clear: both;
  margin-top: 1em; }

/*********************
FOUNDATION STYLES
*********************/

/*********************
PLUGIN STYLES
*********************/
.gform_body ul {
  list-style: none outside none;
  margin: 0; }

/******************************************************************

Stylesheet: Retina Screens & Devices Stylesheet

When handling retina screens you need to make adjustments, especially
if you're not using font icons. Here you can add them in one neat
place.

******************************************************************/
/******************************************************************

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet. 

Remember to add things that won't make sense to print at 
the bottom. Things like nav, ads, and forms shouldbe set 
to display none.
******************************************************************/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
    filter: none !important;
    -ms-filter: none !important; }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }


.item {
	padding-right: 0.9em;
padding-bottom: 1em;
}


.onama a {
	color: #092459;
}

.onama a:hover {
	color: #777;
}