/*   Phone numbers hidden - chat script commented out  */


#header-contact-area {     display: none; }

#addres-text-2 {     display: none; }

#addres-symblol-2 {     display: none; }





/*  METASLIDER LOADING FIX  */

#header-slider-wrapper ul {
    display: block;
    list-style-type: none;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}

.metaslider .slides img {
    width: 100%;
    display: block;
    height: 100%;
}



/* 1. GENERAL SETTINGS */

#chat-link  {     display: none; } 

.mceContentBody {     max-width: 100% !important; }

.clearfix  {    clear:both; }

::selection {     background: #FFFA00; }

.site:before {     display: none; } /* Crna pozadina sidebara na 2014 temi */

.site {     max-width: 100%;
            background-color: transparent; }

body {
    background: url('/wp-content/uploads/2015/12/work-injury-lawyer-melbourne-background.jpg');
    background-size: 100%;
    font-family: 'Roboto';
    background-position: center;
    background-attachment: fixed;
}



a {     color: #9E9E9E;
    text-decoration: none !important;
}

a:hover {     color: #FFE300;  }




/*   2. HEADER   */


#header-fixed  {
    position: fixed;
    background: url('http://www.caraccidentlawyersmelbourne.com/wp-content/uploads/2015/12/work-injury-lawyer-melbourne-background.jpg');
    background-size: contain;
   width: 100%;
}

.site-header {     margin: 0 auto;
                   color: white;
                   background-color: transparent;
                   max-width: 100%;
		   min-height: 700px;
                    position: relative;
               background: url('http://www.caraccidentlawyersmelbourne.com/wp-content/uploads/2015/12/work-injury-lawyer-melbourne-background.jpg');
    background-size: contain;  }

#header-top-wrapper  {
    height: 100px;
    padding: 20px 10%;
    min-height: 100px;
  
}

#logo-area {
    width: 380px;
    float: left;
}

#logo-area  img {     width: 100%; }

#logo-area span {
    display: block;
    color: #FFE300;
    border: 5px solid #FFE300;
    padding: 10px;
    font-size: 38px;
    font-weight: 900;
    background: rgba(0, 0, 0, 0.3);
}

#supplemental-logo-area {
    width: 30%;
    float: left;
}



#supplemental-logo-area span {
    display: block;
    color: #FFE300;
    padding: 10px;
    font-size: 1.5em;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1em;
    margin-top: 12px;
    text-shadow: 1px 1px black;
}

#header-contact-area {
    width: 38%;
    float: right;
    text-align: center;
}

#telephone-wrapper {     margin-top: 20px; }

#telephone-left {
    width: 24%;
    float: left;
    background: #FFE300;
    color: black;
}

#telephone-left-1 {
    display: block;
    text-align: center;
    font-size: 1.5em;
    font-weight: 500;
    padding-top: 6px;
    line-height: 1em;}

#telephone-left-2 {
    display: block;
    text-align: center;
    font-size: 0.8em;
    font-weight: 500;
    padding-bottom: 6px;}

#telephone-right {
    width: 58%;
    float: left;
    border: 2px solid #FFE300;
    color: #FFE300;
    font-size: 2em;
    background: rgba(0, 0, 0, 0.3);
    padding-top: 3px;
    padding-left: 20px;
    font-weight: 500;
}

#telephone-right a {     color: #FFFFFF; }
#telephone-right a:hover {  color: #FFE300; }

#telephone-espanol {
    float: left;
    width: 14%;
    line-height: 1.2em;
    text-transform: uppercase;
    font-weight: 500;
    border: 2px solid #FFE300;
    padding: 6px 5px;
    background: rgba(0, 0, 0, 0.3);
    margin-left: 10px;
    text-align: center;
}

.esp1 { color: red; }

.esp2 {}

.esp3 { color: green; }


/* HEADER TEL NEW   */

#tel-1 {
    color: #FFEB00;
    font-size: 20px;
    border-bottom: 1px solid #FFEA00;
    margin-bottom: 5px;
    line-height: 18px;
    padding-bottom: 5px;
    font-weight: 700;
   text-transform: uppercase;
    font-weight: 700;
    font-size: 22px;
}

#tel-2 {
    margin-bottom: 5px;
    line-height: 25px;
    padding-top: 2px;
    
}

#tel-2 a {
    color: white;
    margin-bottom: 0px;
    font-size: 32px;
    font-weight: 700;
}

#tel-2 a:hover {     color: yellow; }

#tel-3 {
    color: #FFEB00;
    font-size: 22px;
    border-top: 1px solid #FFEA00;
    margin-bottom: 0px;
    text-transform: uppercase;
   letter-spacing: 2px;
   font-weight: 700;
}






/* 3. HEADER IMAGE AREA (SLIDER AREA)   */

#header-image-wrapper {
    background: url('http://www.caraccidentlawyersmelbourne.com/wp-content/uploads/2015/12/header-photo-placeholder-1600x600.jpg');
    height: 550px;
    background-size: cover;
    background-position: center;
}

#header-image-inner-wrapper {     margin: 0 10%; }

#header-image-left {
    width: 74%;
    float: left;
}

#header-image-right {
    width: 26%;
    float: left;
}

#header-image-left p {
    text-transform: uppercase;
    font-size: 60px;
    font-weight: 900;
    line-height: 67px;
    margin-top: 70px;
    text-shadow: 2px 2px black;
}

