d of /*

----------------------------------------------------------

----------------------------------------------------------



 _                  _____ _                              

| |    _____   ____|_   _| |__   ___ _ __ ___   ___  ___ 

| |   / _ \ \ / / _ \| | | '_ \ / _ \ '_ ` _ \ / _ \/ __|

| |__| (_) \ V /  __/| | | | | |  __/ | | | | |  __/\__ \

|_____\___/ \_/ \___||_| |_| |_|\___|_| |_| |_|\___||___/

                 

                                                         

 @Author: LoveThemes

 @URL: http://lovethem.es

 

 

 This file contains the styling for the actual theme, this 

 is the file you need to edit to change the look of the 

 theme.

 

 This files contents are outlined below.

 

 

 1.  Default WordPress

 2.  Base Styles

 3.  Hellobar

 5.  Social Module

 6.  Header

 7.  Logo

 8.  Primary Navigation

 9.  Content

 10. Portfolio Module

 11. Team Module

 12. Latest Posts Module

 13. Contact Module

 14. Twitter

 15. Custom 404 Page

 16. Footer

 17. Posts

 18. Postmeta

 19. Pagination

 20. Post Navigation

 21. Comments

 22. Sidebar

 23. Widgets

 24. Shortcodes & Classes

 



*//*

----------------------------------------------------------

----------------------------------------------------------



 Default wordpress



----------------------------------------------------------

----------------------------------------------------------

*/

.attachment .entry-content .entry-caption

{

	font-size: 140%;

	margin-top: 24px;

}



.attachment .entry-content .nav-previous a:before

{

	content: '\2190\00a0';

}



.attachment .entry-content .nav-next a:after

{

	content: '\00a0\2192';

}



#calendar_wrap

{

}



img {

	max-width:100%;height:auto;

	

}



table#wp-calendar

{

	border-collapse: collapse;

	width: 100%;

	margin-bottom:0 !important;

	border-spacing: 0;

}



#wp-calendar td

{

	padding: 6px !important;

}



#wp-calendar th

{

	padding: 3px 0 !important;

	font-weight: bold;

	text-align: center;

}



#wp-calendar

{

	font-weight: bold;

	text-align: center;

	padding: 10px;

}



.alignleft,

img .alignleft

{

	display: inline;

	margin: 0 15px 10px 0;

	float: left;

}



.alignright,

img .alignright

{

	display: inline;

	margin: 0 0 10px 15px;

	float: right;

}



.aligncenter,

img .aligncenter

{

	clear: both;

	display: block;

	margin: 0 15px 15px 15px;

}



.wp-caption

{

	line-height: 18px;

	margin-bottom: 20px;

	max-width: 675px!important;

	padding: 5px;

	text-align: center;

}



.wp-caption img

{

	margin: 0 10px 10px 0;

}



.wp-caption p.wp-caption-text

{

	font-size: 14px;

	color: #aaaaaa;

	margin: 5px;

}



.wp-smiley

{

	margin: 0;

}



.sticky

{

    float: left;

}



.bypostauthor

{



}



.gallery

{

	margin: 0 auto 18px;

}



.gallery .gallery-item

{

	float: left;

	margin-top: 0;

	text-align: center;

	width: 33%;

}



.gallery-columns-2 .gallery-item

{

	width: 50%;

}



.gallery-columns-4 .gallery-item

{

	width: 25%;

}



.gallery img

{

}



.gallery-columns-2 .attachment-medium

{

	max-width: 92%;

	height: auto;

}



.gallery-columns-4 .attachment-thumbnail

{

	max-width: 84%;

	height: auto;

}



.gallery .gallery-caption

{

	font-size: 12px;

	margin: 0 0 12px;

}



.gallery dl

{

	margin: 0;

}



.gallery img

{

}



.gallery br+br

{

	display: none;

}



#content .attachment img

{

	display: block;

	margin: 0 auto;

}



.wp-smiley

{

	display: none;

}



.tag

{

    color: inherit!important;

}

/*

----------------------------------------------------------

----------------------------------------------------------



 Base Styles



----------------------------------------------------------

----------------------------------------------------------

*/

body

{

    background: #ffffff;

    color: #222222;

}



p, li

{

    color: #333333;

}



blockquote

{

	color: #aaaaaa;

}



a

{

 	color: inherit;

}



a:hover,

a:visited:hover

{

}



a:active

{

	color: #000000;

}



::-moz-selection

{

	background: #222222;

	color: #ffffff;

	text-shadow: none;

}



::selection

{

	background: #222222;

	color: #ffffff;

	text-shadow: none;

}



::-webkit-scrollbar 

{

    width: 5px;

    background: #222222;

}



::-webkit-input-placeholder 

