/* Smartphone version of style.css for portrait and landscape orientation */


/* -- 3. STRUCTURE -- */

.container_shadow { width:320px; padding:0px; margin:10px auto 10px }
.container { width:318px }
.header_wrap, .featured_wrap, .primary_wrap, .secondary_wrap, .footer_wrap, .utility_wrap { width:300px; margin:0px auto }
.primary_wrap { width:300px }
.page_titles { margin:0px 0px 20px; padding:9px 5px 11px }
.content, .content_medium, .content_large, .content_full { float:none; width:300px; margin:0px auto 20px }
.sidebar1, .sidebar2 { float:none; width:300px; margin:0px auto }
.full, .three_fourth, .half, .three_eighth, .one_third, .two_third, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { float:none !important; margin-right:0px; width:300px !important; }


/* -- 4. HEADER -- */

.top_nav_wrap { width:320px; padding:0px; margin:0px auto }
.brand { float:none; margin:0px; padding:20px 0px 10px 0px }
.header_widget_area { float:none; padding:10px 0px; width:300px }

/* Top Navigation Menu */

.nav_top { width:318px; height:auto; margin:0px; padding:4px 0px }
.nav_top li { float:none; height:auto }
.nav_top a { padding:2px 10px; margin:0px }
.nav_top ul { top:auto }
.nav_top ul li { height:auto }
.nav_top ul ul { left:auto; right:auto; top:auto }

/* Primary Navigation Menu */

.nav1 { margin:0px; padding:4px; height:auto }
.nav1 li { float:none; height:auto }
.nav1 a { padding:2px 5px; margin:0px; border:none }
.nav1 ul { top:auto }
.nav1 ul li { height:auto }
.nav1 ul ul { left:auto; right:auto; top:auto }


/* -- 4. SLIDER AND POST LISTS -- */


/* Slider Default width */

.slider { width:300px }
.slider .cycle_slider, .slider_medium .cycle_slider, .slider_large .cycle_slider { width:300px }
.slider .cycle_slider li { height:300px }
.cycle_slider li img { width:300px; height:180px }

ul.three_col { margin:0px; padding:0px 0px 4px; list-style:none }
ul.three_col li { float:none; width:300px; margin:0px 0px 16px 0px }
ul.three_col li div.img_thumb { margin:0px 0px 10px 0px }


/* -- 7. ARCHIVE/GALLERY PAGES -- */

ul.grid2 li { float:none; width:300px; margin:0px 0px 20px 0px }
ul.grid3 li { float:none; width:300px; margin:0px 0px 20px 0px }
ul.grid4 li { float:none; width:300px; margin:0px 0px 20px 0px }

/* -- 8. BLOG PAGES -- */

.thumb_big { width:300px !important; height:auto }
.content_medium .post_content { width:300px }
.content_large .post_content { width:300px }
#author-description { width:200px }
.content_medium #author-description { width:200px }
.content_large #author-description { width:200px }
.author-card { width:64px; height:64px; padding:0px; margin-bottom:18px }
.commentlist li li .author-card, .commentlist li li .author-card img { width:48px; height:48px }
.comment_data { width:220px }
.content_medium .comment_data { width:220px }
.content_large .comment_data { width:220px }
.comment_data h5 { margin-bottom:12px }
.commentlist ul.children { margin:0px }

.commentlist ul .comment_data { width:220px }
.commentlist ul ul .comment_data { width:220px }
.commentlist ul ul ul .comment_data { width:220px }
.commentlist ul ul ul ul .comment_data { width:220px }

.content_medium .commentlist ul .comment_data { width:220px }
.content_medium .commentlist ul ul .comment_data { width:220px }
.content_medium .commentlist ul ul ul .comment_data { width:220px }
.content_medium .commentlist ul ul ul ul .comment_data { width:220px }

.content_large .commentlist ul .comment_data { width:220px }
.content_large .commentlist ul ul .comment_data { width:220px }
.content_large .commentlist ul ul ul .comment_data { width:220px }
.content_large .commentlist ul ul ul ul .comment_data { width:220px }


/* -- 10. FORMS -- */

#commentform textarea, .commentform textarea, .wpcf7-form textarea  { width:280px }
.sidebar1 .wpcf7-form input[type="text"], .sidebar1 .wpcf7-form textarea { width:280px }
.sidebar2 .wpcf7-form input[type="text"], .sidebar2 .wpcf7-form textarea { width:280px }
.secondary .wpcf7-form input[type="text"], .secondary .wpcf7-form textarea  { width:280px }
.sidebar1 .wpcf7-form textarea, .sidebar2 .wpcf7-form textarea, .secondary .wpcf7-form textarea { height:280px }


/* -- 11. FOOTER -- */

.notes_left { float:none; width:300px; margin-right:0px }
.notes_right { float:none; width:300px; text-align:inherit }