#header-image-left a  {
    display: inline-block;
    background: #FFE300;
    color: black;
    padding: 20px;
    font-size: 24px;
    border: 2px solid black;
    font-weight: 500;
    margin-top: 30px;
    text-shadow: 1px 1px white;
}
#header-image-left b {     font-weight: 900; }


/*  NEW SLIDER   */

#header-slider-wrapper .metaslider .caption-wrap { 
    background: transparent !important;
    color: white;
    opacity: 1 !important;
    height: 100% !important;
}

#header-slider-wrapper{
    min-height: 500px;
    clear: both;
    position: relative;
    box-shadow: 0px 5px 15px -1px black;
    margin-top: 200px; 
    z-index: -1;
}

#primary, #main-content, #main {
    position: relative;
    clear: both;
}

#header-slider-wrapper .caption-wrap {
    max-width: 1080px;
    margin-left: 9%;
}

.slide-text- {
    text-transform: uppercase;
    font-size: 60px;
    font-weight: 900;
    line-height: 67px;
    text-shadow: 2px 2px black;
    margin-top: 6% !important;
}

 .slider-cta  {
    display: inline-block;
    background: #FFE300;
    color: black;
    padding: 20px;
    font-size: 24px;
    border: 2px solid black;
    font-weight: 500;
    margin-top: 30px;
    text-shadow: 1px 1px white;
}

 .slider-cta:hover  {
    display: inline-block;
    background: #0F0F0F;
    color: #FFE300;
    padding: 20px;
    font-size: 24px;
    border: 2px solid #FFE300;
    font-weight: 500;
    margin-top: 30px;
    text-shadow: 1px 1px transparent;
    box-shadow: 0px 0px 10px 1px yellow;
}



/* 4. NAVIGACIJA - MENI  */


.search-toggle {     display: none; }

.header-main {     padding: 0px; }

.primary-navigation {    clear: both;
			 float: none; 
			 background: rgba(0, 0, 0, 0.4);
		         width: 100%
				margin: 0 auto; }

.primary-navigation a {  padding: 0 20px;    }

.menu-main-menu-container {     text-align: center; }

.site-navigation li {
    font-size: 1.6em;
    font-weight: 500;
    height: 60px !important;
    line-height: 60px !important;
}

.site-navigation .current_page_item > a, .site-navigation .current_page_ancestor > a, .site-navigation .current-menu-item > a, .site-navigation .current-menu-ancestor > a {     color: #FFE300; }

.primary-navigation .menu-item-has-children > a:after, .primary-navigation .page_item_has_children > a:after {
    content: "\f502";
    right: 10px;
    top: 28px;
    font-size: 0.7em;
}

.primary-navigation li:hover > a, .primary-navigation li.focus > a  {
    background-color: transparent;
    color: #FFE300;
    border-bottom: 4px solid #FFE300;
    height: 56px;
}

.site-navigation .current_page_item > a, .site-navigation .current_page_ancestor > a, .site-navigation .current-menu-item > a, .site-navigation .current-menu-ancestor > a {     font-weight: 500; }


/*  Submenu   */
.primary-navigation ul ul {
    background-color: #FFE300;
    float: left;
    text-align: left;
    border-top: none;
    box-shadow: 3px 4px 5px -3px black;
    top: 56px;
    padding: 0px 15px;
    width: 600px;
    -moz-column-count: 2;
    -moz-column-gap: 2.5em;
    -webkit-column-count: 2;
    -webkit-column-gap: 2.5em;
     column-count: 2;
     column-gap: 2.5em;
}

.primary-navigation ul ul li { height: 60px !important; }


.primary-navigation ul ul a {
    padding: 0px 12px;
    white-space: normal;
    width: 254px;
    font-size: 0.6em;
    color: black;
    border-bottom: 1px solid black;
    height: 60px;
    display: block;
}

.primary-navigation ul ul a:hover, .primary-navigation ul ul li.focus > a  {
    background-color: transparent;
    color: black;
    font-weight: 900;
    border-bottom: 1px solid black;
    height: 60px;
}


#menu-item-60 a {  border-bottom: none !important; }  /*  First column last item  */
#menu-item-58 a {  border-bottom: none !important; }  /*  Second column last item  */


/* Menu double active items fix  */
.home #menu-item-66 a {  color: white ; }
.home #menu-item-66 ul a {  color: black ; }
.page-id-34 #menu-item-66 a {  color: white ; }
.page-id-34 #menu-item-66 ul a {  color: black ; }


/*  5. HOMEPAGE   */

.page-template-full-width #secondary {   display: none; }

.page-template-full-width .site-main {
    width: 100%;
    margin: 0 auto;
    background: transparent;
}

.site-content {     margin-left: 0px; }

.main-content {
    width: 100%;
    float: none;
}

.content-area, .content-sidebar {     padding-top: 0px; }

/* Yellow ribbon heading OFF
.site-content .entry-header {
    margin: 0px;
    width: 100%;
    padding: 30px 0px !important;
    display: block;
    background-color: rgb(255, 227, 0);
    color: #272727;
    max-width: 100%;
    text-align: center;
}  

.site-content .entry-header h1 {
    margin: 0px;
    text-transform: none;
    font-weight: 700;
    text-shadow: 1px 1px white;
}

Yellow ribbon heading OFF */



.page .site-content .entry-header {
    margin: 0px;
    padding: 30px 0px 10px 0px !important;
    display: block;
    color: #FFE300;
    max-width: 100%;
    text-align: center;
    background: transparent;
    width: 100%;
}

.home .site-content .entry-header {     padding: 30px 0px !important; }

.home .site-content .entry-header {     background: rgba(0, 0, 0, 0.5);  }

.site-content .entry-header h1 {
    margin: 0 auto;
    text-transform: none;
    font-weight: 700;
    border-bottom: 1px solid #FFE300;
    width: 1130px;
    padding-bottom: 5px;
    padding-top: 20px;
}

.site-content .entry-content {
    margin: 0px;
    padding:  0px !important;
    max-width: 100%;
    background: transparent;
}

.page .entry-content   {
    padding: 10px !important;
    color: #e8e8e8;
    font-weight: 300;
    background: transparent;
    width: 1130px;
    margin: 0 auto;
}

.home .entry-content  {padding: 50px 0px !important; 
			width: 100%;
   			 margin: 0 auto;
			padding-top: 0px !important;

			background: transparent;}

.home h2 { font-size: 30px;
    text-align: center;
    color: #FFE300;
}

.page h2 {     color: #FFE300; }

.page #primary {     background: rgba(0, 0, 0, 0.5); }
.home #primary {     background: transparent; }

#homepage-content-wrapper h2  {
    border-bottom: 1px solid #FFE300;
    padding-bottom: 10px;
}

#homepage-content-wrapper .two-col-content h2 {
    text-align: left;
    text-transform: uppercase;
    font-size: 20px;
    border-bottom: 0px;
    padding-bottom: 0px;
}

 .two-col-content h2 {
    text-align: left;
    text-transform: uppercase;
    font-size: 20px;
    border-bottom: 0px;
    padding-bottom: 0px;
}