{

   color: #aaaaaa;

}



:-moz-placeholder 

{

   color: #aaaaaa;  

}



::-moz-placeholder 

{

   color: #aaaaaa;  

}



:-ms-input-placeholder 

{  

   color: #aaaaaa;  

}



.wrapper

{

    width: 95%;

    margin: 0 auto;

}

/*

----------------------------------------------------------

----------------------------------------------------------



 Hellobar



----------------------------------------------------------

----------------------------------------------------------

*/

#hello-bar

{

    background: #333333;

    width: 100%;

    padding: 14px 0 0 0;

    float: left;

    text-align: center;

    position: relative;

    z-index: 99999;

}



#hello-bar p,

#close-hello-bar

{

    color: #ffffff;

    font-weight: 600;

    text-shadow: 0 1px 1px rgba( 0, 0, 0, 0.1 );

}



#close-hello-bar

{

    position: absolute;

    top: 11px;

    right: 35px;

    font-size: 28px;

    text-shadow: 0 2px 1px rgba( 0, 0, 0, 0.05 );

}

/*

----------------------------------------------------------

----------------------------------------------------------



 Header



----------------------------------------------------------

----------------------------------------------------------

*/

#header

{

	width: 100%;

	height: auto;

	text-align: center;

	float: left;

	position: relative;

    z-index: 99;

}



#header h1

{

    padding: 75px 0 0 0;

}

/*

----------------------------------------------------------

----------------------------------------------------------



 Logo



----------------------------------------------------------

----------------------------------------------------------

*/

#site-logo

{

    margin: 0;

    padding: 0;

    float: left;

}



#site-logo h1

{

    margin: 0;

    padding: 0;

}



#site-logo a:hover

{

	filter: alpha(opacity=60);

  	-khtml-opacity: 0.6;

  	-moz-opacity: 0.6;

  	opacity: 0.6;

}

/*

----------------------------------------------------------

----------------------------------------------------------



 Primary Navigation



----------------------------------------------------------

----------------------------------------------------------

*/

#primary

{

    background: #ffffff;

    width: 100%;

    padding: 10px 0;

    float: left;

    position: relative;

    z-index: 999;

    border-bottom: 1px solid #f3f3f3;

    box-shadow: 0 2px 0 rgba( 0, 0, 0, 0.01 );

    -webkit-transition: 250ms linear all;

	-moz-transition: 250ms linear all;

	transition: 250ms linear all;

	height:50px;

}



nav {

  float: right;

  width: 45%;

}



#primary ul.menu

{

    float: left;

	padding-top:13px;

}



#primary ul.social_css {

  float: right;

  padding-top:13px;

}



#primary ul li {

  color: #555555;

  display: inline;

  font-size: 14px;

  font-weight: 600;

  padding: 30px 13px;

  position: relative;

  text-transform: none;

}



#primary ul.social_css li { 



  padding: 15px 2px;



}



#primary ul.menu li

{

  padding: 15px 10px;

  

}

#primary ul.menu li:hover, #primary ul.menu li:active, #primary ul.menu li:focus

{

	background-color:rgba(0,0,0,0.5);

}

li.current-menu-item { background-color:rgba(0,0,0,0.5); }



#primary ul.menu li a:hover

{

	color:#fff;

}



#primary ul.menu li:hover a

{

	color:#fff;

}

/* Second level dropdown */

#primary ul li.menu-item-has-children:after

{

    content: '';   

    position: absolute;   

    border: 4px solid transparent; 

    border-top: 4px solid #888888; 

    top: 8px; 

    margin-left: 3px;

}



#primary ul li ul

{

	width: 200px;

	display: none;

	position: absolute;

	left: -15px;

	margin: 0;

	padding: 0;

	margin-top: -5px;

    padding-top: 36px;

	z-index: 9999;

	border: none;

}



#primary ul li ul li

{

    background: #333333;

    margin: 0;

    padding: 10px 15px;

    margin-bottom: -15px;

	position: relative;

	z-index: 999;

	display: block;

	float: none;

}



#primary ul li ul li a,

#primary ul li.current-menu-item ul li a

{

    color: #ffffff;

}

/* mobile navigation */

a.open 

{

    float: right;

    width: 40px;

    height: 30px;

    margin-right: 25px;

    margin-top: 5px;

    background: #222222 url("../img/menu.png") center center no-repeat;

    border-radius: 2px;

    text-indent: -9999px;

    position: relative;

    z-index: 99999;

}



a:hover.open

{

    filter: alpha(opacity=80);

    -khtml-opacity: 0.8;

    -moz-opacity: 0.8;

    opacity: 0.8;

}

        

#pageslide 

