/*
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it
is easier to update the theme. Simply copy an existing style
from style.css to this file, and modify it to your liking. */


/* GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */


img {
	max-width:;
}


/**HOME BLOG*/
h1.title.border_title {display:none;}
.blog-item-description p {text-align: justify; margin: 0 15px 15px 15px; font-size: 14px;}
h3.blog-title a{color:#222;} h3.blog-title a:hover{color:#3399FF;}
.category-blog {text-transform: uppercase; font-weight:bold; color:#3399FF;}
.blog-item-description h3.blog-title {margin: 0 15px 15px 15px;}
.page-template-template-blogGridMan-php .blog-post-meta {margin: 2px 0 15px 0;}
h3.blog-title {text-transform: uppercase; text-align: center;}

.blog_full {padding: 0;}
div.blog_full .entry p {background: #fff;}
.page .blog_full section.entry p {margin-bottom: 0; text-align: justify;}
.blog_full .blog-post-meta { text-align: center;}

/**PAGE + SINGLE*/
.single .title, .page .title {font-family:Helvetica, sans-serif; text-transform: uppercase; font-weight:bold; letter-spacing: -1px; font-size:30px;
text-align: center;}
.page .title {margin: 30px;}
.page .entry {color:#222; background: #f5f5f5;}
.page section.entry h3, .page section.entry p {margin:30px 0;}

.teaser {background:#ffffff;}

.category_single {text-align: center; text-transform: uppercase; font-weight:bold; letter-spacing: ; font-size:15px; padding-top:30px;}
.category_archive {text-align: center; text-transform: uppercase; font-weight:bold; letter-spacing: ; font-size:15px;}
.info_single_post_admin {font-style: italic; color:#777; font-size:11px; font-weight:normal; }

#author-profile .auth-img {margin: 0 15px 0 0;}
#author-profile {padding: 20px 0; margin: 0 0 0 30px; width: 91%;}
#comments .avatar { display:none;}

p a:link, p a:visited  {color:#3399ff;}
p a:hover {text-decoration: underline; color: #3399ff;}
a:hover {text-decoration: none;}
.entry p {color:#222; font-weight:normal; margin: 0 30px 25px 30px;  }
.entry {background:#fff;}
.entry img, .entry .wp-caption img { padding:0;}
section.entry h3 { margin:30px;} 
h3 a:hover {text-decoration: none;}
div.auth-des  h3.blog-title {margin-bottom:0px;}
.format-standard article.post, .page-template-template-blog-php article.post {border:none;}
.page-template-template-blog-php .entry p {margin: 10px;}


h3 .blog-title.rel-title-single {background: #f5f5f5;}

.tag_single_bottom {display:none; margin:0;}
.info-extra {border-top :2px solid #f5f5f5; border-bottom :2px solid #f5f5f5; background:#fff; padding:15px 30px; }
.info-extra p {text-transform:uppercase;}

.tag_single_bottom_div {margin: 30px;}
#post-author {background:#fff; border-radius: 0; }
.author #post-author {padding:30px;}
#post-author h4 {font-family: Helvetica, sans-serif; text-transform:uppercase; font-weight:bold;}
#post-author .profile-content {font-family: Helvetica, sans-serif; text-align:justify;}

.single .rel-title-single {background:#f5f5f5;}
.share-top a { background:#3399FF;} .share-top a:hover { background:#000;}
.single-post div.border {border-color:#000;}
#author-profile {border:none;}
#respond h3 {color: #000;}

.info_single_post {border:none; margin: 25px auto; width: 250px;}
span.small {font-size:11px;  color:#777;}
.ico-responsive.top-icon {color:#fff;}

body .vc_separator h4 {font-family: Helvetica, Arial, sans-serif; font-size:20px/1.2em; font-weight: bold;}
.wpb_content_element { margin-top:30px;}
h3.title-sc {font-family: Helvetica, Arial, sans-serif !important;}


/**SIDEBAR*/
.short-bio {text-align:justify; font-size: 14px; background: #222; padding: 30px 30px 20px 30px; color:#FFF;}
.line {border-top: 5px solid #222; margin: 15px auto; width:50px;}
.line-white {border-top: 5px solid #fff; margin: 15px auto; width:50px;}

#connexion {
	display:inline-block;
	list-style:none;
	margin: 0 10px 15px 20px;
	text-align: center;
	background: #222;
}
#connexion li {
	display: inline-block;
	margin: 0 5px 0 0;
}

#connexion div {
	width: 15px; height: 15px;
	margin: 15px 10px 0 0;
}

#social {background: #222;}

.sidebar-facebook {background: url(images/facebook-20-1.png) no-repeat}
.sidebar-facebook:hover {background: url(images/facebook-20-2.png) no-repeat}

.sidebar-twitter {background: url(images/twitter-20-1.png) no-repeat}
.sidebar-twitter:hover {background: url(images/twitter-20-2.png) no-repeat}

.sidebar-youtube {background: url(images/youtube-20-1.png) no-repeat}
.sidebar-youtube:hover {background: url(images/youtube-20-2.png) no-repeat}

.sidebar-instagram {background: url(images/instagram-20-1.png) no-repeat}
.sidebar-instagram:hover {background: url(images/instagram-20-2.png) no-repeat}

.sidebar-google {background: url(images/google-20-1.png) no-repeat}
.sidebar-google:hover {background: url(images/google-20-2.png) no-repeat}

.sidebar-pinterest {background: url(images/pinterest-20-1.png) no-repeat}
.sidebar-pinterest:hover {background: url(images/pinterest-20-2.png) no-repeat}

.sidebar-tumblr {background: url(images/tumblr-20-1.png) no-repeat}
.sidebar-tumblr:hover {background: url(images/tumblr-20-2.png) no-repeat}

.sidebar-rss {background: url(images/rss-20-1.png) no-repeat}
.sidebar-rss:hover {background: url(images/rss-20-2.png) no-repeat}

.menu-sidebar-container a {color:#333; font-size:12px; text-transform:uppercase; font-weight: bold;}
.menu-sidebar-container a:hover {color:#3399ff; text-decoration:none !important;}

#search-2 {background:#fff; padding: 30px;}
#search-2 #searchform #searchsubmit, .searchform #searchsubmit {background:#333; padding-top: 0px !important;}
#search-2 #searchform #searchsubmit:hover, .searchform input#searchsubmit:hover {background:#000;}
form#searchform input#s { width:55% !important;}

/**IMG*/
.entry .wp-caption.aligncenter, .entry .wp-caption {background: none; border: none; padding:0; margin-bottom: 30px;}
.entry .wp-caption-text {font: normal 12px Helvetica, sans-serif; font-style:italic; color:#999;}

/** IMG GALLERY */
#gallery-1 .gallery-item {
	margin-top:0 !important;
}
#gallery-1 img {
	border-top:2px solid #ffffff !important;
	border-bottom:0 !important;
	border-right:2px solid #ffffff !important;
	border-left:2px solid #ffffff !important;
}


/**COMMENTS*/
#comments {margin:0;}
#comments .comment .comment-container {background:#fff; border-bottom:2px solid #f5f5f5; padding:0;}
#comments .comment-entry p {margin: 0 0 0 30px; width:91%;}
#comments h3#comments-title {font-family: Helvetica, sans-serif; text-transform:uppercase; font-size:14px; border:none; color: #000; padding: 30px;
	background:#ffffff; margin:0;}
#comments .comment-head .name, #comments .comment-head .date {margin:0 30px 30px 30px;}
#comments .commentlist {background:#ffffff; margin-bottom:20px;} 
.comment-entry {padding: 0;}

/**SLIDE*/
.slider {display:none;}

/**PAGINATION*/
.woo-pagination {background:#fff;  padding: 15px 0px; border:none;}
span.page-numbers.current {background:#222 !important; color:#fff !important; 
font-weight:bold !important; border:1px solid #222;}
.woo-pagination a:link, .woo-pagination a:visited {border: 1px solid #222  !important; color: #222 !important; 
		font-weight:bold !important;
		padding: 2px 10px 5px;}
.woo-pagination span.extend, .woo-pagination .page-numbers {color:#222;}
.woo-pagination a:hover {background:#ccc !important;}
.woo-pagination span.current {padding: 2px 10px 5px; background:#222;}

/**HEADER*/
.header-4 #navigation ul.nav li a {font-weight:bold;}
#top ul.top-navigation li a, #top ul.rss a, #top .cart-contents, #top ul.rss {font-weight:normal}

/**ARCHIVE*/
.archive .title {font-size:15px; font-weight:bold;}
h1.archive_header.title { text-transform: uppercase; border: none; background:#ffffff; margin: 0; padding: 0; }
span.fl.cat {margin: 30px 0 0 30px;} span.fr.catrss {margin: 30px 30px 0 0;}
.archive-description { background:#ffffff; padding:10px 30px 30px 30px;}
.archive-description p { font-size:14px; text-align: justify;}
.type-post .entry p {font-size:14px; font-family:Helvetica, Arial, sans-serif;}

.col-left article {margin:0; border-bottom: 2px solid #f5f5f5; padding: 30px; }

span#lasuite:hover {border: 1px solid #3399FF; color: #fff; background: #3399FF;}
span#lasuite { border: 1px solid #444; color: #fff; font-size: 12px; padding: 5px; margin-bottom: 10px; background: #444; }

/**FOOTER*/
#footer-container {background:#e7e7e7;}
#footer-container-bottom {background:#e7e7e7;}


/**SEARCH*/
.universe-search .universe-search-form .universe-search-input {color:#222; font-family: "Helvetica", sans-serif;}
.universe-search .universe-search-form .universe-search-icon {color:#222;} .icon-search {color:#fff;}

/**PORTFOLIO*/
h3.port_title { font-family: Helvetica, Arial, sans-serif;}
p.first_text {font-weight:bold; margin-bottom:0;}
blockquote.blk2 {margin: 30px 30px 10px 30px; padding:10px 0 10px 30px !important; font-style:italic; text-align:justify;}
cite.portsite {margin: 0 30px 30px 62px; font-style:normal;}


/**AGENGE*/
.member { background:#fff;}
.teaser { border: none;}

/**PORTFOLIO*/
.port-des, .port-ex {background:#ffffff;}
p.first_text, p.second_text, a p.second_text {text-transform: uppercase; font-size: 13px;}
p.first_text {border-top: 1px #e7e7e7 solid;}
.portfolio span.category-portfolio, .port_title{ text-align:center;}
div.top-single-portfolio { border: none; margin-bottom: 0;}
.portfolio span.category-portfolio a { text-transform: uppercase; font-style:normal; color:#3399FF; font-weight:bold; font-size:15px;}
h3.port_title a {text-transform: uppercase; color:#222;} h3.port_title a:hover {text-transform: uppercase; color:#3399ff;}

.portfolio span.category-portfolio a { text-transform: uppercase; font-style:normal; color:#3399FF; font-weight:bold; font-size:15px;}
.portfolio span.category-portfolio a:hover {color:#3399FF;}
.portfolio span.category-portfolio { margin-bottom:0;}
h3.port_title a {text-transform: uppercase; color:#222;} h3.port_title a:hover {text-transform: uppercase; color:#3399ff;}
h3.port_title {background:#ffffff; display: block; margin-bottom:10px;}


/* DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */
@media only screen and (min-width: 768px) {
	/* Desktop styles go below this line */

.two-col-left #main-sidebar-container #sidebar, .two-col-right #main-sidebar-container #sidebar {width: 30.6%; }
.two-col-left #main-sidebar-container #main, .two-col-right #main-sidebar-container #main {width: 67%;}


.col-full { padding: 0 0 0 15px;}
#navigation ul.nav li.current_page_item a {
	background-color: transparent !important;
	border-bottom: 5px #333 solid;
	font-weight: bold;
}


/**NAV*/
#navigation ul.sub-menu li.menu-item a{border:none; color:#333 !important; }
#navigation ul.sub-menu li.menu-item a:hover {text-decoration:none; color:#3399FF !important; }
#navigation .nav li ul li.parent a {font-weight: bold;}
#navigation ul.sub-menu li.menu-item img {display:none;}
	
ul.nav li a {font-weight:bold; font-size:13px;}
#navigation .nav li.parent > a:after { border-color:#333 transparent transparent transparent;}
#navigation ul.nav > li a:hover {background-color:#f5f5f5 !important; color:#3399ff}
#navigation ul.nav li ul, #navigation ul.nav li.current-menu-ancestor a {background-color:#f5f5f5 !important;}

.menu-item-object-custom {
	font-weight:bold;
}

/**ARCHIVE*/
.archive-labomba { 
	background-color:#fff;
	float: right;	
	width:258px;
	text-align: center;}

}