#homepage-content-wrapper {
    background: rgba(0, 0, 0, 0.5);
    padding: 0px 0px 50px 0px;
}


#homepage-content-wrapper-inner {     margin: 0 8%; }


.two-col-content {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}



#testimonial-slider-wraper {
    margin-top: -24px;
    padding-left: 8%;
    padding-right: 8%;
}

#testimonial-slider-wraper h2 {
    margin-top: 60px;
    border-bottom: 1px solid #FFE300;
    padding-bottom: 10px;
}

#testimonial-slider-wraper .caption-wrap {    bottom: none;
     height: 100%;
     top: 0;
}

.testimonial-info b {     color: #FFE300; }

#testimonial-slider-wraper h3 {
    color: yellow;
    margin-bottom: 20px;
}


#logo-area-wrapper {
    text-align: center;
    background: #5B5B5B;
    margin-bottom: 0px;
    margin-top: -24px;
}

#logo-area-inner {
    width: 1010px;
    margin: 0 auto;
    padding: 15px 0px;
}

#logo-area-l {
    float: left;
    width: 160px;
}

#logo-area-r {
    float: left;
    width: 160px;
}

#logo-area-c {
    float: left;
    width: 630px;
    margin: 0 30px;
}

#logo-area-c p {
    color: #FFE300;
    font-size: 40px;
    font-weight: 500;
    margin-top: 45px;
    text-shadow: 1px 1px black;
}

#footer-logo-area-wrapper img {  width: 100%; }

.home #footer-logo-area-wrapper {  display:none;  }



/*  PRACTICE AREAS  - ORIGINAL CODE  */


#practice-areas-wrapper {     margin: 0 8%;
			      padding-top: 20px; }

#practice-areas-selection {     margin-top: -10px; }


#practice-areas-selection a  {     color: #E8E8E8; }
#practice-areas-selection a:hover {     color: #FFE300; }

#practice-areas-selection a:hover .practice-area-box {     background: rgba(0, 0, 0, 0.7); }
#practice-areas-selection a:hover .practice-area-box-large {     background: rgba(0, 0, 0, 0.7);
								 border: 1px solid #FFE300;
								color: #FFE300 !important; }

#practice-areas-selection a .practice-area-box span {     display: none;}
#practice-areas-selection a:hover .practice-area-box span {    display: inline-block; }


.practice-area-box {
    width: 18.9%;
    float: left;
    border: 1px solid #FEE300;
    padding: 30px 0px;
    text-align: center;
    background: rgba(0, 0, 0, 0.45);
    text-transform: uppercase;
    font-weight: 500;
    line-height: 20px;
    position: relative;
    font-size: 18px;
    margin: 3px;
}

.practice-area-box span {
    width: 40px;
    height: 40px;
    bottom: 0px;
    right: 0px;
    display: inline-block;
    position: absolute;
    /*background: url('http://workinjurylawyerlosangeles.org/newinjurysite/wp-content/uploads/2015/11/angled-back-yellow.png') 0px -10px;*/
    font-weight: 300;
}

.practice-area-box .fa {
    margin-top: 19px;
    margin-left: 18px;
    color: black;
    font-size: 20px;
    font-weight: 300;
}

.practice-area-box-large {
    width: 39.2%;
    float: left;
    border: 1px solid #FFE300;
    padding: 30px 0px;
    text-align: center;
    background: rgb(255, 227, 0);
    text-transform: uppercase;
    font-weight: 500;
    line-height: 40px;
    position: relative;
    font-size: 26px;
    color: black;
    margin: 3px;
}