{

    display: none;

    position: fixed;

    top: 0;

    height: 100%;

    z-index: 999999;

    width: 250px;

    padding: 0;

    background: #222222;

    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);

}



#pageslide ul

{

    list-style: none;

    margin-top: 15px;

    float: left;

}



#pageslide ul li

{

    width: 250px;

    display: block;

    list-style: none;

    margin-left: -20px;

    font-weight: 600;

    font-size: 11px;

    text-transform: uppercase;

    padding: 10px 0 10px 30px;

    border-bottom: 1px solid #282828;

}



#pageslide ul li ul

{

    display: none;

    margin: 0;

    padding: 15px 0 35px 5px;

}



#pageslide ul li ul li

{

    padding: 10px 0 0 30px;

    border-bottom: none;

}



#pageslide ul li a

{

	color: #ffffff;

}



#pageslide ul li:last-child

{

    border-bottom: none;

}

/*

----------------------------------------------------------

----------------------------------------------------------



 Content



----------------------------------------------------------

----------------------------------------------------------

*/

#content

{

    background: #ffffff;

    width: 100%;

	position: relative;

	z-index: 101;

	float: left;

}



#content a

{

    font-weight: 600;

}



#content a:hover

{

    color: #222222;

}

/*

----------------------------------------------------------

----------------------------------------------------------



 Slider Module



----------------------------------------------------------

----------------------------------------------------------

*/

#slider

{

    background: #333333;

    position: absolute;

    width: 100%; 

    height: 100%;

    left: 0; 

    z-index: 95;

}



#slides  

{ 

    position: absolute;

    width: 100%; 

    height: 100%;

    left: 0; 

    top: 0;

    z-index: 95;

}



.slide 

{

    background: #333333;

    position: absolute;

    width: 100%; 

    height: 100%;

    left:0; 

    top:0;

    overflow: hidden;

    -webkit-transform: translateX(0%) translateY(0%);

    -moz-transform: translateX(0%) translateY(0%);

    -ms-transform: translateX(0%) translateY(0%);

    -o-transform: translateX(0%) translateY(0%);

    transform: translateX(0%) translateY(0%);

    -webkit-transition: 1s cubic-bezier(1, 0.01, 1, 1); 

    -moz-transition: 1s cubic-bezier(1, 0.01, 1, 1); 

    -ms-transition: 1s cubic-bezier(1, 0.01, 1, 1); 

    -o-transition: 1s cubic-bezier(1, 0.01, 1, 1); 

    transition: 1s cubic-bezier(1, 0.01, 1, 1); 

}



#slides img.background 

{ 

    position: absolute; 

    width: 100%; 

    height: 100%;

}



#slides .slide-content

{

    width: 100%;

    position: absolute;

    z-index: 99;

    text-align: center;

    color: #ffffff!important;

    text-shadow: none;

}



#slides .slide-content h1

{

    color: #ffffff!important;	

  	background-color: rgba(0, 0, 0, 0); 

}



#slides .slide-content p

{

    font-family: "Dosis", "Helvetica Neue", Helvetica, Arial, sans-serif;

    line-height: 32px;

    padding: 0 100px;

    color: #ffffff!important;

    font-weight: 600;

}



#slides .slide-content .button

{

    text-shadow: none;

    font-size: 18px;

    margin-top: 25px;

    padding: 10px 20px;

    -webkit-transition: none!important; 

	-moz-transition: none!important; 

	transition: none!important; 

}



.dropitlikeitshot

{ 

    -webkit-transform: translateX(0%) translateY(100%); 

    -moz-transform: translateX(0%) translateY(100%);

    -ms-transform: translateX(0%) translateY(100%);

    -o-transform: translateX(0%) translateY(100%);

    transform: translateX(0%) translateY(100%);

}

/*

----------------------------------------------------------

----------------------------------------------------------



 Portfolio Module



----------------------------------------------------------

----------------------------------------------------------

*/

#folio

{

    background: #282A2E;

    width: 100%;

    float: left;

    position: relative;

    z-index: 101;

}



#folio-title

{

    color: rgba( 255, 255, 255, 0.5 );

    width: 100%;

    float: left;

    text-align: center;

    margin: 0;

    padding: 0;

}



#folio ul

{   

    text-align: center;

}



#folio ul li

{

    background: #ffffff;

	display: inline;

	overflow: hidden;

	margin-bottom: -1px;

	float: left;

	-webkit-transition: 250ms linear all;

	-moz-transition: 250ms linear all;

	transition: 250ms linear all;

}



#folio ul li a img

{

    width: 100%;

    height: auto;

    -webkit-transition: 150ms linear all;

	-moz-transition: 150ms linear all;

	transition: 150ms linear all; 

}



#folio ul li a:hover img