/*  PRACTICE AREAS SELECTION  */




#practice-areas-wrapper {     margin: 0 8%;
			      padding-top: 20px;
                                    padding-bottom: 0px; }

#practice-areas-selection {     margin-top: -10px; }


#practice-areas-selection a  {     color: #707070; }
#practice-areas-selection a:hover {     color: #FFFFFF; }

#practice-areas-selection a:hover .practice-area-box {     background: #FEE300; }
#practice-areas-selection a:hover .practice-area-box-large {     background: rgba(0, 0, 0, 0.7);
								 border: 1px solid #FFE300;
								color: #FFE300 !important; }

#practice-areas-selection a .practice-area-box span {     display: none;}
#practice-areas-selection a:hover .practice-area-box span {    display: inline-block; }


.practice-area-box {
    width: 18.9%;
    float: left;
    border: 3px solid #FEE300;
    padding: 30px 0px;
    text-align: center;
    background: white;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 20px;
    position: relative;
    font-size: 18px;
    margin: 3px;
    color: #545454;
}

.practice-area-box span {
    width: 40px;
    height: 60px;
    bottom: 0px;
    right: 0px;
    display: inline-block;
    position: absolute;
    background: url('http://www.caraccidentlawyersydney.com/wp-content/uploads/2015/11/angled-back-yellow.png') 0px 10px no-repeat;
    font-weight: 300;
}

.practice-area-box .fa {
    margin-top: 37px;
    margin-left: 17px;
    color: #FEE300;
    font-size: 20px;
    font-weight: 300;
    text-shadow: 1px 1px black;
}

.practice-area-box-large {
    width: 39.2%;
    float: left;
    border: 1px solid #FFE300;
    padding: 30px 0px;
    text-align: center;
    background: rgb(255, 227, 0);
    text-transform: uppercase;
    font-weight: 500;
    line-height: 40px;
    position: relative;
    font-size: 26px;
    color: black;
    margin: 3px;
}

#practice-areas-wrapper  h2  {
    margin-top: 0px;
    border-bottom: 1px solid #FFE300;
    padding-bottom: 10px;
    margin-bottom: 0px;
}

.practice-master-icon {
    display: block !important;
    position: relative !important;
    width: 60px !important;
    margin: 0 auto;
}

.practice-master-icon .fa {
    font-size: 50px !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
}

#practice-areas-selection a:hover .practice-master-icon {     background:transparent !important; }

#practice-areas-selection a:hover .practice-master-icon .fa  {     color: white !important; 
							    background: transparent !important;}




/* 6. SIDEBAR   */

#secondary  {
    width: 240px;
    float: left;
    padding: 56px 20px 0px 20px;
    margin: 0px;
}

#secondary .widget {     margin-bottom: 30px; }

.search-form input {     color: gray !important; }

#secondary  .widget input  {
    background-color: rgb(255, 255, 255);
    border-radius: 0px;
    border: 2px solid #2F327E;
}

#servisne-informacije h3, #prikljucenje-info h3 {
    background-color: #2F327E;
    color: white;
    font-weight: 400;
    padding: 3px 5px;
    margin: 0px;
}

#servisne-informacije p, #prikljucenje-info p {
    border: 2px solid #2F327E;
    padding: 5px;
    background-color: white;
    color: #515151;
}

#cjenik-izvod h3 {
    background-color: #2F327E;
    color: white;
    font-weight: 400;
    padding: 3px 5px;
    margin: 0px;
}

#cjenik-izvod ul {
    border: 2px solid #2F327E;
    padding: 5px;
    background-color: white;
   color: #515151;
}

#cjenik-izvod span {
    width: 100%;
    display: block;
    color: black;
    margin-bottom: 10px;
}

#cjenik-izvod a {
    color: #8C8CFF;
    text-decoration: none;
    font-weight: 500;
    display: block;
    width: 100%;
    margin-top: -10px;
}

#cjenik-izvod a:hover {     color:  #162A87; }

#prikljucenje-info a {
    color: #8C8CFF;
    text-decoration: none;
    font-weight: 500;
    display: block;
    width: 100%;  
   margin-top: 15px;
    }

#prikljucenje-info a:hover {     color:  #162A87; }

#anketa {
    background-color: white;
    border: 2px solid #2F327E;
    color: gray;
}

#anketa h3 {
    background-color: #2F327E;
    color: white;
    font-weight: 400;
    padding: 3px 5px;
    margin: 0px;
   margin-bottom: 10px;
}

#anketa p {     margin-bottom: 0px; }

#anketa input[name=vote] {
    background-color: #AAAAFF !important;
    margin-top: 10px;
}

#anketa a:hover {     color: #04165F; }
#anketa a {     color: #AAF; 
                padding: 10px;
                display: block;}

.wp-polls ul, .wp-polls-ul, .wp-polls-ans ul {     padding: 0px 10px; }

#text-7 {     margin-bottom: 0px !important; }




/* 7. NASLOVNA */

.home .hentry {     margin-bottom: 0px; }

#djelatnosti-wrapper {     padding: 10px; }

#djelatnosti-wrapper a {    color:black; }

#djelatnosti-wrapper p {     margin-bottom: 0px; }