{

    filter: alpha(opacity=10);

    -khtml-opacity: 0.1;

    -moz-opacity: 0.1;

    opacity: 0.1; 

    cursor: crosshair;

}



#folio ul li figcaption

{

    position: absolute;

    left: 0;

    width: 100%;

    z-index: 101;

    font-size: 12px;

    font-weight: 400;

    color: #222222;

    text-align: center;

    filter: alpha(opacity=0);

    -khtml-opacity: 0;

    -moz-opacity: 0;

    opacity: 0; 

    cursor: crosshair;

}



#folio ul li a:hover figcaption

{

    filter: alpha(opacity=100);

    -khtml-opacity: 1;

    -moz-opacity: 1;

    opacity: 1; 

}



#folio ul li figcaption::before,

#folio ul li figcaption::after 

{

	position: absolute;

	height: 1px;

	background: rgba( 0, 0, 0, 0.2 );

	content: '';

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

	transition: opacity 0.35s, transform 0.35s;

	-webkit-transform: translate3d(-50%,-50%,0);

	transform: translate3d(-50%,-50%,0);

	filter: alpha(opacity=50);

    -khtml-opacity: 0.5;

    -moz-opacity: 0.5;

    opacity: 0.5; 

}



#folio ul li figure:hover figcaption::before 

{

	-webkit-transform: translate3d(-50%,-50%,0) rotate(45deg);

	transform: translate3d(-50%,-50%,0) rotate(45deg);

}



#folio ul li figure:hover figcaption::after 

{

	-webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg);

	transform: translate3d(-50%,-50%,0) rotate(-45deg);

}



#filters

{

    background: #282A2E;

    padding: 15px 0 12px 0;

    margin-top: 75px;

    width: 100%;

    position: relative;

	z-index: 999;

    float: left;

}



nav#filter

{	

	text-align: center;

}



nav#filter ul li

{

    display: inline-block;

    padding: 0 4px;

    margin-bottom: 5px;

    font-size: 14px;

    font-weight: 400;

}



nav#filter ul li a

{

    padding: 3px 10px 4px 10px;

    border-radius: 25px;

    color: #98A0A8;

}



nav#filter ul li.current a,

nav#filter ul li a:hover

{

    background: #252525;

    color: #ffffff;

}



/* modify styles for homepage usage */

body.home #filters

{

    display: none;

}



body.home #folio ul

{

    margin-top: 100px;

}



body.home #folio

{

    padding-top: 75px;

    margin-top: 75px;

    border-top: 1px solid #f3f3f3;

}

/*

----------------------------------------------------------

----------------------------------------------------------



 Client Module



----------------------------------------------------------

----------------------------------------------------------

*/

#clients

{

    background: #ffffff;

    width: 100%;

    float: left;

    position: relative;

    z-index: 101;

    padding: 75px 0 100px 0;

    margin-top: 75px;

    border-top: 1px solid #f3f3f3;

    overflow-x: hidden;

}



#clients-title

{

    width: 100%;

    float: left;

    text-align: center;

    margin: 0 0 65px 0;

    padding: 0;

}



#clients ul

{

    text-align: center;

}



#clients ul li

{

	position: relative;

	vertical-align: top;

	float: left;

}



#clients ul li:hover img

{

    cursor: crosshair;

}

/*

----------------------------------------------------------

----------------------------------------------------------



 Team Module



----------------------------------------------------------

----------------------------------------------------------

*/

#team

{

    background: #fc9e6b;

    width: 100%;

    float: left;

    position: relative;

    z-index: 101;

    padding: 75px 0 25px 0;

    margin-top: 75px;

    border-top: 1px solid #f3f3f3;

}



#team-title

{

    width: 100%;

    float: left;

    text-align: center;

    margin: 0;

    margin-bottom: 75px;

    padding: 0;

}



#team ul li

{

    padding: 7px;

    border: 1px solid #eeeeee;

    margin-right: 5px;

    margin-bottom: 5px;

	display: inline;

	overflow: hidden;

	-webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

	-webkit-transition: 250ms linear all;

	-moz-transition: 250ms linear all;

	transition: 250ms linear all;

	box-shadow: 0 2px 1px rgba( 0, 0, 0, 0.03 );

}



#team ul li img

{

    background: #ffffff;

    width: 100%;

    height: auto;

	position: relative;

	z-index: 99;

	-moz-filter: contrast(105%);

	-webkit-filter: contrast(105%);

	filter: contrast(105%);

}



#team ul li .member-title

{

    width: 100%;

    padding: 15px 0 0 0;

    float: left;

    color: #222222;

    font-size: 16px;

    font-weight: 600;

    text-transform: uppercase;

}



#team ul li .member-content