.djelatnosti-inner-wrapper {
    width: 385px;
    float: left;
    background-color: aliceblue;
    margin-bottom: 10px;
    overflow: hidden;
    height: 200px;
}

.inner-wrapper-left {    margin-right: 10px; }

.djelatnost-1  {     background: url('http://vodovod-korenica.hr/wp-content/uploads/2015/09/djelatnosti-1.jpg'); }
.djelatnost-2  {     background: url('http://vodovod-korenica.hr/wp-content/uploads/2015/09/djelatnosti-2.jpg'); }
.djelatnost-3  {     background: url('http://vodovod-korenica.hr/wp-content/uploads/2015/09/djelatnosti-3.jpg'); }
.djelatnost-4  {     background: url('http://vodovod-korenica.hr/wp-content/uploads/2015/09/djelatnosti-4.jpg'); }

.djelatnosti-opis  {     background-color: rgba(255, 255, 255, 0.9);
			height: 200px;
                         margin-top: 167px; }

.djelatnosti-inner-wrapper:hover .djelatnosti-opis  {  margin-top: 0px; }

.djelatnosti-opis h2 {
    background-color: #AAAAFF;
    color: white;
    font-weight: 400;
    padding: 7px;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
}

.opis-djelatnosti {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    position: relative;
    height: 150px;
}

 .opis-djelatnosti span {
    display: block;
    position: absolute;
    bottom: 0px;
    text-align: center;
    width: 100%;
    color: #6186E7;
}


.naslovna-podnaslovi {
    margin: 0px;
    width: 100%;
    padding: 10px 0px !important;
    display: block;
    background-color: #AAAAFF;
    color: white;
    max-width: 100%;
    text-align: center;
    font-weight: 300;
}

#istaknute-novosti-wrapper {    padding: 10px 0px 10px 10px; }

#istaknute-novosti-wrapper p { margin-bottom: 0px; }

.naslovna-istaknuto-single {
    width: 187px;
    float: left;
    margin-right: 10px;
    margin-left: 0px;
        font-size: 15px;
    line-height: 16px;
}

.naslovna-istaknuto-single  h2 {
    font-size: 16px;
    font-weight: 500;
    color: #162A87;
    margin-top: 10px;
    margin-bottom: 10px;
}

.naslovna-istaknuto-single a {
    color: #8C8CFF;
    text-decoration: none;
    font-weight: 400;
    display: block;
    width: 100%;
    margin-top: 10px;
}

.naslovna-istaknuto-single a:hover {     color:  #162A87; }

.aktualno-naslovna-slika {
    height: 130px;
    overflow: hidden;
}

#arhiva-novosti-link {
    color: #8C8CFF;
    text-decoration: none;
    font-weight: 400;
    display: block;
    width: 98%;
    border-top: 1px solid #8C8CFF;
    border-bottom: 1px solid #8C9AFF;
    margin-top: 20px;
    padding: 10px 0px;
    font-size: 18px;
    text-align: center;
}

#arhiva-novosti-link:hover {     color:  #162A87; }



#jesteliznali-wrapper .metaslider .caption-wrap {
    background: white;
    color: #11217B;
    opacity: 1;
    height: 100%;
}

#jesteliznali-wrapper  .metaslider .caption {
    padding: 0px 50px;
    word-wrap: break-word;
    font-size: 30px;
    line-height: 40px;
    text-align: center;
    font-weight: 300;
    font-style: italic;
    margin-top: 60px;
}





/* 8. POSTOVI - VIJESTI - NOVOSTI - OBJAVE    */

.single-post #primary {     width: 800px; }

.single-post .post-thumbnail {     display: none; }
.single-post .cat-links {     display: none; }
.single-post .byline {     display: none; }
.single-post .comments-link {     display: none; }
.single-post .edit-link {     display: none; }
.single-post #comments {     display: none; }

.single-post .entry-meta {     background-color: transparent !important; }

.single-post .entry-header {     margin-top: 72px !important; }

.single-post  .entry-header h1 {     margin-bottom: 10px; }

.single-post .entry-content {     padding: 10px !important; }

.single-post .post-navigation {
    width: 100%;
    max-width: 100%;
    padding: 0px;
    text-align: center; }




/* 8.1 ARHIVA NOVOSTI  */

.archive #primary {     width: 800px; }

.archive #naslovni-slider {     display: none; }

.archive-header {
    width: 100%;
    padding: 0px !important;
    max-width: 100%;
}

.archive-header h1 {
    margin: 0px;
    width: 100%;
    padding: 10px 0px !important;
    display: block;
    background-color: #AAAAFF;
    color: white;
    max-width: 100%;
    text-align: center;
    font-weight: 400;
    }

.archive .post-thumbnail {
    width: 30%;
    float: left;
    height: 170px;
    overflow: hidden;
}

.archive article .entry-header {    width: 67%;
    float: left;
    margin-top: 0px !important;
    text-align: LEFT;
    PADDING: 0px 12px 7px 12px !important;
}

.archive .entry-meta {     display: none; }

.archive .entry-title a {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 400;
}

.archive .entry-title a:hover {     color: #2F327E; }

.archive .entry-content {
    width: 67%;
    float: left;
    padding: 12px !important;
    height: 107px;
    overflow: hidden;
}



/* 8.2 REZULTATI PRETRAGE  */

.search-results #primary {     width: 800px; }

.search-results #naslovni-slider {     display: none; }

.search-results .page-header {
    width: 100%;
    padding: 0px !important;
    max-width: 100%;
}

.search-results .page-header h1 {
    margin: 0px;
    width: 100%;
    padding: 10px 0px !important;
    display: block;
    background-color: #AAAAFF;
    color: white;
    max-width: 100%;
    text-align: center;
    font-weight: 400;
    }

.search-results .post-thumbnail { display: none; }

.search-results article .entry-header {    width: 100%%;
    float: left;
    margin-top: 0px !important;
    text-align: LEFT;
    PADDING: 0px 12px 7px 12px !important;
}

.search-results .entry-meta {     display: none; }

.search-results .entry-title a {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 400;
}

.search-results .entry-title a:hover {     color: #2F327E; }

.search-results .entry-summary  {
    width: 97%;
    max-width: 97%;
    padding: 12px !important;
    margin: 0px;
    clear: both;
}


/* 9. PODSTRANICE */

h2 {
    font-size: 22px;
    font-weight: 500;
    color: #2F327E;
}

h3 { font-size: 20px;
     color: #2F327E;
     font-weight: 500;
}

h4 {
    font-size: 20px;
    color: #2F327E;
    font-weight: 500;
}

b {     font-weight: 500; }


/* 9.1 KONTAKT */

#kontakt-lijevo {
    width: 50%;
    float: left;
}

#kontakt-desno {
    width: 50%;
    float: left;
}

#kontakt-dole { clear:both;
		padding-top: 45px; }



input, textarea {     color: #000000;
    padding: 5px 5px 5px;
    font-size: 15px;
    background-color: #ECECFC;
}

textarea {     width: 88%; }

input[type="submit"] {
    background-color: #ECECFC;
    color: #808080;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 30px 11px;
    width: 88%;
    border: 1px solid #C9C9C9;
}

input[type="submit"]:hover {     background-color: #2F327E; }

#kontakt-lijevo p {     margin-bottom: 15px; }

#kontakt-desno ul {
    list-style: none;
    margin-left: 0px;
}

.page-id-85 #text-4 {    display: none; }

#post-85 {     margin-bottom: 0px; }

#pravne-info {
    font-size: 9px;
    margin-bottom: 0px;
    padding-top: 10px;
    clear: both;
}




/*  9.2 O NAMA  */

#onama-iso {     text-align: center; }

#onama-iso img {    margin: 0px 10px; }

.page-id-81 #text-4 {    display: none; }

.page-id-81 #text-7  {     margin-bottom: 20px !important; }


/*   9.3.  VODOOPSKRBA  */

.page-id-81 #text-7 {    display: none; }


/* 9.4 KVALITETA VODE   */

.page-id-184 #text-2 {    display: none; }
.page-id-184 #text-5 {    display: none; }
.page-id-184 #text-4 {    display: none; }


/*  9.5  PRERADA VODE   */

.page-id-208 #text-7 {    display: none; }
.page-id-208 #text-4 {    display: none; }



/*   9.6   CJENIK   */

#post-78 ul {
    list-style: circle;
    font-weight: 300;
}

#post-78 span  {     font-weight: 500; }

.cjenik-download .fa {
    color: red;
    text-shadow: 1px 1px #CDCDCD;
}



.page-id-78 #text-7 {    display: none; }
.page-id-78 #text-4 {    display: none; }


/*   9.7   PRIKLJUČENJE NA MREŽU   */

.page-id-78 #text-5 {    display: none; }





/* 10. FOOTER   */

.site-info {     display: none; }

.site-footer  {        background-color: rgba(0, 0, 0, 0.5); }

#supplementary {
    width: 1100px;
    margin: 0 auto;
    position: relative;
    height: auto !important;
    padding: 20px 0px;
}

#footer-contact-wrapper {
    background: url('http://www.caraccidentlawyersmelbourne.com/wp-content/uploads/2015/12/header-photo-placeholder-tall-bw.jpg');
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    padding-top: 50px;
    padding-bottom: 60px;
}

#footer-contact-inner-wrapper {
    width: 1130px;
    margin: 0 auto;
}

#footer-contact-wrapper h2  {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 5px;
    font-size: 30px;
    text-align: center;
}

#contact-form-info {
    text-align: center;
    font-size: 18px;
    color: #E8E8E8;
    font-weight: 300;
    line-height: 40px;
}


#wpcf7-f7-o1 {
    padding: 30px;
    background: rgba(255, 255, 255, 0.10);
    border: 1px solid  #6B6B6B;
}

#wpcf7-f7-o1:hover {
    padding: 30px;
    background: rgba(0, 0, 0, 0.65);
    border: 1px solid #FFE300;
}

#footer-contact-left  {
    width: 48%;
    float: left;
    margin-left: 0;
    margin-right: 2%;
}

#footer-contact-right  {
    width: 48%;
    float: left;
    margin-right: 0;
    margin-left: 2%;
}

#footer-contact-bottom { clear:both;
			 margin-right: 8%;
   			 margin-left: 8%;
			 padding-top: 20px; }

#footer-contact-wrapper input, #footer-contact-wrapper textarea, #footer-contact-wrapper select  {
    color: #A1A1A1;
    padding: 15px 15px;
    font-size: 15px;
    background-color: rgba(255, 255, 255, 0.25);
    width: 100%;
    border: 1px solid gray;
}