{

    padding: 0 25px;

    font-size: 16px;

}



#team ul li p.role

{

    width: 100%;

    font-size: 12px;

    font-weight: 600;

    line-height: 12px;

	margin: 0 0 1em 0;

    letter-spacing: 1.5px;

    text-transform: uppercase;

}

/*

----------------------------------------------------------

----------------------------------------------------------



 Latest Post Module



----------------------------------------------------------

----------------------------------------------------------

*/

#latest-post

{

    width: 100%;

    height: 400px;

    padding-top: 100px;

    margin-top: 50px;

    float: left;

    overflow: hidden;

}



#latest-post,

#latest-post h2 a,

#latest-post p,

#latest-post a

{

    color: #ffffff;

}



#latest-post p

{

    color: rgba( 255, 255, 255, 0.9 );

}



#latest-post span

{

    color: rgba( 255, 255, 255, 0.7 );

}



#latest-post a.button

{

    color: rgba( 255, 255, 255, 0.7 )!important;

    border: 2px solid rgba( 255, 255, 255, 0.7 )!important;   

    padding: 15px; 

    margin-top: 25px;

}



#latest-post a.button:hover

{

    color: #ffffff!important;

    border: 2px solid #ffffff!important;   

}

/*

----------------------------------------------------------

----------------------------------------------------------



 Contact Module



----------------------------------------------------------

----------------------------------------------------------

*/

#contactform

{

    padding-bottom: 75px;

} 



#contactform #form-messages

{

    float: left;

}



#contactform input[type="text"],

#contactform input[type="number"],

#contactform textarea