#footer-contact-wrapper option  {
    background: #595959;
    color: #C3C3C3;
}

#footer-contact-wrapper textarea {     height: 122px; }

#footer-contact-wrapper input[type="submit"] {     width: 200px;
						   margin: 0 auto;
   						 display: block; 
						border: 1px solid #FFE300;
   						 color: #FFE300;}

#footer-contact-wrapper input[type="submit"]:hover  {
    border: 1px solid #FFE300;
    background: rgba(255, 227, 0, 0.77);
    color: black;
    box-shadow: 0px 0px 6px 1px yellow;
}



#footer-contact-wrapper #submit-button {     margin-bottom: 0px; }


#map-area-1 {
    width: 31.3%;
    float: left;
    margin-left: 2.1%;
}

#map-area-1 h2 {
    font-size: 22px;
    text-align: left;
}

#map-area-1 img {
    width: 70%;
    margin-top: 33px;
}

#map-area-1 h3, #map-area-1 h4 {
    color: #E8E8E8;
    text-transform: uppercase;
    font-weight: 400;
}

#map-area-1 .fa  {
    height: 50px;
    width: 50px;
    color: #FFE300;
    background: rgba(0, 0, 0, 0.4);
    font-size: 30px;
    text-align: center;
    line-height: 50px;
    border: 2px solid #FFE300;
    margin-right: 5px;
}

#map-area-1 .fa:hover {
    color: #000000;
    background: rgb(255, 227, 0);
    box-shadow: 0px 0px 5px 0px yellow;
}

#map-area-1 .directions {
    display: inline-block;
    border: 2px solid #FFE300;
    padding: 10px 47px;
    font-size: 18px;
    margin-top: 10px;
    color: #FFE300;
    font-weight: 400;
    background: rgba(0, 0, 0, 0.4);
}

#map-area-1 .directions:hover  {
    color: #000000;
    background: rgb(255, 227, 0);
    box-shadow: 0px 0px 5px 0px yellow;
}

#map-area-2 {  width: 33.3%;
    float: left;
}

#map-area-2 h3  {
    color: #E8E8E8;
    text-transform: uppercase;
    font-weight: 400;
    margin-top: 144px;
}

#addres-symblol-1, #addres-symblol-2, #addres-symblol-3   {
    width: 10%;
    float: left;
    height: 50px;
    color: #FFE300;
    margin-top: 20px;
    font-size: 35px;
    line-height: 42px;
    text-align: center;
}

#addres-symblol-3  {     margin-top: 10px; }

#addres-text-1, #addres-text-2, #addres-text-3   {
    width: 88%;
    float: left;
    height: 50px;
    font-size: 19px;
    font-weight: 300;
    line-height: 22px;
    margin-top: 20px;
    margin-left: 2%;
    color: #e8e8e8;
}


#map-area-3 {  width: 33.3%;
    float: left;
}

.wpgmp_map div {
    color: #2B2B2B;
    font-weight: 400;
}

.wpgmp_map img {
    max-width: none !important;
    padding: 0px !important;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

#footer-copyrights {
    background: black;
    padding: 20px;
    text-align: center;
    font-size: 16px;
    padding-top: 40px;
    color: #e8e8e8;
    font-weight: 300;
}




#supplementary  .textwidget {     font-size: 14px;
			          color: white; }

.footer-sidebar .widget {     padding: 0 20px;
				position: relative !important; 
                                  margin-bottom: 0px;}

.footer-sidebar {     padding-top: 0px;
			height: auto !important; }

#supplementary .widget-title {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6363636363;
    margin-bottom: 18px;
    color: #C5E4FF;
}

#supplementary b {     font-weight: 500; }

#supplementary .widget a:hover {     color: #AAAAFF; }

#text-8 {    width: 17%; }

.footer-logo-small  {
    width: 41%;
    float: left;
    margin: 10px 5px 0px 5px;
}

#text-9 {  left: 0px !important; }

#nav_menu-2  {
    padding: 0 20px;
    position: relative !important;
    left: 0px !important;
    font-size: 14px;
    line-height: 17px;
    width: 21%;
}

#text-10 {
    padding: 0 20px;
    position: relative !important;
    left: 0px !important;
   width: 37%;
      top: 0px !important;
}











/* -------------------------------------   */

/*   11. RESPONSIVE MOBITEL   */


@media only screen and (max-width: 500px) {

body {     background-size: cover; }
    
#header-top-bar {     max-width: 100%;  }

#main-logo {
    width: 20%;
    float: left;
    margin-right: 20px;
    margin-left: 10px;
}

#logo-text {     width: 61%; }

.site-title {     font-size: 5vw; }
.site-description {     display: none; }
#additional-logo {     display: none; }

#header-contact-info {
    width: 90%;
    float: left;
    font-size: 4vw;
   line-height: 7vw;
   margin-left: 15px;
}

#naslovni-slider .metaslider .caption-wrap {
    bottom: 10px;
    left: 10px;
    width: 80%;}

#naslovni-slider .metaslider .caption {     max-width: 100%; }

#naslovni-slider h2 {     font-size: 3vw; }

#naslovni-slider .flexslider .slides p {
    font-size: 2vw;
    line-height: 3vw;
}