{

    width: 100%;

    background: #f9f9f9;

    padding: 15px;

    font-weight: 400;

    border: none;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



#contactform input[type="submit"]

{

    margin-top: 15px;

    padding: 15px 20px;

    position: relative;

    z-index: 25;

}



input:-webkit-autofill 

{

    -webkit-box-shadow: 0 0 0px 1000px white inset;

}



#gmap

{

    width: 100%;

    margin-bottom: 50px;

    float: left;

    position: relative;

    z-index: 999;

}



.map-overlay 

{

   background: transparent; 

   position: relative; 

   width: 100%;

   float: left;

}

/*

----------------------------------------------------------

----------------------------------------------------------



 Twitter Module



----------------------------------------------------------

----------------------------------------------------------

*/

#twitter

{

    background: #ffffff;

    width: 100%;

    float: left;

    position: relative;

    z-index: 101;

    padding: 100px 0;

    margin-top: -25px;

    border-top: 1px solid #f3f3f3;

    -webkit-transition: 150ms linear all; 

	-moz-transition: 150ms linear all; 

	transition: 150ms linear all; 

}



#twitter ul

{

    text-align: center;

}



#twitter li

{

    margin-top: -25px;

    font-family: "Dosis", "Helvetica Neue", Helvetica, Arial, sans-serif;   

    font-size: 32px;

    line-height: 40px;

}



#twitter li span

{

    font-size: 16px;

    color: #aaaaaa;

}



#twitter a:hover

{

    color: #222222;

}

/*

----------------------------------------------------------

----------------------------------------------------------



 Social Module



----------------------------------------------------------

----------------------------------------------------------

*/

ul#social

{

    width: 100%;

    text-align: center;

    float: left;

    position: relative;

    z-index: 101;

}



ul#social li

{

    display: inline;

    margin: 0!important;

    margin-left: 25px!important;

}



ul#social i

{

    color: #ffffff;

    font-size: 18px;

    -webkit-transition: 150ms linear all; 

	-moz-transition: 150ms linear all; 

	transition: 150ms linear all; 

	filter: alpha(opacity=50);

  	-khtml-opacity: 0.5;

  	-moz-opacity: 0.5;

  	opacity: 0.5;

}



ul#social i:hover

{

    filter: alpha(opacity=100);

  	-khtml-opacity: 1;

  	-moz-opacity: 1;

  	opacity: 1;

}

/*

----------------------------------------------------------

----------------------------------------------------------



 Footer



----------------------------------------------------------

----------------------------------------------------------

*/

footer#footer

{

    background: #252525;

    color: rgba( 255, 255, 255, 0.3 );

    width: 100%;

    padding: 100px 0 75px 0;

    float: left;

    position: relative;

    z-index: 101;

}



footer#footer .widget h4

{

    text-transform: uppercase;

	letter-spacing: 2px;

    font-size: 16px;  

    color: rgba( 255, 255, 255, 0.4 );

}



footer#footer .widget p,

footer#footer .widget li,

footer#footer .widget a

{

    font-size: 14px;

    font-weight: 400;

    color: rgba( 255, 255, 255, 0.3 );

}



footer#footer .widget li

{

    line-height: 32px;

    list-style: square;

}



footer#footer a:hover

{

    color: #ffffff!important;

}



#lower-footer

{

    background: #232323;

    width: 100%;

    color: rgba( 255, 255, 255, 0.2 );

    padding: 20px 0 10px;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: 1px;

    text-align: center;

    float: left;

    position: relative;

    z-index: 101;	

	font-family:calibri;

}



#lower-footer [class^="icon-"]:before,

#lower-footer [class*=" icon-"]:before

{

    color: rgba( 255, 255, 255, 0.2 )!important;

}

/*

----------------------------------------------------------

----------------------------------------------------------



 FourOhFour



----------------------------------------------------------

----------------------------------------------------------

*/

body.error404,

body.error404 #content

{

    background: #ffffff;

}



#fourohfour

{

    width: 300px;

    margin: 0 auto;

    margin-top: 15%;

    color: #333333;

}



#fourohfour h1

{

    color: #222222;

}



#fourohfour h2

{

    margin-top: 50px;

    margin-bottom: 15px;

    color: #222222;

}



#fourohfour .button

{

    margin-top: 25px;

    color: #222222;

    font-size: 18px!important;

}

/*

----------------------------------------------------------

----------------------------------------------------------



 Posts



----------------------------------------------------------

----------------------------------------------------------

*/

#articles

{

    width: 100%;

    float: left;

}



.articles

{

    margin-top: -18px;

    float: left;

}



.post

{

    padding-bottom: 75px;

}



.post h2

{

    margin-bottom: 8px;

}



.post h2 a

{

    color: #111111!important;

}



.post img

{

	width: 100%;

	height: auto;

	margin-bottom: 25px;

	float: left;

}



.format-audio .featured-image

{

    margin-bottom: 0;

}



.format-video iframe

{

	width: 100%;

	margin-bottom: 15px;

	height: 500px;

}

/* single post */

#single

{

    width: 100%;

    float: left;

    padding-bottom: 75px;

}



#single .single-post img

{

	max-width: 100%;

	height: auto;

	margin-bottom: 25px;

	float: left;

}

/*

----------------------------------------------------------

----------------------------------------------------------



 Postmeta



----------------------------------------------------------

----------------------------------------------------------

*/

.postmeta

{

    width: 100%;

    margin-bottom: 25px;

    padding-bottom: 25px;

    border-bottom: 4px solid #f9f9f9;

	float: left;

}



.postmeta,

.postmeta a

{

    font-size: 16px;

	color: #bbbbbb!important;

}



.postmeta a:hover

{

    color: #111111!important;

}

/*

----------------------------------------------------------

----------------------------------------------------------



 Pagination



----------------------------------------------------------

----------------------------------------------------------

*/

.pagination

{

    background: #f9f9f9;

    width: 100%;

	font-size: 14px;

	font-weight: 600;

	color: #ffffff;

	margin-bottom: -75px;

	padding: 50px 0;

    float: left;

}



.pagination .current

{

    padding: 4px 8px;

    border-radius: 3px;

    color: #222222;

}



.pagination a.page-numbers

{

    background: #f5f5f5;

    padding: 4px 8px;

    border-radius: 3px;

    color: #222222;

}



.pagination a:hover

{

    color: #ffffff!important;

}

/*

----------------------------------------------------------

----------------------------------------------------------



 Postnavi



----------------------------------------------------------

----------------------------------------------------------

*/

.postnavi

{

    width: 100%;

    border-top: 1px solid #f3f3f3;

	padding: 75px 0 0 0;

	margin-top: 75px;

	text-align: center;

    float: left;

}



.postnavi h6

{

    width: 100%;

    float: left;

    text-align: center;

    margin: 0 0 50px 0;

    padding: 0;

}



.postnavi ul li

{

    margin-right: 5px;

    display: inline;

}

/*

----------------------------------------------------------

----------------------------------------------------------



 Comments



----------------------------------------------------------

----------------------------------------------------------

*/

#commentbox

{

    width: 100%;

    border-top: 1px solid #f3f3f3;

    padding: 75px 0;

    margin-top: 75px;

	float: left;

}



#commentbox h3

{

	font-size: 24px;

}



ul#comments .comment-body

{

	margin-bottom: 25px;

	padding-bottom: 25px;

	border-bottom: 1px dotted #eeeeee;

}



ul#comments .comment-author

{

	width: 90px;

	float: left;

}



ul#comments .comment-meta

{

	margin-bottom: 10px;

	font-size: 12px;

}



ul#comments img.avatar

{

    margin: 3px 15px 0 0;

    border-radius: 2px;

	float: left;

}



ul#comments .comment-body p

{

    font-size: 16px;

}



ul#comments .reply a

{

	background: #eeeeee;

	font-size: 11px;

	padding: 1px 8px 2px 8px;

	margin-top: -15px;

	border-radius: 3px;

	float: right;

}



ul#comments .reply a:hover

{

    color: #ffffff;

}



ul#comments li ul.children

{

	list-style: none;

}



#respond label

{

	font-size: 13px;

}



#respond input[type="text"],

#respond textarea

{

	width: 100%;

	float: left;

}



#respond p.form-allowed-tags,

#respond p.logged-in-as

{

	font-size: 14px;

}



#respond code

{

	background: none;

	border: none;

	font-size: 13px;	

}



p.comment-notes

{

	width: 100%;

	font-size: 1em;

	margin-bottom: 35px;

}



.fn,

.says,

.comment-form-comment label

{

	display: none;

}

/*

----------------------------------------------------------

----------------------------------------------------------



 Aside



----------------------------------------------------------

----------------------------------------------------------

*/

aside

{

    margin: -20px;

    float: right;

}

/*

----------------------------------------------------------

----------------------------------------------------------



 Widgets



----------------------------------------------------------

----------------------------------------------------------

*/

aside .widget

{

    width: 100%;

    padding: 0 25px 25px 25px;

    float: left;

}



aside .widget ul

{

    list-style: square;

}



aside .widget ul li

{

    font-size: 16px;

    margin-bottom: 5px;

}



aside .widget li a

{

    font-weight: 400!important;

    font-size: 16px;

}



aside .tagcloud a

{

    background: #666666;

    font-size: 11px!important;

    text-transform: none;

    color: #ffffff;

    font-weight: 600;

    padding: 2px 7px 4px 7px;

    margin: 2px;

    border-radius: 2px;

    float: left;

}



aside .tagcloud a:hover

{

    color: #ffffff!important;

}



footer .tagcloud a

{

    background: #333333;

    font-size: 11px!important;

    text-transform: none;

    color: #ffffff;

    font-weight: 600;

    padding: 4px 7px;

    margin: 2px;

    border-radius: 2px;

    float: left;

}



aside #searchform

{

    position: relative;

}



aside #searchform label,

aside #searchform input[type="submit"]

{

    display: none;

}



aside #searchform input[type="text"]

{

    width: 95%;

    font-size: 16px;

    padding: 10px 0 10px 10px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



aside p

{

    font-size: 14px;

}

/*

----------------------------------------------------------

----------------------------------------------------------



 Shortcodes



----------------------------------------------------------

----------------------------------------------------------

*/

/* audio player */

#standalone_player

{

    width: 100%;

    float: left;

}



.jp-interface

{

	background: #222429;

	width: 100%;

	height: 35px;

	margin-bottom: 25px;

	padding: 5px 0;

	float: left;

	position: relative;

	z-index: 9999;

}



.jp-interface ul li

{

	width: 15px;

	list-style: none;

	float: left;

	margin-left: 5px;

	position: relative;

	z-index: 25;

}



.jp-controls

{

	margin-top: 7px;

}



.jp-play,

.jp-pause

{

	height: 12px;

	margin-top: 5px;

	margin-left: -10px;

	float: left;

	position: relative;

	z-index: 999;

}



.jp-progress

{

	height: 1px;

	background: rgba(0, 0, 0, 1);

	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);

	margin-top: 17px;

	margin-left: 35px;

	cursor: pointer;

}



.jp-play-bar

{

    background: #ffffff;

	height: 1px;

	cursor: pointer;

	position: relative;

	z-index: 999;

}



.jp-seek-bar

{

	width: 5px;

	height: 5px;

}

/* progressbar */

.progressbar 

{

	width: 100%;

	height: 30px;

	background-color: #dddddd;

	border-radius: 25px;

}



.progressbar div 

{

	height: 100%;

	color: #ffffff;

	font-size: 14px;

	font-weight: 600;

	text-align: right;

	line-height: 30px;

	width: 0;

	border-radius: 25px;

}



.progressbar div span

{

    position: absolute;

    z-index: 999;

}

/* pricing */

.pricing

{

    background: #f2f3f7;

    color: #444444;

    font-size: 14px;

    text-align: center;

    margin: 0 auto;

    padding-bottom: 25px;

    border-radius: 2px;

}

 

.pricing .head

{

    background: #222429;

    position: relative;

    font-size: 18px;

    font-weight: 600!important;

    color: #ffffff;

    line-height: 1em;

    font-weight: normal;

    text-transform: uppercase;

    text-align: center;

    border-radius: 2px 2px 0 0;

    padding: 20px;

}

 

.pricing .head:after

{

    display: inline-block;

    content: " ";

    position: absolute;

    top: 100%;

    left: 50%;

    margin-left: -10px;

    border: 10px solid transparent;

    border-top-color: #222429;

    border-bottom-width: 0;

}

 

.pricing .content ul,

.pricing .content li

{

    display: block;

    width: 100%;

    margin: 0;

    padding: 0;

    text-align: center;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}

 

.pricing .content li

{

    font-size: 16px;

    line-height: 1em;

    padding: 15px 20px;

    border-bottom: 1px solid #dddfe5;

}



.pricing .content li:first-child

{

    padding: 5px 20px 15px 20px;

}



.pricing .content li:last-child

{

    border-bottom: none;

}

 

.pricing .content li.price

{

    font-size: 36px;

    font-weight: 800;

    line-height: 1.5em;

    padding: 25px 20px 15px 20px;

}

 

.pricing .content .button

{

    font-size: 16px;

    font-weight: 600;

    color: #ffffff!important;

    line-height: 1em;

    width: 120px;

    position: relative;

    display: inline-block;

    text-align: center;

    text-decoration: none;

    padding: 15px 12px;

    margin: 0;

    border: none;

    border-radius: 2px;

    cursor: pointer;

}



.pricing .content .button:hover

{

    color: #ffffff!important;

}



/* DEMO CSS REMOVE FOR DOWNLOAD */

/*#slides img.background 

{ 

    filter: alpha(opacity=30);

    -khtml-opacity: 0.3;

    -moz-opacity: 0.3;

    opacity: 0.3; 

}

*/

body.page-id-2036 #content,

body.page-id-2038 #content

{

    margin-top: 35%;

    padding-top: 50px!important;

}



body.page-id-2036 #filters,

body.page-id-2038 #filters

{

    display: none;

}



body.page-id-2036 #folio ul,

body.page-id-2038 #folio ul

{

    margin-top: 100px;

}



body.page-id-2036 #folio,

body.page-id-2038 #folio

{

    padding-top: 75px;

    margin-top: 75px;

    border-top: 1px solid #f3f3f3;

}



a.btn {

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0px;

  color: #fc9e6b;

  font-size: 14px;

  background: #ffffff;

  padding: 5px 10px 5px 10px;

  border: solid #fc9e6b 1px;

  text-decoration: none;

  display:block;

  margin:10px auto;

  width:100px;

  text-align:center;

}



a.btn:hover {

  background: #fc9e6b;

  text-decoration: none;

  color:#ffffff;

  border: solid #ffffff 1px;

}



.float_left { float:left; width:15%; }



.float_left img { width:90%; height:auto; }



.float_right { float:right; width:80%; }



.float_left_about { float:left; width:70%; }



.float_right_about { float:right; width:20%; }



.no_margin { padding-left:0px; }



#lower-footer ul.social_css {

	margin:0px;

}



#lower-footer ul.social_css li {

	list-style-type:none;

	display:inline-block;

}



.height_twofifty { min-height:275px; }



.bg_img { width:100%; height:250px; background-image:url(http://advancedpathways.com.au/wp-content/uploads/2015/01/MelbourneSkyline.jpg); background-size:cover; background-repeat:no-repeat; margin-top:-70px; margin-bottom:35px; }



.bg_img2 { width:100%; height:250px; background-image:url(http://advancedpathways.com.au/wp-content/uploads/2015/01/Banner-across-About-Us-page.png); background-size:cover; background-repeat:no-repeat; margin-top:-70px; margin-bottom:35px; }



.bg_img3 { width:100%; height:250px; background-image:url(http://advancedpathways.com.au/wp-content/uploads/2015/01/Banner-across-Your-Pathway-page.jpg); background-size:cover; background-repeat:no-repeat; margin-top:-70px; margin-bottom:35px; }



.one_quarter.rounded_border {

  border: 2px dashed #33cccc;

  border-radius: 25px;

  font-size: 13px;

  height: 305px;

  margin: 40px 20px;

  max-width: 21%;

  padding: 20px;

  position:relative;

}



.list_icon {

	background-image:url(http://advancedpathways.com.au/wp-content/uploads/2015/01/path_list.png);

	display:block;

	width:30px;

	height:30px;

	background-repeat:no-repeat;

	position:absolute;

	right:-40px;

	top:130px;

} 



h1.pathway { font-family:calibri; font-size:35px; text-transform:none; }



h1.pathway .coloured { color:#33cccc; }



h1.pathway .smaller {
  display: block;
  font-family: calibri;
  font-size: 13px;
  margin-left: 45px;
  margin-top: -40px;
}



h4.pathway { font-family:calibri; font-size:23px; text-transform:none; }



h4.pathway .coloured { color:#33cccc; }

.rounded_border h6 { text-align:center; }