.header-main {     min-height: 0px; }
.primary-navigation {     padding-top: 0px; }

.site-main {     width: 100%; }

.main-content {     width: 100%; }

.djelatnosti-inner-wrapper {     width: 100%; }

.naslovna-istaknuto-single {     width: 97%;
				margin-bottom: 20px; }

#jesteliznali-wrapper .metaslider .caption {
    padding: 10px;
    font-size: 5vw;
    line-height: 7vw;
    margin-top: 3vw;
}

.single-post #primary {     width: 100%; }

.archive #primary {     width: 100%;
			padding: 0px; }
.list-view .site-content .post-thumbnail img {     width: 100%; }
.archive .post-thumbnail {     width: 100% !important; }
.archive article .entry-header .archive article .entry-header {     width: 96%;
 								     PADDING: 0px 0px 0px 12px!important;
								}
.archive .entry-title a {     color: #354099; }
.archive .entry-content {     width: 93%;
   			      float:none;
    			      display: block !important;
}



.search-results #primary {     width: 100%;
   			       padding: 0px;
  			       margin: 0px; }
.search-results article .entry-header { width: 100%;
   					 PADDING: 0px !important; }
.search-results .entry-title a {     color: #364199;
 				     padding-left: 12px;
 				     display: block; }
.search-results .entry-summary {     width: 96%;
    				     max-width: 96%;
   				     padding: 0px 0px 0px 12px !important;
  				     display: block !important; }




#kontakt-lijevo {
    width: 100%;
    float: none;
}

#kontakt-desno {
    width: 100%;
    float: none;
}

#secondary {
    width: 94%;
    padding: 10px;
    margin: 0px;
    background-color: transparent;
}

#supplementary {     width: 100%; }

#text-8 {     float: left; }

#text-9 {
    left: 0px !important;
    width: 58%;
    float: left;
    top: 0px !important;
}

.footer-logo-small {
    width: 80%;
    float: left;
    margin: 10px 5px 0px 5px;
}

#nav_menu-2 {     display: none; }

#text-10 {     display: none; }

}


/*  RESPONSIVE MOBILE PHONE  */

@media only screen and (max-width: 415px) {

body {     width: 100%; 
	   overflow: hidden;
}

.site-header {     min-height: 200px; }

.primary-navigation ul ul {
     width: 100%;
    -moz-column-count: 1;
    -moz-column-gap: 2.5em;
    -webkit-column-count: 1;
    -webkit-column-gap: 2.5em;
    column-count: 1;
    column-gap: 2.5em;
}

.primary-navigation ul ul a {     width: 100%; }

.site-navigation li {     height: initial !important; }

.primary-navigation.toggled-on {     margin-top: 22%;
				     padding: 0px; }

.site-navigation ul ul {     margin-left: 0px; }

.site-navigation ul ul .current-menu-item > a {
    color: #000000;
}

#logo-area {
    width: 93%;
    float: none;
}

#header-contact-area {
    width: 100%;
    float: none;
    clear: both;
    margin-top: 20px;
}

#tel-1 {     font-size: 4.2vw; }
#tel-2 a {     font-size: 8vw; }
#tel-3 {     font-size: 4.2vw; }

#header-slider-wrapper { margin-top: 80px; 
			min-height: 100px;}

.slide-text- {
    font-size: 4vw;
    line-height: 5vw;
}

.slider-cta {
    padding: 2%;
    font-size: 4vw;
    margin-top: 10px;
   }

.site-content .entry-header h1 {  width: 100%;
 			          font-size: 5vw; }

.page .site-content .entry-header {
    padding: 0px 2% !important;
    width: 96% !important;
}

.home .site-content .entry-header {
    padding: 0px 2% !important;
    width: 96% !important;
}

#homepage-content-wrapper-inner {     padding-top: 20px; }

.two-col-content {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}

#homepage-content-wrapper .two-col-content h2 {     font-size: 4vw; }

.page .entry-content {
    padding: 2% !important;
    width: 96%;
   }

#homepage-content-wrapper-inner   {     margin: 0 2%; }

#logo-area-inner {     width: 100%; }

#logo-area-l {
    float: none;
    width: 160px;
    margin: 0 auto;
}
#logo-area-c {     width: 100%;
		margin: 0px; }
#logo-area-c p {     font-size: 5vw;
       margin-top: 10px;
   }
#logo-area-r {     display: none; }


#practice-areas-wrapper h2 {     font-size: 6vw; }

.practice-area-box {     width: 45%; 
			padding: 10px 0px;
			min-height: 101px;}

.practice-area-box br {     display: none; }

#footer-contact-inner-wrapper {     width: 100%; }

#map-area-1 {
    width: 100%;
    float: none;
    margin-left: 2.1%;
    text-align: center;
    margin-bottom: 20px;
}

#map-area-2  {
    width: 96%;
    float: none;
    text-align: center;
    padding: 0 2%;
}

#map-area-3 {
    width: 100%;
    float: none;
}

#map-area-2 h3 {     margin-top: 50px; }

#addres-text-3 {     font-size: 4vw; }



#addres-text-1, #addres-text-2, #addres-text-3 {     width: 85%; }

#footer-copyrights {
    padding: 10px;
    font-size: 3vw;
    padding-top: 30px;
   
}




}